Forms that Work (Jarrett & Gaffney)

Hvad er "Forms that Work", og hvem står bag

"Forms that Work: Designing Web Forms for Usability" er en praktisk fagbog om, hvordan du designer webformularer, folk kan og vil udfylde. Titlen er ikke tilfældig: bogens hele ærinde er at flytte samtalen fra formularer, der bare ser rigtige ud, til formularer, der faktisk virker — altså får folk til at gennemføre. Den udkom første gang hos Morgan Kaufmann, et imprint under Elsevier, med Steve Krug — forfatteren til klassikeren "Don't Make Me Think" — som forordsskribent. At Krug lægger navn til siger noget om bogens ambition: den vil være for formularer, hvad hans egen bog er for websites generelt, nemlig en tilgængelig, evidensbaseret introduktion, der kan læses af både begyndere og garvede designere.¹²

Bogen er skrevet af to forfattere med tung praktisk erfaring. Caroline Jarrett er en britisk usability-specialist, der har arbejdet med formularer og spørgeskemaer i årtier, blandt andet for offentlige myndigheder, hvor formularer ofte er kritisk infrastruktur. Gerry Gaffney er en australsk interaktionsdesigner og usability-konsulent, kendt blandt andet for podcasten "User Experience". Sammen dækker de både den teoretiske forståelse af, hvordan folk læser og besvarer spørgsmål, og den håndgribelige virkelighed med at bygge og teste formularer, der skal fungere for rigtige brugere. Det er en vigtig pointe, fordi mange bøger om emnet enten er for akademiske eller for overfladiske; "Forms that Work" forsøger at ramme midt imellem.¹³

Bogen er ikke tyk efter fagbogsstandard — omkring 288 sider — men den er tæt pakket med eksempler. Den er gennemillustreret i fuld farve, hvilket er væsentligt, når emnet handler om visuel klarhed, justering af labels, fejlmarkeringer og farvebrug. I stedet for at nøjes med abstrakte principper viser bogen konkrete formularer, forklarer hvad der er galt, og demonstrerer hvordan de kan gøres bedre. Det gør den brugbar som opslagsværk: Du kan slå ned i det kapitel, der handler om netop det problem, du sidder med, uanset om det er en uforståelig fejlbesked eller et spørgsmål, ingen gider besvare.³²

Bogens kernemodel: de tre lag — relation, samtale og udseende

Det, der gør "Forms that Work" til mere end en samling gode råd, er dens kernemodel. Jarrett og Gaffney beskriver en formular som noget, der består af tre lag: relation (relationship), samtale (conversation) og udseende (appearance). Pointen er, at en formular kun virker, hvis alle tre lag er i orden. Du kan have verdens flotteste formular, men hvis den stiller spørgsmål, folk ikke vil svare på, gennemfører de ikke. Modellen fungerer som en tjekliste og en diagnose: Når en formular fejler, kan du bruge de tre lag til at finde ud af, hvilket niveau problemet ligger på.¹³

Det første lag, relation, handler om forholdet mellem den, der beder om oplysningerne, og den, der udfylder formularen. Hvorfor beder du overhovedet om disse data? Har brugeren tillid til, at oplysningerne bliver behandlet ordentligt? Er der en god grund til at svare — eller føles det som unødig snagen? Relationslaget minder om, at en formular altid er en form for transaktion mellem to parter. Hvis brugeren ikke kan se, hvad de får ud af at aflevere deres oplysninger, eller ikke stoler på afsenderen, falder de fra, uanset hvor let felterne er at udfylde. Det er her, spørgsmål om hvilke data der reelt er nødvendige, hører hjemme: Hvert unødvendigt felt er en ekstra grund til at forlade formularen.¹⁴

Det andet lag, samtale, er bogens mest karakteristiske bidrag. Jarrett og Gaffney insisterer på, at en formular er en samtale, ikke en formular i bureaukratisk forstand. En god formular stiller spørgsmål i en logisk rækkefølge, i et sprog brugeren forstår, og på en måde, brugeren kan svare på. Rigtig mange formularproblemer opstår, fordi organisationen spørger på sine egne præmisser — med interne fagudtryk, kunstige kategorier eller spørgsmål, brugeren ikke kender svaret på. Bogens berømte pointe er, at godt formulardesign i langt højere grad handler om at stille de rigtige spørgsmål på den rigtige måde, end det handler om, hvorvidt du bruger en dropdown eller radioknapper. Widget-valget er den sidste og mindst vigtige beslutning.¹⁴

