allt
Företag
datavetenskap
design
utveckling
vår resa
Strategimönster
Tack! Din inlämning har mottagits!
Hoppsan! Något gick fel när du skickade in formuläret.
Tack! Din inlämning har mottagits!
Hoppsan! Något gick fel när du skickade in formuläret.
Sandro Cantante

Augusti 16, 2022

Min läsning

Designplanering: gör en snygg skillnad

Användarupplevelse (UX) och användargränssnitt (UI) är för närvarande två av de mest använda produktdesignkoncepten. Medan UX-designers fokuserar på upplevelse och ställer in stämningen, tonen och kommunikationsstilen, materialiserar UI-designers den upplevelsen i ett användargränssnitt. Båda har funnits länge nu och genom deras gemensamma ansträngningar kommer digitala produkter till liv.

För varje projekt finns det flera giltiga tillvägagångssätt, men den absoluta och enda rätta vägen, bättre än alla andra, existerar inte. Att hålla det enkelt och praktiskt, i alla fall, är ett av de säkraste sätten att gå, med fokus på att tillhandahålla ett perfekt fungerande gränssnitt och en ren upplevelse som låter användare snabbt nå önskat slut.

Ta Tinker webbplats som ett bra exempel på en ren och funktionell design:

Tinker Product Search
Tinker Product View

Produktsökningssidan består av en enkel och intuitiv sökning som låter användaren hitta önskad produkt genom att matcha olika parametrar. När du håller muspekaren ger den både kostnaden och möjligheten att lägga till önskad artikel i kundvagnen. Om du klickar på en produkt öppnas en annan sida som innehåller en grundlig beskrivning. Allt står på en vit bakgrund som fördjupar webbplatsens rena upplevelse.

Vi hör vanligtvis att mindre är mer och för det mesta är det det bästa sättet att uppnå önskade mål. Emellertid ibland verkar det som om det finns ett tomt utrymme som ingen märker förrän det är fyllt med en annan stil.

blå pil till vänster
Imaginary Cloud-logotyp

GÖRA EN SNYGG SKILLNAD

En av fördelarna med design är att kunna skapa olika upplevelser baserat på samma data. Det finns flera sätt att förvandla en uppsättning information och krav till en positiv upplevelse för användarna, som Tinker gjorde.

Följande jämförelse visar hur samma information kan organiseras på två olika sätt, både enkla att använda och ger en fantastisk upplevelse.

Final Fantasy VII Battle Interface

Den Final Fantasy VII stridsgränssnittet presenterar allt som spelaren behöver. Genom att använda menyer, text, siffror och staplar finns all viktig information tillgänglig på ett enkelt och praktiskt sätt. Gränssnittet kunde inte göras enklare eller mer intuitivt och man kunde knappast peka på något negativt om upplevelsen som kommer från det. Fram till Final Fantasy XV (2017) använder alla följande spel i serien variationer av samma meny och det är tillräckligt bevis på dess kvalitet.

Omedelbart, Person 5 verkar ge en helt annan upplevelse. Gränssnittet är dock baserat på samma information, bara utformad på ett annat sätt. Bortsett från de distinkta sätten att välja varje alternativ - enstaka knappåtgärder mot att välja alternativ från en meny - fungerar allt på samma sätt.

Persona 5 Battle Interface

Olika stilar kan ge mycket olika upplevelser. Även om funktionerna som står på basen av menyn i båda fallen är mycket lika, gör stilen som används i Persona 5 att den sticker ut.

Denna typ av stil missades inte i Final Fantasy VII eftersom det i verkligheten inte är något fel med gränssnittet i första hand. Nu, om vi tittar noga på Persona 5, det är tydligt exakt hur stor skillnad det kan göra. Medan du är på det, om du är intresserad av en mer djupgående analys av den vackra UX/UI-designen av Persona 5, kan du följa detta bra artikel om det.

blå pil till vänster
Imaginary Cloud-logotyp

