← Alle indsigter
·4 min læsning

Skjulte formularfejl der dræber konverteringer

Skjulte formularfejl der dræber konverteringer

Problemet

Din tilmeldingsformular virker. Brugerne kan udfylde den. Men din konverteringsrate er lavere end den burde være. Brugere falder fra midt i formularen. Supportbilletter nævner forvirring om, hvad der gik galt.

Synderen er næsten altid formular-validerings-UX.

De tre mest almindelige formularfejl

1. Kun submit-validering

Brugeren udfylder hele formularen, klikker på indsend, og ser først da en liste over fejl. De skal lede efter hvert problem og rette det. Formularen føles som en prøve, de fejlede.

Bedre tilgang: Validér ved blur (når et felt mister fokus). Vis succes- og fejltilstande indlejret, efterhånden som brugerne udfylder hvert felt.

2. Vage fejlmeddelelser

"Ugyldig input."

"Dette felt er påkrævet."

"E-mail er ikke gyldig."

Disse meddelelser fortæller brugeren, at noget er galt, men ikke hvad de skal gøre ved det. De er fejlmeddelelser der skaber mere forvirring.

Bedre tilgang: Fortæl brugeren præcis, hvad de skal gøre. "Indtast en gyldig e-mailadresse (f.eks. navn@virksomhed.dk)." "Adgangskoden skal indeholde mindst 8 tegn og et tal."

3. Fejltilstande der blander sig

En rød kant. En lille rød tekst under feltet. På hvid baggrund er disse nemme at overse — særligt på mobil, særligt for brugere med farvesynsnedsættelse.

Bedre tilgang: Brug både farve og ikonografi. En rød kant plus et advarselsikon plus beskrivende tekst. Gør det umuligt at overse.

Det oversete problem: succes-feedback

De fleste formularer håndterer fejltilstande (dårligt). Meget få håndterer succes-tilstande.

Når en bruger indsender en formular med succes, hvad sker der så? En sideomdiriging? En toast-notifikation der forsvinder på 2 sekunder? Stilhed?

Klar succes-feedback — en dedikeret bekræftelsestilstand, en synlig succesbesked, et klart næste skridt — reducerer supportsporsmål og øger brugertillid.

Løsningen

1.

Validér ved blur, ikke ved submit

2.

Skriv specifikke, handlingsbare fejlmeddelelser

3.

Brug både farve og ikonografi til fejl

4.

Tilføj eksplicitte succes-tilstande

5.

Test på mobil — formularvalideringsproblemer er 3x værre på mobil

Belønningen

Bedre formular-UX reducerer ikke blot frafald. Det signalerer til brugerne, at dit produkt er bygget af folk, der respekterer deres tid. Det indtryk bærer over til, hvordan de bruger resten af produktet.

Kan du genkende dette på dit eget site? Vi kigger gerne på det.

Kontakt os