Hva er UX-brukerflyter og hvorfor er de viktige?7 min read

Flott UX er ikke et produkt av fantasien din. Det er et produkt av omfattende forskning, nøye planlegging, gjentatte tester og mange turer til tegnebrettet. Så hvordan sikrer du at denne prosessen er så effektiv som mulig? Hvordan kan du være sikker på at du designer med brukerne dine i tankene?

Det viktigste grunnlaget for en strømlinjeformet, brukersentrert designprosess– i tillegg til brukerforskning – er brukerflyt. Det er et enkelt diagram som viser en brukers potensielle veier gjennom et produkt, og det gjør underverker for designarbeidsflyten din.

Her vil vi forklare hva en brukerflyt er og hvordan du leser en, og deretter beskrive dens grunnleggende rolle i å skape god UX.

Prøv å designe med AI

Anima lager nettsteder, apper og UX-design fra en melding, prøv det her –

Hva er en brukerflyt?

En brukerflyt er et grunnleggende visuelt kart over en brukers potensielle veier gjennom et produkt – i dette tilfellet en app eller et nettsted. Dette kartet kan representere et helt produkt eller bare en oppgave innenfor det produktet, som å abonnere på et nyhetsbrev eller foreta et kjøp.

En brukerflyt begynner ved en brukers inngangspunkt til et produkt eller en oppgave, for eksempel en landingsside eller handlekurv, og slutter ved en siste interaksjon, som å fullføre en registrering eller legge inn en bestilling.

Å visualisere hvordan en bruker kan bevege seg gjennom produktet ditt lar deg zoome ut og vurdere effektiviteten til den generelle strukturen. På denne måten kan du identifisere og adressere potensielle brukerhindringer for å forbedre navigerbarheten.

An example of a basic user flow structure

Hvordan lese en brukerflyt

En brukerflyt legger ut serien med trinn en bruker tar for å komme seg fra inngangspunktet til den endelige interaksjonen. Hvert trinn, eller node, er representert ved en sirkel, rektangel, eller diamant, som hver angir en annen type handling brukeren må utføre. Disse nodene er forbundet med piler som indikerer brukerens bevegelsesretning gjennom produktet.

Her er en oversikt over hver byggeblokk for brukerflyt:

User flow components explained

Når du skal opprette en brukerflyt

Hvis det er mulig, bør du opprette en brukerflyt tidlig i designprosessen – ideelt rett etter den første brukerundersøkelsen. På denne måten kan du optimalisere flyten før du begynner å designe. Du vil kunne se problemområder, fjerne unødvendige trinn og bestemme hvilke skjermer du må produsere for tidlig prototyper.

Det er verdt å merke seg at brukerflyter også kan opprettes når som helst under utviklingen av et produkt, eller til og med etter at et produkt har blitt utgitt. Hvis du trenger å visualisere og vurdere den overordnede strukturen til et potensielt eller eksisterende design, er brukerflyt en rask og effektiv løsning.

Rollen til brukerflyt i UX-design

Nå som du vet hva brukerflyt er og hvordan de fungerer, skal vi se på deres rolle i UX-designprosessen. Brukerflyter kan hjelpe deg:

1. Lag et intuitivt grensesnitt

Å visualisere flyten av brukere gjennom produktet eller funksjonen vil fremheve friksjonspunkter, redundanser og potensielt forvirrende elementer før du bygger dem inn i designet ditt. Hvis brukerflyten din ikke gir en direkte og intuitiv vei til et mål, er sjansen stor for at sluttproduktet ikke gjør det heller.

2. Vurder et eksisterende grensesnitt

Brukerflyter er en fin måte å optimalisere eksisterende produkter som kanskje ikke konverterer eller beholder som forventet. I tilfeller som dette kan du implementere brukerflyter for å visualisere og optimalisere prosesser der brukere hopper eller skurrer.

3. Formidle strategien din til teammedlemmer og interessenter

