Brukerflyt

Brukerflyt er veien en typisk bruker tar på et nettsted eller i en app for å fullføre en oppgave.

Hva er brukerflyt?

En brukerflyt er et brukeropplevelse (UX)-konsept som undersøker og dokumenterer brukerhandlingene en typisk bruker må utføre for å fullføre en definert oppgave. 

Når den er ferdig, beskriver brukerflytdiagrammet ditt hvordan brukeren vil bevege seg fra et inngangspunkt (eller inngangspunkter) gjennom et sett med distinkte kontaktpunkter og mot et vellykket resultat og en endelig handling, som å fullføre en registrering. 

Det finnes ingen fasit for å bygge en brukerflyt, men mange produktledere og UX-designere lager brukerflytdiagrammer ved å starte med flytskjemamaler i verktøy som Figma, Miro og LucidChart. 

Her er et eksempel på et flytskjema fra Balsamic: 

diagram

Et brukerflytdiagram eies vanligvis av produktledere, brukeropplevelseteam og designere, og/eller produktutviklingsteam for å bedre forstå brukervennligheten til et nettsted, en mobilapp eller et programvareprodukt. 

Samtidig er brukerflyter nyttige for alle interessenter for å forstå kundenes opplevelse av produktet. Andre team som vil ha interesse i, men ikke eierskap til, brukerflyter inkluderer: 

  • Kundeteam (salg, kundesuksess/-service, kundeansvarlige)
  • Produktmarkedsføringsteam
  • Bredere produktledelse-, design- og produktutviklingsteam med tilstøtende ansvarsområder 

Hvordan skiller brukerflyter seg fra oppgaveflyter eller en brukerreise? 

Alle disse oppgavene er UX-flyter og er en del av å utvikle en kundesentrert tankegang, men hver av dem tjener et bestemt formål for produktledelses- og produktdesignteamene. 

Her er en rask oversikt over forskjellene mellom de tre oppgavene

Oppgaveflyt  Brukerflyt  Brukerreise (kundereise) 
Enkel vei  Komplekse veier  Inkorporerer data fra oppgave- og brukerflyter i et kundereisekart 
Ingen inngangs- eller utgangspunkter  Har inngangs- og utgangspunkter  Bygger inn problem og løsning i en bredere kontekst (både i produktet og med hensyn til andre verktøy) 
Sekvensiell uten forgreninger eller beslutningspunkter  Viser forgreninger, beslutninger og alternativer for å ta hensyn til brukerens valg  Artikulerer den emosjonelle siden av å bruke produktet 
Passer inn i en større brukerflyt    Identifiserer fokusområder basert på muligheter til å overraske og begeistre kunder 

Når bør du lage en brukerflyt? 

Er det verdt å bygge en brukerflyt for hver eneste nye funksjon eller UX-endring? 

Svaret er: det kommer an på. 

Vi vet at mange apputviklere spesielt ikke prioriterer brukerflyter, særlig når du har prototypeprogramvare av høy kvalitet. Og vi forstår nølingen med å legge til flere trinn i prosessen, spesielt når ressurser og tidsfrister krever at du effektiviserer utviklingen. 

Men når du har ressursene, bør du lage et brukerflytdiagram for enhver ny funksjon eller vesentlig UX-endring. 

Hvorfor? Fordi en brukerflyt vil: 

  1. Gi brukerne dine den mest intuitive opplevelsen fra dag 1 
  2. Holde deg brukersentrert og organisert 
  3. Hjelpe deg med å kontinuerlig skape sømløse opplevelser ved å sikre at du dokumenterer, forstår og itererer fra grunnleggende informasjon 

Når du zoomer ut til resten av interessentene dine, vil det å produsere brukerflyter: 

  • Hjelpe kolleger med å forstå brukerne bedre 
  • Gjøre det mulig å samarbeide tettere med andre team for å finne optimaliseringspunkter 
  • Tilpasse brukerflytene dine til dataene som produseres av andre team 

På hvilket tidspunkt i designprosessen bør du bygge brukerflytene dine? 

Du bør plassere det etter den innledende brukerundersøkelses- og oppdagelsesfasen og før du lager wireframen. 

Ved å starte tidlig kan du bruke det i kundeundersøkelser for å iterere uten å skape en kirkegård av wireframes, wireflows og mockuper med høy eller lav detaljgrad. 

Vanligvis ser arbeidsflyten slik ut: 

  1. Fullfør brukerundersøkelse og oppdagelse, og generer analyse 
  2. Fullfør oppgaveflyter 
  3. Bygg brukerflytdiagram 
  4. Lag mockuper med lav detaljgrad, wireframes eller prototyper 
  5. Bygg en wireflow eller skjermflyt (valgfritt) 
  6. Start brukervennlighetstesting 
  7. Iterer på det ovennevnte 

Slik begynner du å bygge et brukerflytdiagram 

Når du har fullført brukerundersøkelsen og analysen, vil du ha det meste av informasjonen du trenger for å starte brukerflyten din. 

Men hva er den mest relevante informasjonen for denne øvelsen? Etter vår erfaring inkluderer spørsmålene du bør trekke ut av analysen: 

  • Hva er brukermålene for oppgaven? 
  • Hva er viktig for brukeren, og hva vil gi dem tillit til å fortsette? 
  • Hvilken tilleggsinformasjon trenger brukeren for å fullføre oppgaven? 
  • Hva er brukerens nølinger eller barrierer for å fullføre oppgaven? 
  • Hva er inngangspunktet? 