Det tredje lag, udseende, handler om det visuelle: layout, justering af labels, gruppering af felter, brug af farve, fejlmarkeringer og de mange små detaljer, der afgør, om formularen er let at overskue og udfylde. Det er her, meget klassisk formularguidning bor — for eksempel om labels skal stå over eller ved siden af felterne. Men Jarrett og Gaffneys pointe er netop, at udseendet er det tredje lag, ikke det første. Hvis du optimerer det visuelle uden at have styr på relationen og samtalen, polerer du en formular, folk stadig ikke gennemfører. De tre lag skal ses som en rækkefølge: Først finder du ud af, om du overhovedet skal stille spørgsmålet (relation), så hvordan du formulerer det (samtale), og til sidst hvordan det ser ud (udseende).¹³

Hvorfor formularer er afgørende for konvertering

Formularer er sjældent det, folk kommer for. Ingen besøger et website, fordi de glæder sig til at udfylde en formular. Men formularen er næsten altid det sidste, brugeren skal igennem, før konverteringen sker: tilmeldingen, købet, ansøgningen, kontaktanmodningen. Det gør formularen til et uforholdsmæssigt vigtigt sted i rejsen. Alt det arbejde, der er lagt i at få brugeren hen til formularen — markedsføring, indhold, design — kan gå tabt på en enkelt uforståelig fejlbesked eller et felt for meget. Derfor er formularen ofte det billigste sted at hente flere konverteringer: Der er typisk mere at vinde ved at fjerne friktion i checkout end ved at hente mere trafik ind i toppen af tragten.¹

"Forms that Work" argumenterer for, at frafald i formularer sjældent skyldes det, designere umiddelbart tror. Det er ikke primært knapfarven eller feltbredden, der får folk til at forlade en formular — det er spørgsmål, de ikke forstår, ikke vil svare på, eller ikke kender svaret på. Det er fejlbeskeder, der ikke fortæller, hvad de skal rette. Det er formularer, der beder om mere, end brugeren synes er rimeligt for den værdi, de får igen. Bogens tre-lags-model er netop bygget til at fange disse årsager i den rigtige rækkefølge, så du ikke spilder tid på at finjustere udseendet af felter, der ikke burde være der.¹⁴

Et gennemgående tema i bogen er, at data har en pris. Hvert felt, du tilføjer, øger den kognitive og praktiske byrde for brugeren og dermed risikoen for frafald. Jarrett og Gaffney opfordrer til at være hårde ved sig selv: Er dette felt virkelig nødvendigt lige nu, eller kunne det spørges senere — eller helt undlades? For konverteringsarbejde er det en meget konkret håndtag. At skære et enkelt unødvendigt spørgsmål væk kan i mange tilfælde flytte gennemførelsesraten mærkbart, netop fordi hvert spørgsmål er en lille beslutning, brugeren skal træffe om, hvorvidt det er umagen værd at fortsætte. Bogen kobler dermed usability direkte til forretningsresultater: Bedre formularer betyder flere gennemførte transaktioner.¹²

Hvad du lærer, og hvem bogen er til

Bogen er struktureret omkring hele processen med at lave en god formular, ikke kun det visuelle slutresultat. Du lærer at definere krav — altså finde ud af, hvilke oplysninger du reelt har brug for, og hvorfor. Du lærer at skrive spørgsmål, brugerne forstår og har lyst til at besvare, i stedet for spørgsmål formuleret på organisationens præmisser. Og du lærer at håndtere de dele af formularen, der ofte forsømmes: instruktioner, forløbsindikatorer (progress indicators) og fejl. Fejlhåndtering er et selvstændigt tema, fordi netop fejlbeskeder er et af de steder, hvor flest formularer taber brugere — en fejlbesked, der ikke forklarer, hvad der skal rettes, er en næsten sikker kilde til frafald.¹³