Brukerflyter er ikke bare bra for designarbeidsflyten din. De er også gode for samarbeid. Brukerflyter gir lagkamerater, beslutningstakere og interessenter en bedre forståelse av brukeropplevelsesarkitekturen bak produktet ditt. Dette minimerer misforståelser og setter fart på buy-in.

Brukerflyter kan også hjelpe utviklere med å forstå helheten strukturen bak den endelige prototypen, som gjør overlevering mer effektiv.

An example of user flow for a login process (task flow)

Brukerreise vs brukerflyt

Begrepene brukerreise og brukerflyt brukes ofte om hverandre, men de er ikke det samme. Hver enkelt fokuserer på forskjellige lag og detaljnivåer innenfor den generelle brukeropplevelsen.

Brukerreiser illustrerer en spesifikk brukers forhold til produktet ditt, inkludert hvordan de kom frem til produktet som en løsning og hvilke smertepunkter og motivasjoner som drev dem til det. Brukerflyter, derimot, viser alle potensielle veier enhver bruker kan ta gjennom selve produktet.

4 viktige forskjeller mellom brukerreiser og brukerflyter:

1. BRUKERREISER fokuserer på hva brukerne er tenkning og følelse ved hvert trinn, mens USER FLOWS fokuserer på hva brukerne er gjør
2. BRUKERREISER begynner før brukeren først samhandler med produktet og fortsett etter at brukeren er ferdig, mens USER FLOWS begynner ved en brukers inngangspunkt til produktet og slutt ved den endelige interaksjonen
3. BRUKERREISER fokuserer på spesifikke brukerpersonligheter, mens USER FLOWS fokuserer på generelle brukere
4. BRUKERREISER fortell hele historien bak en brukers interaksjon med et produkt, mens USER FLOWS bare vises en brukers potensielle veier gjennom et produkt

Brukerflyt i et nøtteskall

Der har du det. Brukerflyter for UX-designere er mye som konturer for forfattere. Begge er strukturelle rammer som hjelper til med å organisere og avgrense flyten av sluttproduktet før utviklingen starter. Brukerflyter:

• demonstrere potensielle veier en bruker kan ta gjennom et produkt eller en oppgave— begynner på inngangspunkt, beveger seg gjennom trinn, og slutter ved endelig interaksjon
• består av 4 hovedbyggeblokker: sirkler (start/slutt), diamanter (vedtak), rektangler (prosesser), og piler (bevegelsesretning mellom trinn)
• bør opprettes rett etter første brukerundersøkelse er komplett for å skissere og optimalisere designprosessen som følger
• kan også opprettes senere i designprosessen eller for eksisterende produkter som trenger brukervennlighetsanalyser og prosessforbedringer
• tjene 3 primære formål: lage intuitive grensesnitt, evaluere eksisterende grensesnitt, og formidle strategien din til lagkamerater og interessenter

Test deg selv:

Hva er brukerflyter?

En brukerflyt er et grunnleggende diagram over en brukers potensielle veier gjennom et produkt (en app eller et nettsted) eller en oppgave innenfor det produktet (abonner, kjøp osv.). Det begynner ved en brukers inngangspunkt til produktet eller oppgaven og slutter ved deres endelige interaksjon.

Hvorfor bruker vi brukerflyt i UX-design?

I et enkelt diagram formidler brukerflyter hvordan brukere vil bevege seg gjennom hele produktet. Denne brede utsikten lar deg vurdere effektiviteten til den foreslåtte strukturen og flyten. Du vil kunne oppdage og løse friksjonspunkter og begynne å optimalisere brukeropplevelsen før du begynner å designe.

Brukerflyter kan hjelpe lage intuitive grensesnitt, evaluere eksisterende grensesnitt og formidle produktets struktur til lagkamerater og interessenter.

Prøv Anima Playground for brukerflyt og UX-design

Anima Playground lar deg lage profesjonelle brukerflyter og UX ved å chatte med en UX-first AI-agent, og deretter generere design og kode i nettleseren. Begynn å designe med AI nå– Alt du trenger er en idé.

rakett-flerspråklige-lenker: start brukerflyter

rakett-flerspråklige-lenker: sluttbruker-flyter