Sådan overfører du brugeroplevelse til UX Design
Usability testning behøver ikke at være kompliceret. Der er snesevis af muligheder for et designteam, der ønsker at afprøve deres løsninger på afstand. For at bevise det har vi redesignet Yelp , ved hjælp af fjernbetjeningsprøvninger.
Vi kørte fjernbetjeningstest, fordi de er hurtige og overkommelige. Alle disse prøver var umoderne, hvilket betyder, at brugerne løb dem i deres eget hjem. Dette giver os mindre kontrol, men det giver mere naturlige resultater. Fordi deres reaktioner blev registreret, opfordrede vi dem til at tænke højt.
Det er vigtigt at forstå, at der ikke findes nogen enkelt magisk tilgang. Der er et bredt udvalg af taktikker lige fra brugervenlighedslaboratorier til enkle email-undersøgelser, og de har alle deres tid og sted. Vi gik med en fjernbetjeningsprøve, fordi den rammer en god balance mellem hastighed, nøjagtighed og omkostning.
I denne artikel forklarer vi hvorfor kvalitativ forskning betyder noget, forklarer indsigterne og viser, hvordan de blev bygget ind i det nye design.
Sådan nærmer du kvalitativ analyse
Når det kommer til kvalitativ analyse, kan du ikke bare bede brugerne om at tale om deres oplevelser.
Som Jakob Nielsen, Partner hos Nielsen Norman Group, påpeger , bør du aldrig høre kun hvad brugere siger. Den forkerte tilgang ville skabe nogle få designs og derefter spørge brugerne, hvilken en de kan lide mest - brugerne har ikke prøvet designet, så de kan kun kommentere det, de ser på overfladen.
Den korrekte tilgang er at se, hvad brugerne gør, og så spørge dem det bare minimum Enkelt enkelt spørgsmål , som er: "Hvor let eller svært var opgaven?" Dette hjælper med at reducere bias og går i bunden af UX-analysen: Hvordan udførte brugerne deres opgaver, og hvor nemt eller vanskeligt var det? Vores skærmoptagelse optog også lyd (siden vi opfordrede folk til at tænke højt), fordi det ellers er let at savne, hvorfor der opstod visse opførelser.
Hvordan vi analyserede brugervideoerne
Forskellige mønstre dukkede op i videoer af brugerinteraktioner med Yelp-hjemmesiden. Det var overraskende, at vi lærte at søgelinjen var en af de mest afgørende og nemme at bruge. Selvfølgelig er det fornuftigt, fordi Yelp er i det væsentlige en virksomhedssøgemaskine med nogle tilføjede sociale funktioner. Andre funktioner var dog ikke så intuitive, som du vil se nedenfor.
Lektion 1: Søgelinjen var det foretrukne udgangspunkt
Alle fem testdeltagere stolt meget på søgelinjen, selv for opgaver, der let kunne gennemføres ved at gennemse kategorierne i stedet (som at finde en dejlig restaurant eller bar uden at have givet specifikke kriterier). Faktisk gik fire ud af de fem deltagere lige til søgelinjen for at finde en restaurant. Kun en bruger begyndte at gennemse kategorierne, og hun fandt hurtigt dem "overvældende" og endte med at falde tilbage på søgefeltet i stedet.
Det er vigtigt at nævne, at vi i vores testinstruktioner anmodede brugerne om at "finde" en restaurant, ikke at "søge efter" en restaurant, fordi vi ønskede at observere, hvordan de naturligvis ville fuldføre denne opgave uden at forspænde dem mod en bestemt funktion.
Interessant, når brugerne fik specifikke parametre (som budgettet, stemningen og typen af restaurant eller navnet på en individuel virksomhed) ignorerede de næsten alt på hjemmesiden, undtagen for søgelinjen. I vores redesign sørgede vi for, at søgelinjen var den mest visuelt fremtrædende funktion.
Lektion 2: Begivenheder er ikke særlig mærkbare
I en opgave spurgte vi de to brugere uden Yelp-konti for at finde en interessant begivenhed i deres område i weekenden. Vi ønskede at lære, om de ville bruge fanen begivenheder øverst på siden.
Overraskende nok brugte ingen begivenhedsfanen . Når de blev spurgt om at finde en interessant begivenhed i deres område i weekenden, brugte en testdeltager søgelinjen, mens den anden navigerede gennem kategorien kunst og underholdning i det bedste af Yelp- sektionen.
Fordi at holde arrangementer er en vigtig del af Yelps forretning, vil vores redesign trække begivenhedsafsnittet ud fra sidebjælken og gøre det til en del af den primære rulle.
Lektion 3: Bogmærker var forvirrende, og ingen brugte lister
Vi var nysgerrige efter at se, hvordan brugerne ville vælge at gemme steder til senere reference. I Yelp er der to måder at gøre dette på: Brugere med eksisterende konti kan enten bogmærke en placering eller oprette en liste. Vi spurgte simpelthen gruppe 1 (tre brugere med Yelp-konti) for at "gemme" et antal steder at undersøge senere, så vores ordlyd ikke ville nævne nogen funktioner, der kunne forstyrre deres handlinger.
Af de tre brugere, der fik denne opgave:
- Man reddede virksomhederne ved hjælp af bogmærker, men klagede over, at processen tog lang tid
- Man begyndte at redde virksomheder ved hjælp af bogmærker, men gav op, fordi det tog for lang tid
- Man kunne ikke finde ud af, hvordan man sparer virksomheder og opgav opgaven
De to brugere, der brugte bogmærker begge bemærkede at det ville være rart at kunne bogmærke en virksomhed fra søgeresultatsiden, snarere end at skulle gå til hver virksomheds side separat.
Det ville være rart at give brugerne mulighed for at få en nemmere og mere intuitiv metode til at redde virksomhederne for at vende tilbage til senere, så vi tilføjede et enkelt-klik-funktion i redesignet. Med denne nye funktion kan du gemme en virksomhed lige fra resultatsiden uden at dykke dybere.
Lektion 4: Det er hurtigt og nemt at søge efter et bestemt sted
Alle fem brugere fik en opgave at finde en bestemt forretning og finde ud af om det var åbent på et bestemt tidspunkt. De fuldførte alle disse opgaver og vurderede opgaven som "meget let". Som nævnt tidligere brugte alle fem søgebjælken til at udføre denne opgave.
Da der søges efter en bestemt virksomhed, fungerer det så godt, besluttede vi, at funktionaliteten ikke behøvede nogen ændring.
Lektion 5: Billeder er det bedste valg til at bestemme stemningen
Når du blev bedt om at finde en restaurant med en vis stemning, forsøgte ingen af de fem brugere at bruge søgefeltet. I stedet tre brugerne gennemgik billeder af restauranten på Yelp besøgte man restaurantens hjemmeside, og sidst anførte, at prissymbolerne ($, $$, $$$, $$$$) var nok til at indikere, om restauranten havde den rette stemning.
Dette bragte to indsigter op:
- Billeder er en vigtig del af Yelp-oplevelsen, og de er afgørende for, at brugerne kan vælge en virksomhed.
- For at forhindre cluttering af grænsefladen, kan løsningen være så enkel som bare at forstørre billederne, når du kommer til søgeresultatsiden.
Lektion 6: Brugere stolte på filtre, men de skal opdateres
Alle fem brugere blev bedt om at finde en restaurant til en gruppe på 15, tre af de fem deltagere brugte det gode til gruppefilter, mens man brugte reservationsfunktionen og rullede ned, indtil hun fandt en restaurant, der kunne placere gruppen.
På et andet tidspunkt en bruger forsøgt at vælge to kategorier for at filtrere sine resultater, men et af hans valg forsvandt, da han klikker på den anden.
Mens filtre er vigtige, lærte vi, at de kunne forbedres betydeligt. At grave dybere, besluttede vi at køre a kort sortering på alle Yelps aktuelle filterindstillinger for at bestemme, hvilke der rent faktisk er nyttige for brugerne.
Til redesignet besluttede vi at kategorisere filterkategorier i grupper på fire baseret på, hvordan brugerne prioriterede dem. Vi lærte for eksempel, at "Åbn nu" og "Accepterer kreditkort" var nogle af de vigtigste filtre, men det kan tage flere klik for at få adgang til dem.
Lektion 7: Priskategorier var ikke klare
Når brugerne søgte efter restauranten med bestemte parametre, var et af kravene at finde en restaurant inden for et budget på $ 20 / person. To af de fem brugere var forvirret af, om deres $ 20 restaurantbudget ville falde ind under kategorien $, $$ eller $$$. En bruger udtalte, at hun ikke vidste, hvad symbolerne betød, og en anden klikker på den forkerte kategori. De andre tre valgte korrekt $$-kategorien.
Definitionen af symbolerne vises ikke, når brugerne vælger filtre; det vises kun, når brugeren navigerer til en bestemt restaurants side. Da prisforventningerne er yderst subjektive, var det uklart for brugerne hvilken kategori de skulle vælge.
Ved redesignet løste vi dette ved at placere de nøjagtige værdier inden for parentes ved siden af symbolerne. Dette er især nyttigt, når du flytter mellem kategorier, da $$ har anderledes betydning, hvis du vælger en mekaniker eller burgerfælles.
Design drevet af brugervenlighed
Når det var tid til at designe, fulgte vi en tilgang baseret på de sidste få trin i Google Ventures design behandle. UXPin CEO Marcin Treder startede med mange uformelle skitser, før en holdbeslutning hjalp med at kaste den ned til de to øverste 2-3 skitser. For at forhindre udformning af udvalg havde Marcin det endelige ord om, hvilke skitser der ville udvikle sig til wireframing og prototyping.
Vi har skabt en wireframe til at indarbejde de fleste designændringer, så tilføjede vi nogle interaktioner og animationer for at gøre det til en prototype med lav soliditet. Når animationerne blev udjævnet, tilføjede vi detaljer for en high-fidelity prototype.
Prototyper med lav troskab
High-fidelity prototyper
Bestemmelse af alle dimensioner af anvendelighed
Hvad brugere siger og hvad brugere gør, skal tjene som checks og balancer under brugertest. Mens du ikke behøver at være til stede under testen, er en audiovisuel optagelse obligatorisk, ellers kan du gå glip af handlingernes sammenhæng. Når du kombinerer kvalitativ analyse med kvantitativ analyse, får du en endnu klarere ide om hvorfor og hvordan du løser et problem, samt hvor mange anvendelsesproblemer dit design skal løse.