Formularer
Multi-step-formular
En multi-step-formular (wizard) deler en lang formular op i en guidet sekvens af trin med en fremdriftsindikator. Det bygger på chunking — at bryde et stort hele op i overskuelige, meningsfulde bidder. Men pas på: forskningen viser, at antallet af felter betyder mere end antallet af trin.
Definition
En multi-step-formular fordeler felterne over flere skærme med en fremskridtsindikator og navigation frem/tilbage.
Hvorfor det virker
Trinvis opdeling reducerer den kognitive belastning ved kun at vise det relevante ad gangen, så brugeren slipper for at scanne og filtrere irrelevante spørgsmål.2
Chunking passer til arbejdshukommelsens grænser: grupperet information er lettere at scanne, forstå og huske end en udifferentieret masse.3
Wizards giver færre fejl og bedre fokus, fordi hvert trin viser mindre information, og brugeren bliver mindre overvældet af processen.1
For lange eller komplekse flows koster reelt konverteringer: Baymard fandt, at 26% i gennemsnit har afbrudt et køb alene, fordi checkout var for langt eller kompliceret, og den gennemsnitlige kurv-frafaldsrate er 70,22%. Vigtig nuance: antallet af felter påvirker brugervenligheden mere end antallet af trin — så opdeling alene er ikke nok.45
Hvornår du bruger det — og hvornår ikke
Hvornår du bruger det
- Formularen har mange felter eller logiske faser.
- Nogle trin afhænger af svar givet tidligere.
- Et synligt fremskridt kan holde motivationen oppe.
Hvornår du bør undgå det
- Formularen har kun få felter, der fint er på én skærm.
- Brugere skal kunne overskue og rette alt på én gang.
Best practices
Én primær handling pr. trin med beskrivende knapper
Brug labels, der fortæller, hvad næste trin gør, frem for generiske »Næste«/»Forrige«.1
Tillad at gå tilbage uden datatab, og hold flowet lineært
Et lineært forløb uden forvirrende spring er lettere at gennemføre, og brugeren må aldrig miste indtastning ved at gå et trin tilbage.1
Gem fremdrift, så brugeren kan genoptage
Wizards kan ikke afbrydes elegant — uden gemt tilstand mister brugeren sit arbejde, hvis de bliver forstyrret.1
Fragmentér ikke korte formularer unødigt
Test formularen uden indikator først; forbedr rækkefølge, type og antal spørgsmål, og tilføj kun en simpel trin-indikator, hvis brugerne stadig har svært ved det.6
Skær i antallet af felter — ikke kun i antal trin
Baymard fandt et gennemsnit på 11,3 felter over 5,1 trin, men de fleste sites behøver kun 8 felter. Reducér felterne parallelt med opdelingen.4
Typiske fejl
Wizard til hyppige eller ekspertopgaver
Wizards passer til nye brugere eller sjældne processer; ved gentagen brug bliver det trættende at klikke gennem hvert trin.
At opdele i trin, men beholde alle felterne
Antallet af felter påvirker brugervenligheden mere end antallet af trin — opdeling alene løser ikke en oppustet formular.
Fremdriftsindikator uden totalen
»Trin 2« uden »af 4« fortæller ikke brugeren, hvor langt der er igen.
Ingen gemt tilstand
Uden state-saving mister brugeren sit arbejde ved afbrydelse eller ved at gå tilbage.
At tvinge et wizard-flow på erfarne brugere
Uden en hurtigere vej bliver den højere interaktionsomkostning en byrde for dem, der kender processen.
Eksempler i praksis
GOV.UK »ét spørgsmål pr. side«
Storbritanniens offentlige designsystem deler formularer i ét spørgsmål pr. side, fordi det hjælper brugeren med at forstå og fokusere på netop det spørgsmål og svaret.
E-commerce checkout
Baymards benchmark viser, at et typisk checkout-flow er ca. 5,1 trin med 11,3 felter — multi-step er de facto standard, men ofte med for mange felter.
Ofte stillede spørgsmål
Hvornår bør jeg dele en formular op i flere trin?
Når formularen er lang eller kompleks, eller når brugerne er novicer eller kun udfører opgaven sjældent. Til korte, enkle formularer bør du teste uden opdeling først.
Skal jeg altid vise en fremdriftsindikator?
Ikke nødvendigvis. GOV.UK anbefaler at teste uden indikator og først forbedre rækkefølge, type og antal spørgsmål; tilføj en simpel »Trin X af Y«, hvis brugerne stadig har svært ved det.
Er flere trin bedre end én lang side?
Ikke i sig selv. Baymards forskning viser, at antallet af felter betyder mere for brugervenligheden end antallet af trin. Del gerne op, men skær samtidig i antallet af felter.
Hvad er den største risiko ved wizards?
Datatab. Wizards kan ikke afbrydes elegant — hvis brugeren afbryder eller går tilbage uden at data gemmes, mister de deres arbejde. Gem altid fremdrift.
Hvordan grupperer jeg felterne på tværs af trin?
Logisk og tematisk, så hvert trin dækker én informationskategori. Overvej »ét spørgsmål pr. side«, så brugeren kan fokusere.
Hjælper opdeling af checkout på afbrudte kurve?
Et for langt eller kompliceret flow driver afbrydelser — Baymard fandt, at 26% har afbrudt et køb alene af den grund, og den gennemsnitlige kurv-frafaldsrate er ca. 70%. Klare trin plus færre felter hjælper; opdeling alene er ikke nok.