Slik overfører du brukeropplevelsen til UX Design
Usability testing trenger ikke å være komplisert. Det finnes dusinvis av muligheter for et designteam som ønsker å teste sine løsninger på en ekstern måte. For å bevise det, har vi redesignet Yelp , ved hjelp av ekstern brukbarhetstest.
Vi løp fjernt brukbarhetstester fordi de er raske og rimelige. Alle disse testene var unmoderated, noe som betyr at brukerne kjørte dem i komforten av sine egne hjem. Selv om dette gir oss mindre kontroll, sørger det for mer naturlige resultater. Fordi deres reaksjoner ble registrert, oppmuntret vi dem til å tenke høyt.
Det er viktig å forstå at det ikke finnes noen enkelt magisk tilnærming. Det finnes et bredt utvalg av taktikker som spenner fra brukbarhetsteststudier til enkle e-postundersøkelser, og de har alle sin tid og sted. Vi dro med en ekstern brukervennlighetstest fordi den oppnår en fin balanse mellom fart, nøyaktighet og kostnad.
I denne artikkelen vil vi forklare hvorfor kvalitativ forskning er viktig, forklare innsiktene og vise hvordan de ble bygget inn i det nye designet.
Hvordan nærme seg kvalitativ analyse
Når det gjelder kvalitativ analyse, kan du ikke bare spørre brukere om å snakke om sine erfaringer.
Som Jakob Nielsen, partner hos Nielsen Norman Group, påpeker , bør du aldri bare lytte til hva brukerne sier. Feil tilnærming ville skape noen få motiver og deretter spørre brukerne hvilken de liker mest - brukerne har ikke prøvd designen, så de kan bare kommentere hva de ser på overflaten.
Den riktige tilnærmingen er å se hva brukerne gjør og deretter spørre dem om det minste minimum Enkelt enkelt spørsmål , som er: "Hvor lett eller vanskelig, var oppgaven?" Dette bidrar til å redusere bias og kommer til bunnlinjen i UX-analysen: Hvordan har brukerne utført sine oppgaver, og hvor lett eller vanskelig var det? Våre skjermopptak også fanget lyd (siden vi oppfordret folk til å tenke høyt), fordi ellers er det lett å savne hvorfor visse oppføringer skjedde.
Hvordan analyserte vi brukervideoene
Distinkte mønstre dukket opp i videoene av brukerinteraksjoner med Yelp-nettstedet. Utrolig overraskende lærte vi at søylinjen var en av de mest essensielle og enkle å bruke. Selvfølgelig er dette fornuftig fordi Yelp er i hovedsak en bedriftssøkemotor med noen ekstra sosiale funksjoner. Andre funksjoner var imidlertid ikke så intuitive, som du vil se nedenfor.
Leksjon 1: Søkefeltet var det foretrukne utgangspunktet
Alle fem testdeltakere støttet seg tungt på søylinjen, selv for oppgaver som enkelt kunne fullføres ved å bla gjennom kategoriene i stedet (som å finne en fin restaurant eller bar uten å ha gitt spesifikke kriterier). Faktisk gikk fire av de fem deltakerne rett til søylinjen for å finne en restaurant. Bare en bruker begynte å bla gjennom kategoriene, og hun fant dem raskt "overveldende" og endte med å falle tilbake på søkefeltet i stedet.
Det er viktig å nevne at i våre testanvisninger spurte vi brukere om å "finne" en restaurant, ikke å "søke etter" en restaurant, fordi vi ønsket å observere hvordan de selvfølgelig ville fullføre denne oppgaven uten å forspenne dem mot en bestemt funksjon.
Interessant, når brukerne ble gitt bestemte parametere (som budsjett, atmosfære og type restaurant, eller navnet på en individuell virksomhet), ignorerte de nesten alt på hjemmesiden bortsett fra søylinjen. I vårt redesign sørget vi for at søkefeltet var den mest visuelt fremtredende funksjonen.
Leksjon 2: Hendelser er ikke så merkbare
I en oppgave spurte vi de to brukerne uten Yelp-kontoer for å finne en interessant hendelse i deres område i helgen. Vi ønsket å lære om de ville bruke fanen Hendelser øverst på siden.
Overraskende nok brukte ingen hendelsesfanen . Når de ble spurt om å finne en interessant hendelse i deres område i helgen, brukte en testdeltaker søkefeltet mens den andre navigerte gjennom kunst og underholdningskategori i det beste av Yelp- delen.
Fordi å holde hendelser er en viktig del av Yelps virksomhet, vil vårt redesign trekke hendelsesdelen ut fra sidefeltet og gjøre den til en del av primærrullen.
Leksjon 3: Bokmerke var forvirrende, og ingen brukte lister
Vi var nysgjerrige på hvordan brukerne ville velge å lagre steder for senere referanse. I Yelp er det to måter å gjøre dette på: Brukere med eksisterende kontoer kan enten bokmerke et sted eller opprette en liste. Vi spurte bare gruppe 1 (tre brukere med Yelp-kontoer) for å "lagre" flere steder for å se etter senere, slik at ordlyden vår ikke ville nevne noen funksjoner som kunne forstyrre deres handlinger.
Av de tre brukerne som fikk denne oppgaven:
- En lagret bedriftene ved hjelp av bokmerker, men klaget over at prosessen tok lang tid
- Man begynte å spare bedrifter ved hjelp av bokmerker, men ga opp fordi det tok for lang tid
- Man var ikke i stand til å finne ut hvordan man sparer bedrifter og ga opp på oppgaven
De to brukerne som brukte bokmerker begge bemerket at det ville være fint å kunne bokmerke en bedrift fra søkeresultatsiden, i stedet for å måtte gå til hver enkelt virksomhetsside separat.
Det ville være fint å la brukerne få en enklere og mer intuitiv metode for å redde bedrifter for å komme tilbake til senere, så vi la til en enkelt klikk-lagringsfunksjon i redesignet. Denne nye funksjonen lar deg lagre en bedrift rett fra resultatsiden uten å dykke dypere.
Leksjon 4: Det er raskt og enkelt å søke etter et bestemt sted
Alle fem brukerne fikk en oppgave å finne en bestemt bedrift og finne ut om den var åpen til en viss tid. De fullførte alle denne oppgaven, og vurdert oppgaven som "veldig enkelt". Som nevnt tidligere brukte alle fem søylinjen for å oppnå denne oppgaven.
Siden det er så bra å søke etter en bestemt bedrift, bestemte vi oss for at funksjonaliteten ikke behøvde å endres.
Leksjon 5: Bilder er det beste valget for å bestemme atmosfære
Når du ble bedt om å finne en restaurant med en viss atmosfære, forsøkte ingen av de fem brukerne å bruke søkefeltet. I stedet tre Brukerne så gjennom bilder av restauranten på Yelp besøkte man restaurantens nettside, og sist oppgav at prissymbolene ($, $$, $$$, $$$$) var nok til å indikere om restauranten hadde den rette stemningen.
Dette brakte opp to innsikter:
- Bilder er en viktig del av Yelp-erfaringen, og de er avgjørende for at brukere skal velge en bedrift.
- For å forhindre at cluttering grensesnittet, kan løsningen være så enkelt som bare å forstørre bildene når du kommer til søkeresultatsiden.
Leksjon 6: Brukerne stolte på filtre, men de må oppdateres
Alle fem brukere ble bedt om å finne en restaurant for en gruppe på 15, tre av de fem deltakerne brukte det bra for gruppefilter , mens man brukte en reservasjonsfunksjon og rullet ned til hun fant en restaurant som kunne plassere gruppen.
På et annet tidspunkt, en bruker forsøkte å velge to kategorier for å filtrere sine resultater, men et av hans valg forsvant da han klikket på den andre.
Mens filtre er viktige, lærte vi at de kunne bli betydelig forbedret. For å grave dypere bestemte vi oss for å kjøre en kort sortering på alle Yelps nåværende filteralternativer for å finne ut hvilke som faktisk er nyttige for brukerne.
For redesignet bestemte vi oss for å kategorisere filterkategorier i grupper på fire basert på hvordan brukerne prioriterte dem. For eksempel lærte vi at "Åpne nå" og "Godtar kredittkort" var noen av de viktigste filtre, men det kan ta flere klikk for å få tilgang til dem.
Leksjon 7: Priskategorier var ikke klare
Når brukere søkte etter restauranten med bestemte parametre, var det en av kravene å finne en restaurant innenfor et budsjett på $ 20 / person. To av de fem brukerne ble forvirret av om deres $ 20 restaurantbudsjett ville falle inn i kategorien $, $$ eller $$$. En bruker oppgav at hun ikke visste hva symbolene betydde, og en annen klikkte feil kategori. De andre tre valgte riktig $$-kategorien.
Definisjonen av symbolene vises ikke når brukere velger filtre; det vises bare når brukeren navigerer til en bestemt restaurants side. Siden prisforventningene er svært subjektive, var det uklart for brukere hvilken kategori de skulle velge.
I redesignet løste vi dette ved å plassere de eksakte verdiene i parentes ved siden av symbolene. Dette er spesielt nyttig når du beveger deg mellom kategorier, siden $$ har annen mening hvis du velger en mekaniker eller burgerfeste.
Design drevet av brukervennlighet
Når det var på tide å designe, fulgte vi en tilnærming basert på de siste trinnene i Google Ventures design prosess. UXPin administrerende direktør Marcin Treder startet med mange uformelle skisser før en lagbeslutning hjalp med å kaste den ned til topp 2-3 skisser. For å forhindre utkast fra komiteen hadde Marcin det endelige saken om hvilke skisser som ville utvikle seg til wireframing og prototyping.
Vi har laget en wireframe for å inkorporere de fleste designendringene, og legger til noen interaksjoner og animasjoner for å gjøre det til en prototype med lav troskap. Når animasjonene ble utjevnet, la vi til detaljer for en high-fidelity-prototype.
Prototyper med lav troskap
High-fidelity prototyper
Bestemme alle dimensjoner av brukervennlighet
Hva brukerne sier og hva brukerne gjør, skal tjene som sjekker og balanser under brukertesting. Mens du ikke nødvendigvis trenger å være til stede under testen, er det nødvendig med en audiovisuell opptak, ellers kan du gå glipp av handlingens sammenheng. Når du kombinerer kvalitativ analyse med kvantitativ analyse, får du en enda klarere ide om hvorfor og hvordan du løser et problem, samt hvor mange bruksproblemer designet ditt trenger å løse.