I användarupplevelse är friktion något som hindrar användarna från att uppnå sina mål. Friktion är ett stort problem eftersom det leder till studsningar, minskar omvandlingar och frustrerar användarna till att överge sina uppgifter. I den här artikeln hittar du hur du kan förbättra UX för dina användare genom att minska friktionen.

Konceptet av en friktionslös upplevelse

Friktionslös användarupplevelse har nu blivit den nya standarden. Målet med friktionslösa upplevelser är att förenkla våra liv. De mest framgångsrika digitala erfarenheterna har uppstått utifrån att fokusera på att minska friktionen i användarresan.

image3

Uber vet att färre steg involverade i en uppgift, desto mindre friktion.

Utanför grafiska gränssnitt är ett bra exempel Amazon-knappen, som gör att du kan beställa en påfyllning av en specifik produkt med ett enda tryck.

image1
Amazon Dash-knapp

Bra och dålig friktion

Det är viktigt att säga att det finns två typer av friktion - "bra" och "dålig" friktion:

"Bra" friktion

Det finns tillfällen då en liten UI / UX friktion är önskvärt. Som Sangeet Choudary sa: "Friktion i design är till hjälp om det underlättar samspelet istället för att [komma] i vägen för det." Ibland kanske du vill sakta ner användaren för att säkerställa att data som tagits upp är korrekt eller för att förhindra att användare tar en felaktig väg. Till exempel, för åtgärder med allvarliga konsekvenser är viss friktion inte en dålig idé.

image7

Friktion kan förhindra misstag genom att be om bekräftelse. En användare måste bekräfta en raderingsåtgärd genom att faktiskt skriva radering.

"Dålig" friktion

Detta är en oönskad friktion som skapas av en visuell rodnad (en upptagen layout som förvirrar eller distraherar användaren), inkonsekvens ("Varför visas" Skicka "-knappen annorlunda på den här sidan?), Okända funktioner eller funktioner. Dålig friktion är fienden för interaktionsdesign eftersom det skapar extra kognitiv belastning i användargränssnittet. Att reducera dålig friktion är bra för ditt användargränssnitt.

Hur man förhindrar dålig friktion

UX-designers behärskar konsten att reducera dålig friktion genom en kombination av designtekniker. Att tillämpa följande 6 nyckelprinciper hjälper dig att driva någon produkt eller tjänst till en mer friktionslös upplevelse för dina användare.

1. Överväg en fullständig användarresa

Det är viktigt att designa en produkt med en fullständig användarresa i åtanke för att hitta var friktion är till hjälp och där den är skadlig för både användar- och affärsmål. Varje steg i resan kan antingen skapa eller ta bort friktion och påverka framgången för den övergripande produkten. När konstruktören förstår stegen som är involverad i en användarresa kan de ta bort (eller åtminstone justera) några steg som påverkar svarsfrekvensen negativt.

image4

Att ha en användarkartskarta skulle göra det lättare att upptäcka friktioner i en upplevelse. Bildkredit: Effektiv användargränssnitt

2. Begränsa det totala antalet steg som krävs för att slutföra uppgiften

Ju färre steg som är involverade i en uppgift, desto mindre friktion. Här är ett känt exempel på John Grubers jämförelse av kalenderposter:

"Min typiska användning [i iCal]:

  1. Dubbelklicka på datumet för händelsen i månadsvy.
  2. Skriv händelsens namn.
  3. Fliken förbi Plats.
  4. Markera kryssrutan förbi "hela dagen".
  5. Fliken förbi Månad.
  6. Fliken över dagen.
  7. Flik förbi År.
  8. Ange timmen.
  9. Ange protokollet.
  10. Byt AM / PM.

Jämför och kontrast till händelseposten UI för kalenderfunktionen i Ryggsäck:

  1. Dubbelklicka på datumet för händelsen i månadsvy.
  2. Skriv tid och namn för händelsen. "

Det är klart vilken app har en mindre friktion för denna uppgift.

Problemet med gränssnittsfriktion är att det i vissa fall är oundvikligt. Så om ett stort antal steg är absolut nödvändigt för din app, gör ditt bästa för att se till att varje steg känns så enkelt som möjligt.

3. Design Clear Navigation

Mycket kan gå fel med navigering, vilket gör det källa till potentiell friktion. Även om det är definitivt omöjligt att tillhandahålla en lösning med en storlek som passar alla, är det fortfarande möjligt att förbättra navigationsupplevelser genom att lära av användare. Rätt användartestningsteknik (som kortsortering) kan hjälpa dig att förstå hur användarna kategoriserar och åtkomst till innehåll i din app eller på din webbplats. Den här informationen hjälper dig att utforma eller justera navigeringen för dina användares behov.

4. Följ "Less is More" -metoden

Det ultimata syftet med ett gränssnitt är att göra saker enklare. Därför är enkelhet en viktig del av vad adekternas friktionslös design syftar till att uppnå. Designers försöker förmedla det väsentliga genom att ta bort det onödiga. Som Antoine de Saint-Exupery sa en gång: "Perfektion uppnås, inte när det inte finns något att lägga till, men när det inte finns något kvar att ta bort." Det här är helt sant för användargränssnitt. Som designer bör du endast prioritera de element som matchar användarnas förväntningar och trimma allt som inte hjälper användaren. Ett bra exempel på en produkt som följer denna princip är Googles startsida: så enkelt som det kan vara; bara en sak att göra och mycket vitt utrymme runt det.

image6

Jämför det med Yahoo-hemsidan som ser ut som en swiss army knife. För många funktioner och alternativ kan vara skrämmande och ibland skadliga.

image8

5. Använd igenkännliga användargränssnitt

När vi interagerar med kända gränssnittselement kan vi använda kunskap från vår tidigare erfarenhet. Men varje gång vi måste lära oss hur något nytt fungerar skapar det friktion (för lite kunskap kan försämras användarvänligheten). UI-mönster hjälper användarna att förstå mycket komplexa system och framgångsrikt hantera svåra uppgifter. UX / UI-designers ska använda så många lämpliga användargränssnitt som möjligt. Erkännliga konventioner, till exempel en förstoringsglasikon för sökning, kräver ingen extra tanke för användarna.

6. Använd Chunking

Den kognitiva psykologen George A. Miller hävdade att antalet objekt en genomsnittlig människa kan hålla i arbetsminnet är 7 ± 2. För att förhindra att en användare överdrives med för mycket information samtidigt använder konstruktörerna ofta chunkingtekniken. Chunking arbetar runt de mänskliga hjärnans naturliga begränsningar och minnesretention. Att dela komplext innehåll i mindre sektioner förbättrar erfarenhetshastigheten. Det tillåter användare att bearbeta informationen genom att föreslå hur varje bit ska tolkas. Som ett resultat behåller användarna faktiskt innehållet bättre.

Ibland är det bäst att bryta upp en komplex uppgift i mindre deluppgifter. Samma principer gäller för inmatningsformer i att bryta en lång form till flera mindre steg.

image2
Chunking förhindrar överväldigande hjärnan med för mycket information på en gång. Facebook använder en chunkingprocess för att visa framsteg genom en sekvens av logiska och numrerade steg.