Ju mer dina användare håller fast vid den lyckliga vägen UX, desto mer ser de värdet i din produkt och vill stanna kvar. Dina retentionsgrader kommer potentiellt att öka, och det kommer även kundnöjdheten.
Bäst av alla?
Du kan få detta att hända genom att optimera UX för olyckliga vägar inom din produkt. Den här artikeln visar hur.
TL;DR
- Den lyckliga vägen, även kallad lyckligt flöde eller gyllene vägen, hänvisar till en rad idealiska steg som användaren tar inom din produkt för att uppnå önskat resultat.
- Glada vägar är utformade så att varje steg gör användaren mer upphetsad över att uppnå sina mål.
- Glada vägar skapas för att vara fel-free och helst ha noll friktion -det finns bara en lycklig väg per användarflöde.
- Olyckliga vägar är motsatserna till lyckliga vägar – de innehåller friktion och leder inte användaren till sitt slutmål.
- Det finns flera sätt som fel kan uppstå inom en produkt, så det finns ingen enda måttstock för att avgöra den olyckliga vägen.
- Ytterligare alternativa vägscenarier kan förekomma inom en produkt som också leder användaren till giltiga resultat. Den mest effektiva vägen identifieras och betecknas som den lyckliga vägen.
- Undantagsvägar uppstår från feltillstånd som datainmatningsfel, och de leder inte användaren till förväntade resultat.
Fem steg för att designa en framgångsrik användarupplevelse:
- Definiera nyckelanvändarflöden att fokusera på
- Kartlägg den lyckliga vägen för varje användarflöde
- Titta på ytterligare alternativa vägscenarier
- Bestäm olyckliga vägar
- Testa och iterera
Fem taktiker för att förbättra den lyckliga vägen:
- Genom att lägga till sammanhang till dina felmeddelanden och göra felsökningen roligare kan du öka användarnas tålamod när saker går fel i appen.
- Förutom ditt felmeddelande, använd tydliga CTA:er för att dirigera användarna till möjliga lösningar.
- Använd indatavalidering för att hjälpa användaren att undvika misstag när de fyller i formulär.
- Det är alltid bra att använda olika format för ditt felmeddelande. Detta ger bred tillgänglighet och säkerställer att alla användare förstår vad du säger.
- Undvik tomma tomma tillstånd och använd drivna åtgärder för att guida användarna genom din produkt/funktioner.
Vad är en lycklig väg i UX?
Den lyckliga vägen är en serie idealiska steg som användaren förväntas ta för att uppnå det önskade resultatet.
Varje steg i den glada vägen tar kunden längre ner på användarresan, och stegen är designade för att vara friktionsfria, vilket gör kunden mer bekväm när de flyttar från en nivå till en annan.
Ett typiskt exempel på detta är när användare besöker din app och anger sina inloggningsuppgifter. Om ingångarna är korrekta får de tillgång till appen men får ett felmeddelande om inloggningsuppgifterna är felaktiga.
Detta är dock ett enkelt exempel. Lyckliga vägar kan vara mer komplexa (dvs innebära fler steg) än så här.
Vad är den olyckliga vägen i UX?
Detta är motsatsen till den lyckliga vägen.
Som nämnts tidigare är den lyckliga vägen utformad för att hjälpa användare att uppnå sina slutmål. Men den olyckliga vägen slutar abrupt, utan att användaren uppnår det önskade resultatet.
Det finns många sätt saker kan gå fel i en app, så det finns ingen enda olycklig väg.
Lycklig väg vs alternativa vägar vs undantagsvägar?
Vad är skillnaden mellan dessa grundläggande begrepp?
Vid det här laget vet du att den lyckliga vägen är den friktionsfria vägen användaren tar för att uppnå ett mål. Men det kan finnas andra vägar som leder till giltiga resultat. Dessa är kända som alternativa vägar.
När giltiga alternativ identifieras, markeras den sökväg som ger det mest sannolika positiva alternativet som standard- eller lycklig sökväg.
Undantagsvägar uppstår från feltillstånd, såsom datainmatningsfel, och de leder inte användaren till förväntade resultat.
Steg för att designa en framgångsrik användarupplevelse och förhindra olyckliga vägar
Är du redo att fylla kundresan med glada upplevelser som minskar tiden till värde och ökar retentionsgraden?
Det här är stegen du bör ta:
- Definiera nyckelanvändarflöden att fokusera på
- Kartlägg den lyckliga vägen för varje användarflöde
- Titta på ytterligare alternativa vägscenarier
- Bestäm olyckliga vägar
- Testa och iterera
Låt oss gå in på de riktiga detaljerna.
Definiera nyckelanvändarflöden att fokusera på
Kartläggning av användarberättelser hjälper dig att göra detta. Det innebär att visualisera de olika stegen användarna går igenom inom din produkt för att uppnå sina mål.
Genom att skapa en berättelsekarta kan du se de olika användarflödena inom din produkt och hur var och en leder till en annan.
Du kommer också att se vilket flöde som är viktigare än det andra. Vanliga flödesexempel i SaaS inkluderar registreringsflöde, primärt onboarding-flöde, användning av ett funktionsflöde, etc.
Tekniska team använder skisser och klisterlappar för att skapa en berättelsekarta, men du kan använda programvara som Miro för att göra det enkelt.
Så här kommer en användarberättelsekarta att se ut på Miro:
Kartlägg den lyckliga vägen för varje användarflöde
När du har identifierat flödena är ditt nästa steg att utforma en lycklig väg för varje flöde, börja med de mest kritiska flödena och gå neråt.
Titta på ytterligare alternativa vägscenarier
Detta behövs för att förhindra systemfel när kantfall inträffar.
I UX-design uppstår edge-fall när en användare utför en åtgärd som inte förväntas av dem i ett idealiskt flöde men ändå får de nödvändiga resultaten.
Föreställ dig att du har en app som berättar för användarna att de kan skapa “obegränsat” design på en dag, med vetskapen om att användare sällan gör mer än 500 designs. Ett kantfall kommer att vara när en användare bestämmer sig för att skapa över 500 mönster på en dag.
Det skulle uppstå ett systemfel om din app inte var utrustad för att hantera detta.
Kantfall är extremt sällsynta; endast cirka 1 % eller mindre av dina användare kommer att påverkas av detta, men det är något du fortfarande bör överväga när du utformar den perfekta vägen för din produkt.
Frågan att ställa dig själv är, vilka möjliga alternativa vägar kan användare ta, och hur kan vi förbereda systemet för det? Det är inte lätt att svara på den här frågan på en gång, men med lite brainstorming och iterationer kommer du att hitta olika möjliga alternativa vägsituationer.
Bestäm olyckliga vägar
Bestäm dig för vad de uppenbara olyckliga vägflödena är för din produkt och skapa sedan lösningar för att få användarna tillbaka på den lyckliga vägen.
Till exempel är inloggningsfel vanliga olyckliga vägar i SaaS. Vad är en möjlig lösning som omdirigerar användare till den lyckliga vägen? Enkelt: visa ett felmeddelande när en användare anger fel lösenord och lägg till information om hur man åtgärdar det.
Du kan identifiera flera olyckliga vägar för din SaaS. Dela dem med produktägaren och hela UI/UX-team. Beslut sedan tillsammans om de mest kritiska olyckliga vägarna och börja med dem.
När du kartlägger de olyckliga vägarna, lägg till skärmdumpar av varje steg för att hjälpa dig med designen senare.
Testa och iterera
Det finns bara ett fåtal möjliga alternativa vägar, men det finns ingen gräns för hur många olyckliga vägar du kan ha i ett system.
Den goda nyheten är att varje produkt fortsätter att utvecklas, oavsett hur framgångsrik den är. Så när tiden går kan du alltid undersöka ditt system för olyckliga vägar och skapa lösningar på dem.
Så här går du tillväga: prototyp först, testa sedan och upprepa. Implementera endast i live-miljön när du validerar en lösning.
Hur man styr användare på den lyckliga vägen med bra UX-design
Noggrant skapad, kommer din UX-design att få användare att hålla sig till din produkt även när de stöter på fel. Det bästa av allt är att du kan maximera din UX för att säkerställa att användare inte ens stöter på fel alls.
Låt oss ta reda på hur.
Lägg till sammanhang till dina felmeddelanden
Kommer du ihåg lösenordsexemplet vi citerade tidigare? Det räcker inte bara att visa ett felmeddelande och inte berätta för användarna hur de ska fixa det. Detta kommer att göra dem förvirrade. Och du vet vad förvirrade användare gör – de börjar klicka överallt, blir frustrerade och ger upp.
Ta en signal från Simplenote:
Detsamma gäller för fel som behöver ytterligare felsökning. Se bilden nedan för hur Asana gör det roligt för läsaren med unika felkoder.
är en mycket mer underhållande unik kod och sätter ett leende på användarens läppar istället för ett genererat nummer som de flesta mjukvaruföretag använder.
Kom ihåg att ett leende på användarens läppar hjälper till att hålla dem tålmodiga och motiverar dem ytterligare att utföra nästa åtgärd du vill.
Använd begränsningar för att förhindra fel
För formulär, tillåt inte användare att mata in fel data eller klicka på en knapp om data inte är okej.
Detta är väldigt enkelt att göra: tillåt inte text när fältet bara ska innehålla siffror och vice versa. Om kriterierna är förinställda kommer användaren omedelbart att inse att de matar in felaktig data och fixar det omedelbart.
För datum kan du också göra det så att användare endast kan ange slutdatumet efter startdatumet. Alla dessa begränsningar kommer att hjälpa till att vägleda användaren på den lyckliga vägen.
Exemplen i det här avsnittet är till inspiration. Din situation kan vara annorlunda, men du kan alltid hitta ett sätt att skapa indatavalidering och bättre vägleda användare.
Glöm inte tillgängligheten
Alla dina användare är inte likadana. Vissa är färgblinda eller har nedsatt syn, så att bara använda färg för att signalera ett fel är otillräckligt.
Lägg till korta meddelanden också, eller till och med animationer – CSS-animationer som skakar ett fält i en form när inmatningen inte är korrekt. Du kan också använda ljud för att signalera fel.
Ange nästa åtgärd när användaren har fastnat
Det är trevligt att använda felbanners, aviseringar etc. för att styra användaren, men sluta inte med att bara tala om för dem vad de ska göra.
Lägg till en tydlig CTA om användare behöver vidta en specifik åtgärd.
Din CTA kommer att se till att de inte missar poängen och får den extra hjälp de behöver.
Mural gör detta för avstängda konton. Användaren meddelas att de inte kan logga in eftersom deras konto har stängts av. Men det slutar inte där – de berättar för användaren vilka alternativen finns.
Antingen återaktivera kontot eller välj en annan arbetsplats. Dessa två separata CTA:er ser till att användaren kommer på rätt väg.
Fokusera på lastningsupplevelsen
Innehåll kommer; det tar bara en stund. Men vem gillar att vänta ett ögonblick när de inte borde behöva?
Helst skulle ingen se det när ditt innehåll laddas, men ibland kan det inte hjälpas.
Laddningsupplevelsen ska ge feedback, minska användarnas osäkerhet, erbjuda en anledning att vänta och minska användarnas tidsuppfattning.
Medan Userpilot Chrome-tillägget laddas visar vi ett laddningsmeddelande och några inspirerande meddelanden för att hålla användarna tålmodiga och få dem på gott humör medan de väntar. En annan anledning till att vi gör detta är att undvika att de klickar runt och råkar hamna på en olycklig väg.
Lämna inte tomma stater tomma
När användarinstrumentpanelen är tom kan det leda till att användare fryser och inte gör någonting eller börjar klicka slumpmässigt överallt.
Det bästa sättet att hålla dem på den lyckliga vägen när de först loggar in på din app eller får tillgång till en funktion för första gången är med meddelanden och CTA på tomt tillstånd. Detta sätter förväntningarna och talar om för dem nästa steg att ta.
Tydligt och enkelt, Airtable använder det tomma utrymmet för att uppmana användare att vidta åtgärder.
En förloppsindikator på UI räcker långt
Använd förloppsindikatorer för att ställa in förväntningar på de steg som användaren måste gå igenom, vilket gör processen tydligare och även kännas kortare.
Ett bra ställe att använda detta är i ditt registreringsflöde för att hålla användarna på väg att slutföra flödet.
Använd drivna handlingar och guider
Vill du utbilda och vägleda användare genom din produkt/funktioner så att de inte gör misstag?
Använd drivna handlingar!
Drivna åtgärder är små verktygstips som vägleder användare och utlöses av åtgärder. Det som gör dem så effektiva är att nästa steg inte visas om inte användaren har utfört den nödvändiga åtgärden som instrueras av det första verktygstipset.
Slutsats
Den lyckliga vägen är den enda vägen som ger det mest positiva resultatet och utan friktion. Olyckliga vägar är exakta motsatser till den lyckliga vägen – de har fel och hjälper inte användaren att nå sitt mål.
Som vi har diskuterat i den här artikeln kan du dra fördel av olyckliga vägar för att förbättra de lyckliga vägflödena för dina användare. Och vi har gått igenom olika taktiker för att du ska kunna åstadkomma det. Identifiera de som passar dig mest och börja implementera dem.
Vill du se hur Userpilot kan hjälpa dig att skapa en bättre lycklig väg UX som guidar användaren genom spännande produktupplevelser? Boka ett demosamtal med vårt team och kom igång!
