Så här omvandlar du användarupplevelse till UX Design
Användbarhetstestning behöver inte vara komplicerad. Det finns dussintals alternativ för ett designteam som vill fjärrprova sina lösningar. För att bevisa det har vi redesignat Gläfsa , med hjälp av avlägsna användbarhetsprov.
Vi körde avlägsna användbarhetstest eftersom de är snabba och prisvärda. Alla dessa test var omoderna, vilket innebär att användarna sprang dem i sina egna hem. Även om detta ger oss mindre kontroll, ger det mer naturliga resultat. Eftersom deras reaktioner registrerades uppmuntrade vi dem att tänka högt.
Det är viktigt att förstå att det inte finns något enda magiskt tillvägagångssätt. Det finns ett brett utbud av taktik allt från användbarhetslaboratorier till enkla e-postundersökningar, och de har alla sin tid och plats. Vi gick med ett avlägset användbarhetstest eftersom det uppnår en bra balans mellan hastighet, noggrannhet och kostnad.
I den här artikeln kommer vi att förklara varför kvalitativ forskning är viktig, förklara insikten och visa hur de byggdes in i den nya designen.
Hur man anslår kvalitativ analys
När det gäller kvalitativ analys kan du inte bara fråga användarna att prata om sina erfarenheter.
Som Jakob Nielsen, partner hos Nielsen Norman Group, pekar ut , du bör aldrig bara lyssna på vad användarna säger. Fel inställning skulle skapa några mönster och sedan fråga användarna vilken som helst som de gillar - användarna har inte provat designen, så de kan bara kommentera vad de ser på ytan.
Det korrekta tillvägagångssättet är att titta på vad användarna gör och sedan fråga dem det minsta minimumet Enkelt enkelt fråga , vilket är: "Hur lätt eller svårt var uppgiften?" Detta bidrar till att minska bias och hamnar i UX-analysens botten: hur gjorde användarna sina uppgifter, och hur lätt eller svårt var det? Vår skärminspelning tog också upp ljud (eftersom vi uppmanade människor att tänka högt), för annars är det lätt att missa varför vissa beteenden uppstod.
Hur vi analyserade användarvideor
Distinkta mönster framkom i videon av användarinteraktioner med Yelp-webbplatsen. Inte överraskande lärde vi oss att sökfältet var en av de viktigaste och enkla att använda. Det här är givetvis meningsfullt eftersom Yelp är i huvudsak en företagssökmotor med några extra sociala funktioner. Andra funktioner var dock inte lika intuitiva, som du ser nedan.
Lektion 1: Sökfältet var den föredragna utgångspunkten
Alla fem testdeltagarna förlitade sig kraftigt på sökfältet, även för uppgifter som lätt kunde slutföras genom att bläddra igenom kategorierna istället (som att hitta en trevlig restaurang eller bar utan att ha några specifika kriterier). Faktum är att fyra av de fem deltagarna gick rakt till sökfältet för att hitta en restaurang. Bara en användare började bläddra igenom kategorierna, och hon fann dem snabbt "överväldigande" och slutade att falla tillbaka på sökfältet istället.
Det är viktigt att nämna att vi i våra testinstruktioner bad användarna att "hitta" en restaurang, inte att "söka efter" en restaurang eftersom vi ville observera hur de naturligtvis skulle fullfölja denna uppgift utan att förspänna dem mot en viss funktion.
Intressant, när användarna fick specifika parametrar (som budgeten, atmosfären och typen av restaurang eller namnet på ett enskilt företag) ignorerade de nästan alltid allt på hemsidan förutom sökfältet. I vår omstrukturering såg vi till att sökfältet var den mest visuellt framträdande funktionen.
Lektion 2: Händelser är inte särskilt märkbara
I en uppgift bad vi de två användarna utan Yelp-konton att hitta en intressant händelse i sitt område i helgen. Vi ville veta om de skulle använda fliken händelser högst upp på sidan.
Överraskande nog, ingen använde fliken händelser . När man bad om att hitta en intressant händelse i sitt område i helgen, använde en testdeltagare sökfältet medan den andra navigerade genom kategorin konster och underhållning i det bästa av Yelp- avsnittet.
Eftersom att hålla händelser är en viktig del av Yelps verksamhet, skulle vår omkonstruktion dra händelsessektionen ut från sidofältet och göra den till en del av den primära rullningen.
Lektion 3: Bokmärken var förvirrande, och ingen använde listor
Vi var nyfiken på hur användarna skulle välja att spara platser för senare referens. I Yelp finns det två sätt att göra detta: Användare med befintliga konton kan antingen bokmärke en plats eller skapa en lista. Vi frågade helt enkelt grupp 1 (tre användare med Yelp-konton) för att "spara" ett antal platser att leta efter senare så att vår ordalydelse inte skulle nämna några funktioner som kan förvirra deras handlingar.
Av de tre användare som fick denna uppgift:
- En räddade företagen med hjälp av bokmärken men klagade på att processen tog lång tid
- Man började spara företag genom att använda bokmärken men gav upp eftersom det tog för lång tid
- Man kunde inte räkna ut hur man sparar företag och gav upp på uppgiften
De två användarna som använde bokmärken båda påpekade att det skulle vara trevligt att kunna bokmärke ett företag från sökresultatsidan, snarare än att behöva gå till varje företags sida separat.
Det vore trevligt att låta användarna ha en enklare och mer intuitiv metod för att spara företag att återvända till senare, så vi lade till en klickfunktionsfunktion vid omkonstruktionen. Med den nya funktionen kan du spara ett företag direkt från resultatsidan utan att dyka djupare.
Lektion 4: Det är snabbt och enkelt att söka efter en viss plats
Alla fem användare fick en uppgift att hitta ett specifikt företag och ta reda på om det var öppet vid en viss tidpunkt. De fullföljde denna uppgift framgångsrikt och uppskattade uppgiften som "väldigt lätt". Som tidigare nämnts använde alla fem sökfältet för att uppnå denna uppgift.
Eftersom sökandet efter ett specifikt företag fungerar så bra bestämde vi oss för att funktionaliteten inte behövde ändras.
Lektion 5: Bilder är det bästa valet för att bestämma atmosfären
När man bad om att hitta en restaurang med en viss atmosfär försökte ingen av de fem användarna använda sökfältet. I stället tre Användare tittade igenom foton av restaurangen på Yelp besökte man restaurangens hemsida, och den sista uppgav att prissymbolerna ($, $$, $$$, $$$$) var tillräckligt för att indikera om restaurangen hade rätt atmosfär.
Detta tog upp två insikter:
- Foton är en viktig del av Yelp-upplevelsen, och de är viktiga för användarna att välja ett företag.
- För att förhindra att gränssnittet hämmas kan lösningen vara så enkelt som att bara förstora bilderna när du kommer till sökresultatssidan.
Lektion 6: Användarna förlitade sig på filter, men de måste uppdateras
Alla fem användare blev ombedda att hitta en restaurang för en grupp av 15, tre av de fem deltagarna använde det bra för gruppfilter, medan man använde en bokningsfunktion och rullade ner tills hon hittade en restaurang som kunde sitta i gruppen.
Vid en annan punkt, en användare försökte att välja två kategorier för att filtrera sina resultat, men ett av hans val försvann när han klickade på den andra.
Medan filter är viktiga lärde vi oss att de skulle kunna förbättras avsevärt. Att gräva djupare bestämde vi oss för att springa a kort sortera på alla Yelps nuvarande filteralternativ för att bestämma vilka som verkligen är användbara för användarna.
För omkonstruktionen bestämde vi oss för att vi skulle kategorisera filterkategorier i grupper om fyra baserat på hur användarna prioriterade dem. Vi lärde oss till exempel att "Öppna nu" och "Accepterar kreditkort" var några av de viktigaste filtren, men det kan ta flera klick för att komma åt dem.
Lektion 7: Priskategorierna var inte tydliga
När användarna letade efter restaurangen med specifika parametrar var en av kraven att hitta en restaurang inom en $ 20 / personbudget. Två av de fem användarna var förvirrade om huruvida deras $ 20 restaurangbudget skulle falla i kategorin $, $$ eller $$$. En användare uppgav att hon inte visste vad symbolerna menade och en annan klickade på fel kategori. De andra tre valde korrekt kategorin $$.
Definitionen av symbolerna visas inte när användarna väljer filter. Det visas bara när användaren navigerar till en viss restaurangs sida. Eftersom prisförväntningarna är mycket subjektiva var det oklart för användarna vilken kategori de skulle välja.
I omstruktureringen löste vi detta genom att placera exakta värden inom parentes bredvid symbolerna. Det här är särskilt användbart när du flyttar mellan kategorier, eftersom $$ har olika betydelser om du väljer en mekaniker eller en burgarefog.
Design driven av användbarhetsinsikt
När det var dags att designa, följde vi ett tillvägagångssätt baserat på de sista stegen i Google Ventures design bearbeta. UXPin VD Marcin Treder började med många informella skisser innan ett lagbeslut hjälpte till att kasta det ner till de bästa 2-3 skisserna. För att förhindra utformning av utskottet hade Marcin det sista uttalandet om vilka skisser som skulle gå vidare till wireframing och prototyping.
Vi skapade en wireframe för att integrera de flesta designändringarna, sedan tillverkade några interaktioner och animeringar för att göra det till en prototyp med låg säkerhet. När animationerna slätades ut, lade vi till detaljer för en högpresterande prototyp.
Prototyper med låg trovärdighet
Högpresterande prototyper
Bestämning av alla dimensioner av användbarhet
Vad användarna säger och vad användarna gör bör fungera som kontroller och saldon under användartestning. Medan du inte nödvändigtvis behöver vara närvarande under provet är en audiovisuell inspelning obligatorisk, annars kan du sakna handlingens sammanhang. När du kombinerar kvalitativ analys med kvantitativ analys får du en jämnare uppfattning om varför och hur man löser ett problem, samt hur många användbarhetsproblem dina design behöver lösa.