STRATEGISKT TÄNKANDE

Tidigare gjorde jag det klart att stil gör hela skillnaden i upplevelsen användare har. Nu ska vi se den strategiska aspekten av det och konsekvenserna av sådana designbeslut. Ibland kan de verka som små förändringar ibland, men UX- och UI-design kommer att definiera den projicerade bilden av en produkts kommunikationsstil och positionering.

Bloomberg Website (2016)

Bloomberg är ett bra exempel på djärvhet i sin design, en som vi redan utforskat i ett annat sammanhang i en tidigare artikel. Exemplet ovan visar hur webbplatsen var före deras senaste redesign och när man tittar på det nu verkar det som om det inte är något fel med det. i alla fall, Ibland handlar det inte om att se bättre ut än tidigare, utan om att se annorlunda ut.

Som John Micklethwait, Bloombergs chefredaktör, förklarade, de gav sin webbplats ett renare utseende för att förenkla användarens upplevelse. Tittar man på båda webbplatserna nu, den största skillnaden mellan dem är stilen. De gick tillbaka till svartvitt och organiserade några element annorlunda, men gränssnittet är väldigt likt. Även om det kan verka som en kosmetisk förändring, kommer det faktiskt att påverka användarupplevelsen i hög grad.

Bloomberg Website (2018)

I slutändan är stil det som gör den önskade användarupplevelsen möjlig. Lika enkelt kan en användare åstadkomma detsamma på båda Bloomberg-exemplen som presenteras här. Den största skillnaden gäller företaget i sig, som projicerar en annan bild med varje alternativ.

blå pil till vänster
Imaginary Cloud-logotyp

NÄR ÄR DET DAGS ATT BYTA?

Det finns inget sådant som den bästa tiden att redesigna. Även om detta gäller design i allmänhet, visar grafisk design det bättre. Till exempel, Twinings från London användningar samma logotyp sedan 1706, medan Juventus FC drastiskt förändrats deras logotyp efter 112 års konsistens. Vissa produkter förändras aldrig medan andra ändras nästan varje år och det är helt naturligt.

Det är det som är så intressant med exemplen som visades i den här artikeln: alla representerar helt friska UX/UI-design. I slutändan finns det ingen bra eller dålig styling, bara en viss stil som är mer lämpad för att uppfylla varje produkts affärsmål. Det är mycket mer kopplat till strategiskt tänkande - som också är en del av produktdesign - än gränssnitt eller upplevelser.

Ett annat bra exempel kommer från Google, som Krom nyligen ändrat för att integrera materialdesign. Även om det inte skiljer sig mycket från det tidigare gränssnittet, behåller en liknande upplevelse, Det är utan tvekan ett uttalande Det är ett strategiskt beslut. Till exempel, det skiljer sig från vad som hände med Gmail tidigare i år, som gränssnitt och erfarenhet förändrats avsevärt.

Lika bra alternativ kan representera kontrasterande positioner i branschen och följaktligen är den bästa tiden att byta när man inte känner sig bekväm med bilden som projiceras av deras design. Ibland krävs det inte mycket för att förändras drastiskt. Det handlar bara om att leka med produktens stil och anpassa den efter affärsmålen.

Vid Imaginärt moln Vi försöker alltid designa varje digital produkt så unik och snygg som möjligt. Om du letar efter hjälp med UI/UX-design har vi ett högkvalificerat team som väntar på dig! Släpp oss en rad här!

Ready for a UX Audit? Book a free call

Tyckte den här artikeln intressant? Du kanske gillar dessa också!

blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
Sandro Cantante
Sandro Cantante

Innehållshanterare, textredigerare, och presentatör av strategiska idéer, tillsammans med att vara en ivrig beundrare av filmkonst och visuellt berättande.

Läs fler inlägg av denna författare

Människor som läste det här inlägget tyckte också att dessa var intressanta:

pil vänster
pilen till höger
Dropdown caret icon