Hvert felt, du tilføjer til en formular, er en beslutning. Undersøgelser viser, at hvert ekstra obligatorisk felt sænker gennemførelsen med 10-15 %. Men når du beder om færre data, får du også færre data. Nøglen til at flytte konverteringen er ikke at fjerne felter helt. Det er at tænke strategisk over, hvilke felter du gør obligatoriske, hvilke du gør valgfrie, og hvilke du skjuler, til de bliver relevante.
Hvad obligatoriske felter gør ved konverteringen
Når nogen lander på din formular, skimmer vedkommende den på få sekunder. Ikke ord for ord. Vedkommende ser på, hvor mange felter der er, hvor meget der skal scrolles, og om kravene virker rimelige.
Obligatoriske felter sender et signal. Hvert af dem siger: "Jeg skal bruge det her fra dig." To eller tre obligatoriske felter virker overskuelige. Syv obligatoriske felter virker som en jobansøgning. Forskellen i frafald er ikke lille.
Se på en hvilken som helst betaling i en webshop, så ser du det i praksis. Hvis feltet til postnummer er markeret som valgfrit, men leveringsadressen er obligatorisk, bliver kunderne. Hvis begge er obligatoriske og ikke tydeligt markeret, stiger frafaldet i kurven. Psykologien er enkel. Usikre besøgende går.
Reglen om at markere mindretallet: hvornår du markerer obligatorisk, og hvornår valgfrit
De fleste formularer er skæve. En kontaktformular kan have fem obligatoriske felter og ét valgfrit. En tilmeldingsformular kan have otte obligatoriske felter og to valgfrie. I de tilfælde spilder det plads og mental energi at markere hvert obligatorisk felt.
Den bedre måde er kun at markere mindretallet. Hvis 80 % af dine felter er obligatoriske, så markér kun de valgfrie med ordet "(valgfri)" ved feltnavnet. Umarkerede felter antages at være obligatoriske. Det skærer ned på visuelt rod og får formularen til at føles kortere.
På den anden side har du komplekse formularer, hvor obligatoriske felter er spredt rundt. Ansøgninger om forsikring, låneformularer og spørgeskemaer over flere sider har ofte obligatoriske og valgfrie felter blandet sammen. Så markér begge. Brug en stjerne (*) til obligatoriske felter og "(valgfri)" til valgfrie felter. Tydelig mærkning slår stiltiende regler.
Reglen er enkel. Markér mindretallet, uanset hvad det er.
Sådan mærker du obligatoriske felter, så folk lægger mærke til det
En stjerne alene er ikke nok. Brugere af skærmlæsere kan ikke høre en stjerne. Folk, der ikke har dansk som modersmål, kender måske ikke reglen. Brugere, der scroller hurtigt, overser måske et lille symbol helt.
Løsningen er mærkning i lag. Du skal bruge stjernen, ordet "obligatorisk", og begge skal være synlige og tydelige i koden.
Brug en stjerne, og sæt ordet obligatorisk ved siden af
Undersøgelser viser, at en rød stjerne (*) sammen med teksten "obligatorisk" i feltnavnet fjerner forvirring. Stjernen fanger øjet. Ordet "obligatorisk" bekræfter, hvad den betyder. Sammen virker de for seende brugere, brugere af skærmlæsere og folk med kognitive vanskeligheder.
Prøv E-mailadresse * (obligatorisk) eller Telefonnummer * efterfulgt af en tekst, der siger "Felter markeret med stjerne er obligatoriske." Det format virker godt.
Tilføj en forklaring af, hvad obligatorisk betyder
Før formularens felter begynder, så tilføj én enkel linje med "* = obligatorisk felt" eller "Felter markeret med en stjerne (*) er obligatoriske." Den sætning er kort og fjerner behovet for, at brugerne selv tolker symbolet.
Kombinér det med HTML-attributter i koden. Tilføj required eller aria-required="true" til hvert obligatorisk inputfelt. Det fortæller browseren og skærmlæseren, at feltet er obligatorisk, uden at det kun hviler på det visuelle design.
Farven betyder mindre end kontrast og placering
Røde stjerner er almindelige, men det egentlige spørgsmål er kontrast. Hvis din stjerne er svag grå eller smelter ind i feltnavnet, overser brugere med nedsat syn den. Gør stjernen fed, og sørg for stærk kontrast til baggrunden.
Placeringen betyder også noget. Sæt stjernen lige efter teksten i feltnavnet, ikke svævende for sig selv. Så hænger signalet om "obligatorisk" visuelt sammen med feltets navn og kan skimmes fra venstre mod højre.
Hvornår det er bedre at skjule valgfrie felter end at markere dem
Nogle formularer har gavn af en anden metode, der hedder gradvis visning. Skjul valgfrie felter, til de bliver relevante. Det virker, når din formular har en tydelig hovedvej, og valgfrie felter kun gælder for nogle brugere.
Tag en bookingformular. "Firmanavn" kan være obligatorisk for erhvervskunder, men valgfrit for privatpersoner. I stedet for at markere det valgfrit og fylde op på hovedvejen kan du kun vise det, når brugeren vælger "bookingtype" som "erhverv". De ser aldrig feltet, medmindre det gælder dem.
Gradvis visning får formularer til at føles kortere
Formularer, der skjuler valgfrie felter, til de er nødvendige, konverterer bedre end formularer, der viser alt på forhånd. Grunden er opfattelsen. En formular, der viser 12 felter (selv hvis 3 er valgfrie), føles længere end en formular, der viser 9 felter og afslører 3 flere ud fra brugerens svar.
Betinget logik viser felter ud fra tidligere svar
Moderne formularbyggere understøtter det direkte. Når en bruger vælger en bestemt mulighed, dukker et nyt felt op. Når vedkommende ændrer valget, forsvinder feltet. Formularen tilpasser sig deres behov i realtid.
Her gør WEMASY's betingede logik en forskel. Du kan sætte regler som "hvis branchen er sundhed, vis et felt til oplysninger om overholdelse af regler" eller "hvis budgettet er under $1000, vis betalingsmuligheder til små planer". Brugeren ser kun de spørgsmål, der betyder noget for dem.
Betinget obligatoriske felter: kun obligatoriske, når det giver mening
Avanceret formulardesign tager det et skridt videre. Nogle felter er valgfrie som udgangspunkt, men bliver obligatoriske ud fra brugerens tidligere svar. Det er det rette punkt mellem dataindsamling og brugeroplevelse.
Forestil dig, at "Fortæl os om dit brand" er valgfrit i en gratis tilmelding. Men hvis brugeren vælger "Jeg ejer et brand" i en rullemenu, bliver det samme felt obligatorisk. Formularen ændrer kravet undervejs.
Vis skiftet tydeligt
Når et felt skifter fra valgfrit til obligatorisk, skal brugeren vide det. Det bedste er at tilføje stjernen og teksten "(obligatorisk)" med det samme, når feltet bliver obligatorisk. Nogle formularbyggere fremhæver skiftet med en diskret animation eller et skift i farve. Det viser, at noget har ændret sig, uden at det er forstyrrende.
Fejl, der stille ødelægger din gennemførelse
Selv med de rette regler på plads lægger små fejl sig oven på frafaldet. Pas på disse.
Blanding af symboler uden forklaring
Hvis du bruger stjerne på nogle felter og teksten "(obligatorisk)" på andre, skaber det forvirring. Vælg én metode, og hold fast i den. Ensartethed i hele dit brand betyder mere end, hvilket symbol du vælger.
Valgfrie felter markeret som obligatoriske ved en fejl
Det sker ofte i formularer, der er flyttet fra gamle systemer, eller når kravene ændres midt i et projekt. Et felt er mærket valgfrit, men bagenden kræver det, eller omvendt. Brugere udfylder et felt, de troede var valgfrit, sender formularen og får en fejl. De giver op.
At skjule oplysninger, brugerne skal se
Gradvis visning virker, når det skjulte felt virkelig er valgfrit eller virkelig betinget. Det slår tilbage, når du skjuler obligatoriske felter bag kompliceret logik. Hvis et felt er nødvendigt, så vis det. Få ikke brugerne til at undre sig over, om de skal udfylde det.
Stjerner uden forklarende tekst
En stjerne alene er et mysterium for folk, der aldrig har set den regel. Uden en forklaring springer nogle brugere feltet over i den tro, at det er valgfrit. Tilføj forklaringen. Én linje øverst. Fem ord. Den forebygger frafald.
At ændre kravet midt i formularen
Hvis et felt er obligatorisk, så lad det forblive det. Hvis du senere skal gøre det valgfrit på grund af ændrede behov hos brandet, så gennemgå det hele. Ændr ikke stille et felt fra obligatorisk til valgfrit og håb, at ingen lægger mærke til det. Brugerne gør, og de bliver forvirrede.
Sådan hjælper WEMASY med obligatoriske og valgfrie felter
WEMASY's formularbygger giver dig fuld kontrol over krav til felter uden at røre kode. Sæt ethvert felt som obligatorisk eller valgfrit i editoren. Tilføj betinget logik, der kun gør et felt obligatorisk, når bestemte betingelser er opfyldt. Tilføj egne forklaringer, der beskriver dine symboler for obligatoriske felter.
Du kan også se data i realtid om, hvilke felter der skaber mest frafald. Hvis et bestemt valgfrit felt sænker din konvertering, kan du skjule det med gradvis visning. Hvis brugere er forvirrede over et obligatorisk felt, kan du skifte til kun at markere valgfrie felter og se, hvilken metode der konverterer bedst.