Svarene på disse spørsmålene vil påvirke hvordan du designer sidene, og avgjøre hvilket innhold og hvilke navigasjonslenker som skal inkluderes. 

Hvis det primære brukermålet for eksempel er å bla gjennom ulike produkter, vil siden eller skjermen din tilby et annet design og annen funksjonalitet enn om det primære målet er å kjøpe et produkt og gå videre. 

diagram

Hvor mange trinn bør det være i en brukerflyt? 

Svaret er svært avhengig av oppgaven, brukertyper og bransjen din. 

En kortere brukerflyt indikerer ikke nødvendigvis en bedre opplevelse enn en lengre brukerflyt, spesielt hvis den går glipp av potensielle brukerinteraksjoner eller forenkler brukernes mål for mye. 

For eksempel vil en brukerflyt for en landingsside være mindre komplisert enn onboarding-brukerflyten for en app som tilbyr både freemium- og betalte versjoner. 

Eksempel på brukerflyt 

Brukerflyter kan ta mange forskjellige former, avhengig av typen nettsted eller app du bygger. For eksempel, for et e-handelsnettsted, kan en typisk brukerflyt se slik ut: 

  • Brukeren starter på hjemmesiden 
  • Fra hjemmesiden klikker brukeren seg inn på en kategorside 
  • Fra kategorisiden klikker brukeren på et produkt 
  • Fra produktsiden legger brukeren varen i handlekurven 
  • Fra handlekurven går brukeren til kassen 
  • Fra kasseskjermen fullfører brukeren kjøpet 

I den virkelige verden kan brukere ta mange forskjellige veier til kjøp. For eksempel, i scenariet ovenfor, kan brukeren gå tilbake til kategorisiden for å se flere produkter i stedet for å gå direkte til handlekurven. Eller de kan bruke søk for å navigere på nettstedet i stedet for å klikke seg gjennom nettstedshierarkiet. Eller brukeren kan komme inn fra en annen side enn hjemmesiden. 

Fordi det finnes mange forskjellige veier brukere kan ta, modelleres brukerflyter ofte som flytskjemaer med noder for hver av de viktigste navigasjonsveiene. Formålet med brukerflytanalyse er å identifisere de viktigste brukerflytene gjennom appen eller nettstedet ditt og identifisere områder der navigasjonsflyten kan forbedres. 

Gratis maler for brukerflyt å prøve 

Vil du komme raskt i gang med brukerflytkartet ditt eller finne hjelp til å holde deg på sporet? Det finnes mange gratis maler for brukerflyt som er tilgjengelige og validert av produktteammedlemmer hos noen av verdens mest brukersentrerte selskaper. 

Her er noen av våre favoritter: 

Du kan også bruke dedikerte verktøy som: 

  • Overflow – et brukerflytdiagramverktøy som animerer dine importerte brukerflytdesign 
  • MockFlow – et brainstormingverktøy for å hjelpe deg med å visualisere ideene dine før du dokumenterer dem 
  • Timblee – et UX-planleggingsverktøy designet for 

Ikke glem å ta hensyn til datalekkasjer 

Å samle inn data om hvert trinn i brukerflyten din vil gjøre det mulig å evaluere hvordan brukerne navigerer produktet eller nettsiden din. Av natur vil trakten krympe ved hvert trinn der brukere faller fra. Data vil indikere hvor trakten din «lekker» (med en stor prosentandel som faller fra mellom trinnene) og kan trenge hjelp. 

For å tette «lekkasjene», bør du vurdere hvor du kan rette opp smertepunkter eller friksjon, hvor du kan tilby mer informasjon, og hvor du kan redusere distraksjoner og tilby mindre. 

For eksempel, på et e-handelsnettsted, kan du gjennomføre en brukerflytanalyse og legge merke til at mange mennesker kommer til handlekurven, men ikke fullfører kjøpet. Ved å identifisere at forlatte handlekurver er et problem, kan du begynne å generere hypoteser for hvorfor brukere faller fra på det punktet. 

Det kan være at fraktkostnadene dine er for høye, og brukerne får prissjokk. Eller kanskje det er for mange felt å fylle ut, og kundene mister interessen. Eller kanskje navigasjonen ikke er tydelig nok med hensyn til hvilken handling de skal utføre neste. 

Når du har generert en hypotese for hvorfor brukerflyten din er suboptimal, kan du begynne å A/B-teste ideene dine for å avgjøre hvilke av endringene som vil ha en positiv innvirkning på brukerflyten din. 

Hvordan A/B-testing kan bidra til å forbedre brukerflyten din 

A/B-testing er prosessen med å sammenligne to forskjellige versjoner av et nettsted eller en app mot hverandre for å se hvilken som presterer best ved hjelp av data fra den virkelige verden. A/B-testing er en god måte å validere hypoteser om endringer på nettstedet eller appen din. 

Ved å gå gjennom brukerflytene dine, identifisere forbedringsmuligheter og teste forskjellige ideer, kan du kontinuerlig forbedre konverteringsratene dine.