Bogen dækker også flow og struktur: rækkefølgen af spørgsmål, hvordan du grupperer relaterede felter, og hvordan du deler lange formularer op, så de føles overkommelige. Og den behandler det visuelle detaljeniveau grundigt — justering af labels, brug af farve, placering af hjælpetekst — med rigelige farveeksempler, så du kan se principperne anvendt på rigtige formularer. Endelig lægger den vægt på usability-test af formularer: Hvordan du observerer rigtige brugere udfylde din formular og finder de problemer, du ikke selv kan få øje på. Det er en vigtig del, fordi mange formularfejl først bliver synlige, når man ser en fremmed forsøge at komme igennem.¹²

Målgruppen er bred. Bogen henvender sig til UX- og usability-folk, webdesignere, interaktionsdesignere, softwareudviklere og UI-designere, men også til folk uden for det klassiske designfag, der arbejder med formularer i praksis: markedsanalytikere, der laver spørgeskemaer, og fagfolk i finans- og den offentlige sektor, hvor formularer er en central del af arbejdet. Den bruges også i undervisning. Fælles for målgrupperne er, at bogen er skrevet til at være læsbar uden en tung teoretisk baggrund — den forklarer principperne og viser dem, frem for at forudsætte, at læseren allerede er ekspert. Hvis du arbejder med tilmeldinger, checkout, ansøgninger eller spørgeskemaer i det hele taget, er den relevant.³⁴

Udgivelse, udgaver og hvor du køber den

"Forms that Work: Designing Web Forms for Usability" udkom hos Morgan Kaufmann, et imprint under forlagskoncernen Elsevier, i 2008-2009. Den trykte udgave bærer ISBN 9781558607101 (1558607102) og er på omkring 288 sider i fuld farve. Bogen indgik i Morgan Kaufmanns serie "Interactive Technologies". Der findes også en e-bogsudgave med sit eget ISBN (9780080948485), så du kan læse den digitalt. Bogen er en førsteudgave; der er ikke udkommet en gennemgribende revideret anden udgave, hvilket er værd at være opmærksom på, da nogle af de konkrete eksempler afspejler webbet, som det så ud omkring 2008.¹³

Bogen er en betalt udgivelse — den er ikke frit tilgængelig online. Den kanoniske kilde er forlagets egen side hos ScienceDirect/Elsevier, hvor bogen kan tilgås kapitel for kapitel, hvis du eller din organisation har adgang via et ScienceDirect-abonnement (typisk gennem et universitets- eller virksomhedsbibliotek). Vil du eje den, kan den købes i tryk og som e-bog gennem de sædvanlige kanaler: Elseviers egen boghandel, Amazon, Barnes & Noble og de fleste større fagboghandlere. Fordi det er en ældre titel, kan brugte eksemplarer ofte findes billigt via for eksempel AbeBooks. Bemærk, at bogens tidligere hjemmeside formsthatwork.com ikke længere er aktiv, så brug forlagets sider eller boghandlerne som udgangspunkt.¹²

Selvom bogen har nogle år på bagen, holder dens kernebudskab. De konkrete skærmbilleder er daterede, men de tre lag — relation, samtale og udseende — og pointen om at stille de rigtige spørgsmål frem for at fokusere på widgets er lige så gyldige i dag som i 2008. Feltet har flyttet sig med mobil, autofyld og nye inputtyper, men den grundlæggende psykologi bag, hvorfor folk udfylder eller forlader en formular, er ikke ændret. Derfor citeres bogen fortsat bredt i UX-litteraturen, og den fungerer godt som fundament, du kan supplere med nyere kilder om for eksempel mobilformularer og tilgængelighed.¹⁴

Ofte stillede spørgsmål

Kilder

1. Forms that Work: Designing Web Forms for UsabilityMorgan Kaufmann / Elsevier (ScienceDirect) · Forlagets kanoniske side for bogen; primær kilde til titel, forfattere, tre-lags-model og indhold.
2. Forms that Work - 1st EditionElsevier Shop · Forlagets butiksside med udgivelsesdato, formater, forord af Steve Krug og kapiteloversigt.
3. Forms that Work: Designing Web Forms for UsabilityGoogle Books (Morgan Kaufmann) · Kilde til udgiver, årstal (2009), sidetal (288) og e-bogs-ISBN.
4. Forms that Work: Designing Web Forms for Usability (Interactive Technologies)Amazon.com · Boghandlerside med serietilhør, forfattere og forord samt købsmulighed.