Hvad er UX-brugerflows, og hvorfor er de vigtige?8 min read

Fantastisk UX er ikke et produkt af din fantasi. Det er et produkt af omfattende research, omhyggelig planlægning, gentagne tests og mange ture til tegnebrættet. Så hvordan sikrer du dig, at denne proces er så effektiv som muligt? Hvordan kan du være sikker på, at du designer med dine brugere i tankerne?

Det vigtigste grundlag for en strømlinet, brugercentreret designproces— udover brugerforskning — er brugerflow. Det er et simpelt diagram, der viser en brugers potentielle veje gennem et produkt, og det gør underværker for dit design-workflow.

Her vil vi forklare, hvad et brugerflow er, og hvordan man læser et, og derefter beskrive dets grundlæggende rolle i at skabe fantastisk UX.

Prøv at designe med AI

Anima opretter websteder, apps og UX-design fra en prompt, prøv det her –

Hvad er et brugerflow?

Et brugerflow er et grundlæggende visuelt kort over en brugers potentielle veje gennem et produkt – i dette tilfælde en app eller et websted. Dette kort kan repræsentere et helt produkt eller blot en opgave indenfor det produkt, som at abonnere på et nyhedsbrev eller foretage et køb.

Et brugerflow begynder ved en brugers indgangspunkt til et produkt eller en opgave, som en destinationsside eller en indkøbskurv, og slutter ved en sidste interaktion, som at fuldføre en tilmelding eller afgive en ordre.

Visualisering af, hvordan en bruger kan bevæge sig gennem dit produkt, giver dig mulighed for at zoome ud og overveje effektiviteten af ​​dets overordnede struktur. På denne måde kan du identificere og adressere potentielle brugerhindringer for at forbedre navigerbarheden.

An example of a basic user flow structure

Sådan læser du et brugerflow

Et brugerflow angiver rækken af ​​trin, som en bruger tager for at komme fra indgangspunktet til den endelige interaktion. Hvert skridt, eller node, er repræsenteret ved en cirkel, rektangel, eller diamant, som hver angiver en anden type handling, som brugeren skal foretage. Disse noder er forbundet med pile angiver brugerens bevægelsesretning gennem produktet.

Her er en oversigt over hver brugerflow-byggeblok:

User flow components explained

Hvornår skal der oprettes et brugerflow

Hvis det er muligt, bør du oprette et brugerflow tidligt i din designproces – ideelt set lige efter din indledende brugerundersøgelse. På denne måde kan du optimere flowet, inden du begynder at designe. Du vil være i stand til at se problemområder, fjerne unødvendige trin og bestemme, hvilke skærme du skal producere til din tidlige prototyper.

Det er værd at bemærke, at brugerflows også kan oprettes på ethvert tidspunkt under et produkts udvikling, eller endda efter et produkt er blevet frigivet. Hvis du skal visualisere og vurdere den overordnede struktur af et potentielt eller eksisterende design, er brugerflows en hurtig og effektiv løsning.

Brugerflowets rolle i UX-design

Nu hvor du ved, hvad brugerflow er, og hvordan de fungerer, vil vi se på deres rolle i UX-designprocessen. Brugerstrømme kan hjælpe dig:

1. Opret en intuitiv grænseflade

Visualisering af strømmen af brugere gennem dit produkt eller din funktion vil fremhæve friktionspunkter, redundanser og potentielt forvirrende elementer før du bygger dem ind i dit design. Hvis dit brugerflow ikke giver en direkte og intuitiv vej til et mål, er det sandsynligt, at det endelige produkt heller ikke gør det.

2. Evaluer en eksisterende grænseflade

Brugerstrømme er en fantastisk måde at optimere eksisterende produkter, som muligvis ikke konverterer eller beholder som forventet. I tilfælde som dette kan du implementere brugerflows for at visualisere og optimere processer, hvor brugerne hopper eller buldrer.

3. Formidl din strategi til teammedlemmer og interessenter

