Slik lager du et brukerflytkart for nettstedet og appen din

28. nov. 2022

Brukerflytkart beskriver veien brukerne dine tar gjennom nettstedet eller appen din, og dette diagrammet hjelper bedrifter med å optimalisere sine digitale opplevelser og feilsøke smertepunkter.

Det er avgjørende å forstå hvordan brukere samhandler med nettstedet eller appen din. Et brukerflytkart er et kraftig visuelt verktøy som beskriver veien brukerne tar gjennom det digitale grensesnittet ditt, og hjelper bedrifter med å optimalisere opplevelser og identifisere potensielle smertepunkter. Et godt brukerflytkart kan hjelpe deg med å forstå brukernes reiser, identifisere smertepunkter og planlegge for beredskapssituasjoner. Denne veiledningen forklarer brukerflyter, hvordan du lager brukerflytkart og noen beste fremgangsmåter for å utforme diagrammer.

Viktige konklusjoner:

  • Brukerreisen beskriver brukerens samlede opplevelse med bedriften din, mens brukerflyten beskriver trinnene de følger ved hjelp av grensesnittet ditt.
  • Noen vanlige former som ovaler, rektangler, diamanter og parallellogrammer har vanlige bruksområder i flytskjemaer.
  • Følg beste praksis og bruk ekspertene hos Optimizely for å forbedre din digitale opplevelse.

Brukerflyt kontra brukerreise

Selv om brukerflyt og brukerreise har lignende navn og overlapper hverandre på betydelige måter, bør du være oppmerksom på viktige forskjeller mellom disse konseptene.

Brukerreisen omfatter alle aspekter av brukerens opplevelse med bedriften din. Brukerreisen begynner når en bruker først blir oppmerksom på virksomheten din (eller blir oppmerksom på et behov du kan løse) og slutter med deres siste interaksjon med bedriften din. Det betyr at selv om du ikke kan vite nøyaktig når en brukerreise begynner eller slutter, kan du bruke programvare for kundeforholdsstyring for å identifisere hvor en bruker er på reisen sin og hvordan du kan flytte dem til neste trinn.

Brukerflyten overlapper med brukerreisen, men den beskriver spesifikt veien brukerne følger på nettstedet eller i applikasjonen din. For eksempel kan en brukerflyt begynne når en bruker besøker nettstedet ditt for første gang og slutte med et kjøp. Disse aktivitetene er en *del* av den større brukerreisen, men brukerflyten er mer interessert i opplevelsen brukerne har med nettstedet eller appen din.

Brukerreisen er interessert i brukerens følelser, håndgripelige og immaterielle interaksjoner, kontinuerlig kommunikasjon, relasjonsbygging osv. – «personsiden» av prosessen; mens brukerflyten er interessert i «teknologisiden» av prosessen – brukerens klikk, sidebesøk og abonnementer. Brukerflyten og brukerreisen beskriver ulike elementer i det samme forholdet mellom bedriften din og brukerne dine.

Brukerflytdiagrammer

Brukerne dine vil aldri se brukerflytkartet ditt, men du og teamet ditt vil referere til det gjennom hele nettstedets eller appen din. Så selv om det ikke trenger å være det peneste dokumentet, bør det fortsatt være tydelig og brukervennlig.

Selv om reglene for brukerflytdiagrammer ikke er hugget i stein, bør du kjenne til noen beste praksiser og generelt forstå syntaksen for å lage flytskjemaer.

  • Ovaler representerer start- og sluttpunktet for flytskjemaet ditt. Avhengig av prosessen din, kan brukerflyten din ha mer enn ett startpunkt og mer enn ett sluttpunkt.
  • Kvadrater eller rektangler representerer individuelle sider eller trinn. Generelt kan flytskjemaer, kvadrater og rektangler være et hvilket som helst trinn i en prosess, men i web- og appdesign representerer kvadrater og rektangler individuelle sider i brukergrensesnittet.
  • **Diamanter** representerer avgjørelser som brukere må ta. Når en bruker for eksempel prøver å logge på plattformen din for første gang, kan nettstedet ditt be dem om å koble til en Google- eller Facebook-konto, eller de kan logge på med en e-post eller fortsette som gjest. Avhengig av valget deres, kan reisen deres gjennom nettstedet eller appen din variere ettersom du leverer en annen opplevelse basert på valgene deres.
  • Parallelogrammerrepresenterer inndata som kreves av brukeren. Du kan for eksempel kreve at de skriver inn et serienummer for å aktivere produktet sitt eller oppgir en leveringsadresse for å motta en tjeneste.
  • Pilerangir retningen på flyten. Flyten din kan inkludere løkker, veikryss og divergerende og konvergerende baner, så det er viktig å angi rekkefølgen av elementer for at brukerflytkartet ditt skal være lesbart.

Generelt sett er disse fire formene, sammen med piler, de grunnleggende byggesteinene i brukerflytkartet ditt, men du kan alltid bruke flere former, farger eller andre designelementer for å kommunisere informasjon du mener er relevant. Husk at formålet med et brukerflytkart ikke bare er å følge reglene eller krysse av i en boks, men å kommunisere informasjon om brukerflyten. Eksemplet nedenfor viser flere former som andre selskaper har brukt når de lagde flytskjemaer.

Prinsipper for design av brukerflyt

Som med alle former for kommunikasjon, mister brukerflytkart noe av verdien når de utelater relevant informasjon og inkluderer for mye irrelevant informasjon. Å designe et vellykket brukerflytkart innebærer å balansere flere hensyn for å maksimere nytten av diagrammet ditt.

1. Etabler et detaljnivå

Hvis brukerflytkartene dine er for detaljerte, blir de innviklede og vanskelige å lese. Hvis de ikke er detaljerte nok, er de ikke nyttige. Å etablere riktig nivå av granularitet er et viktig første skritt i utformingen av et brukerflytkart.

Når det gjelder å designe diagrammer, er det gylne prinsippet å vurdere brukernes behov. Hva slags spørsmål vil de prøve å svare på med diagrammet ditt? Hvilket erfaringsnivå vil de ha? Hva vil de bruke dette diagrammet til å gjøre? Å svare på disse spørsmålene vil hjelpe deg med å definere riktig detaljnivå for brukerflytkartet ditt.

2. Vurder alternativer

En av grunnene til at brukerflytkart er nyttige, er fordi de lar designere visuelt analysere reisen brukerne går på når de besøker nettstedet eller appen din. Gjør ditt beste for å vurdere alle alternativer når du designer brukerflytkartet ditt.

Hva vil du for eksempel gjøre hvis brukere legger varer i handlekurven, men forlater den uten å betale? Hva vil du gjøre hvis en bruker oppgir en faktureringsadresse, men ikke en leveringsadresse? Hva om en bruker ber om en gratis prøveperiode, men deretter kjøper fullversjonen? Brukerflytkartet ditt vil hjelpe deg med å identifisere disse veikryssene og planlegge for uforutsette hendelser.

3. Bruk riktig digital opplevelsesplattform

Brukerens digitale opplevelse er viktig. Vi har en kraftig digital opplevelsesplattform med ekspertverktøy som hjelper med automatisering, A/B-testing, innholdsadministrasjon og mye mer.

Et brukerflytkart beskriver bare kundenes reise når de samhandler med det digitale grensesnittet ditt. Selv om et brukerkart kan bidra til å identifisere smertepunkter og visuelt inspirere til løsninger, er nøkkelen til å forbedre kundeopplevelsen å forbedre innholdet på nettstedet eller appen din.