Brugerflows er ikke kun gode til dit design-workflow. De er også gode til samarbejde. Brugerstrømme giver holdkammerater, beslutningstagere og interessenter en bedre forståelse af brugeroplevelsesarkitekturen bag dit produkt. Dette minimerer misforståelser og fremskynder buy-in.

Brugerflows kan også hjælpe udviklere med at forstå det overordnede strukturen bag din endelige prototype, hvilket gør aflevering mere effektiv.

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

Brugerrejse vs brugerflow

Begreberne brugerrejse og brugerflow bruges ofte i flæng, men de er ikke det samme. Hver enkelt fokuserer på forskellige lag og detaljeringsniveauer inden for den overordnede brugeroplevelse.

Brugerrejser illustrerer en specifik brugers forhold til dit produkt, herunder hvordan de nåede frem til produktet som en løsning, og hvilke smertepunkter og motivationer, der drev dem til det. Brugerstrømme viser på den anden side alle potentielle veje, enhver bruger kan tage gennem selve produktet.

4 vigtige forskelle mellem brugerrejser og brugerstrømme:

1. BRUGERREJSER fokus på hvad brugerne er tænker og føler ved hvert trin, mens USER FLOWS fokuserer på hvad brugerne er gør
2. BRUGERREJSER begynder før brugeren første gang interagerer med produktet og fortsæt efter at brugeren er færdig, mens USER FLOWS begynder ved en brugers indgangspunkt i produktet og afslutte ved den endelige interaktion
3. BRUGERREJSER fokus på specifikke brugerpersoner, mens USER FLOWS fokuserer på almindelige brugere
4. BRUGERREJSER fortæller hele historien bag en brugers interaktion med et produkt, mens USER FLOWS blot vises en brugers potentielle veje gennem et produkt

Brugerstrømme i en nøddeskal

Der har du det. Brugerstrømme for UX-designere er meget som konturer for forfattere. Begge er strukturelle rammer, der hjælper med at organisere og forfine strømmen af ​​det endelige produkt, før udviklingen begynder. Brugerstrømme:

• demonstrere potentielle veje en bruger kan gå gennem et produkt eller en opgave— begyndende ved indgangspunkt, bevæger sig gennem trin, og slutter kl endelig interaktion
• består af 4 hovedbyggesten: cirkler (start/slut), diamanter (beslutninger), rektangler (processer), og pile (bevægelsesretning mellem trin)
• skal oprettes lige efter indledende brugerundersøgelse er komplet for at skitsere og optimere designprocessen, der følger
• kan også oprettes senere i designprocessen eller for eksisterende produkter der har brug for brugervenlighedsanalyser og procesforbedringer
• tjener 3 primære formål: skabe intuitive grænseflader, evaluere eksisterende grænseflader, og formidle din strategi til holdkammerater og interessenter

Test dig selv:

Hvad er brugerflows?

Et brugerflow er et grundlæggende diagram over en brugers potentielle veje gennem et produkt (en app eller hjemmeside) eller opgave inden for det pågældende produkt (abonnement, køb osv.). Det begynder ved en brugers indgangspunkt i produktet eller opgaven og slutter ved deres endelige interaktion.

Hvorfor bruger vi brugerflows i UX-design?

I et enkelt diagram formidler brugerflows, hvordan brugerne vil bevæge sig gennem hele dit produkt. Denne brede visning giver dig mulighed for at overveje effektiviteten af ​​din foreslåede struktur og flow. Du vil være i stand til at se og løse friktionspunkter og begynde at optimere UX før du begynder at designe.

Brugerflows kan hjælpe skabe intuitive grænseflader, evaluere eksisterende grænseflader og formidle dit produkts struktur til holdkammerater og interessenter.

Prøv Anima Playground for brugerflows og UX-design

Anima Playground lader dig lave professionelle brugerflows og UX ved at chatte med en UX-first AI-agent og derefter generere design og kode i browseren. Begynd at designe med AI nu– alt hvad du behøver er en idé.

raket-flersprogede-links: start bruger-flows

raket-flersprogede-links: slutbruger-flows