Elk veld dat je aan een formulier toevoegt, is een keuze. Onderzoek laat zien dat elk extra verplicht veld het percentage voltooiingen met 10-15% verlaagt. Maar minder gegevens vragen betekent ook minder gegevens krijgen. De sleutel om de conversie te verhogen is niet om velden helemaal te schrappen. Het is om slim te kiezen welke velden je verplicht maakt, welke optioneel en welke je verbergt tot ze relevant worden.
Wat verplichte velden doen met conversiepercentages
Komt iemand op je formulier, dan scant hij het in seconden. Niet woord voor woord. Hij kijkt hoeveel velden er zijn, hoeveel hij moet scrollen en of de vragen redelijk voelen.
Verplichte velden sturen een signaal. Elk veld zegt: “dit heb ik van je nodig.” Twee of drie verplichte velden voelen te doen. Zeven verplichte velden voelen als een sollicitatie. Het verschil in afhaakpercentages is niet klein.
Neem elke webwinkel bij het afrekenen en je ziet dit in actie. Is het postcodeveld optioneel en het bezorgadres verplicht, dan blijven klanten. Zijn beide verplicht en niet duidelijk gemarkeerd, dan schiet het afhaken van winkelwagens omhoog. De psychologie is simpel. Onzekere bezoekers vertrekken.
De regel van de minderheid markeren: wanneer markeer je verplicht, wanneer optioneel
De meeste formulieren zijn onevenwichtig. Een contactformulier heeft misschien vijf verplichte velden en één optioneel. Een registratieformulier heeft misschien acht verplichte velden en twee optionele. In die gevallen kost het markeren van elk verplicht veld ruimte en denkinspanning.
De betere aanpak is alleen de minderheid te markeren. Is 80% van je velden verplicht, markeer dan alleen de optionele met het woord “(optioneel)” naast het label. Niet-gemarkeerde velden worden als verplicht gezien. Dat vermindert visuele rommel en laat het formulier korter voelen.
Kijk aan de andere kant naar complexe formulieren waarin verplichte velden verspreid staan. Verzekeringsaanvragen, leningformulieren en enquêtes over meerdere pagina’s hebben vaak verplichte en optionele velden door elkaar. Dan markeer je beide. Gebruik een sterretje (*) voor verplichte velden en “(optioneel)” voor optionele velden. Duidelijke labels winnen van impliciete afspraken.
De regel is eenvoudig. Markeer de minderheid, wat dat ook is.
Zo label je verplichte velden zodat mensen ze echt zien
Een sterretje alleen is niet genoeg. Gebruikers van schermlezers horen geen sterretje. Mensen die de taal niet als moedertaal spreken, herkennen de afspraak misschien niet. Gebruikers die snel scrollen, missen een klein symbool misschien helemaal.
De oplossing is gelaagd labelen. Je hebt het sterretje nodig, het woord “verplicht” en beide moeten zichtbaar en programmatisch duidelijk zijn.
Gebruik een sterretje en combineer het met het woord verplicht
Onderzoek laat zien dat een rood sterretje (*) in combinatie met de tekst “verplicht” in het label verwarring wegneemt. Het sterretje trekt het oog. Het woord “verplicht” bevestigt wat het betekent. Samen werken ze voor ziende gebruikers, gebruikers van schermlezers en mensen met cognitieve beperkingen.
Probeer E-mailadres * (Verplicht) of Telefoonnummer * gevolgd door tekst die zegt “Velden met een sterretje zijn verplicht.” Dit formaat werkt goed.
Voeg een legenda toe die uitlegt wat verplicht betekent
Zet voordat de formuliervelden beginnen één eenvoudige regel met “* = verplicht veld” of “Velden met een sterretje (*) zijn verplicht.” Deze zin kost een paar woorden en voorkomt dat gebruikers het symbool zelf moeten interpreteren.
Combineer dit met programmatische HTML-attributen. Voeg in je formuliercode required of aria-required="true" toe aan elk verplicht invoerveld. Dat vertelt de browser en schermlezer dat het veld verplicht is, zonder alleen op visueel ontwerp te vertrouwen.
Kleur telt minder dan contrast en positie
Rode sterretjes zijn gebruikelijk, maar het echte punt is contrast. Is je sterretje flets grijs of valt het weg in het label, dan missen gebruikers met een slecht zicht het. Maak het sterretje vet en zorg voor sterk contrast met de achtergrond.
Ook positie telt. Zet het sterretje direct na de labeltekst, niet los zwevend. Zo blijft het signaal “verplicht” visueel verbonden met de veldnaam en van links naar rechts te scannen.
Wanneer optionele velden verbergen beter is dan markeren
Sommige formulieren hebben baat bij een andere aanpak, progressieve onthulling. Verberg optionele velden tot ze relevant worden. Dit werkt als je formulier een duidelijk hoofdpad heeft en optionele velden maar voor bepaalde gebruikers gelden.
Neem een boekingsformulier. “Merknaam” is misschien verplicht voor zakelijke klanten maar optioneel voor particulieren. Markeer het niet als optioneel en vervuil zo het hoofdpad, maar toon het alleen nadat de gebruiker het “boekingstype” op “zakelijk” zet. Ze zien het veld nooit tenzij het voor hen geldt.
Progressieve onthulling laat formulieren korter voelen
Formulieren die optionele velden verbergen tot ze nodig zijn, converteren beter dan formulieren die alles vooraf tonen. De reden is beleving. Een formulier met 12 velden (ook als 3 optioneel zijn) voelt langer dan een formulier met 9 velden dat er 3 onthult op basis van de antwoorden van de gebruiker.
Voorwaardelijke logica onthult velden op basis van eerdere antwoorden
Moderne formulierbouwers ondersteunen dit standaard. Kiest een gebruiker een bepaalde optie, dan verschijnt er een nieuw veld. Wijzigt hij die optie, dan verdwijnt het veld. Het formulier past zich in realtime aan zijn behoeften aan.
Hier komt de voorwaardelijke logica van WEMASY tot zijn recht. Je stelt regels in als “als de branche zorg is, toon het veld voor naleving van zorgregels” of “als het budget onder $1000 ligt, toon betaalopties voor kleine abonnementen”. De gebruiker ziet alleen vragen die voor hem van belang zijn.
Voorwaardelijk verplichte velden: alleen verplicht als het zinvol is
Geavanceerd formulierontwerp gaat een stap verder. Sommige velden zijn standaard optioneel maar worden verplicht op basis van eerdere antwoorden van een gebruiker. Dit is het ideale punt tussen gegevens verzamelen en gebruikerservaring.
Stel dat “Vertel ons over je merk” optioneel is bij een gratis aanmelding. Maar kiest de gebruiker “Ik ben merkeigenaar” in een keuzelijst, dan wordt hetzelfde veld verplicht. Het formulier verandert de eis direct.
Toon de overgang duidelijk
Verandert een veld van optioneel in verplicht, dan moet de gebruiker het weten. De beste aanpak is het sterretje en het label “(Verplicht)” meteen toe te voegen zodra het veld verplicht wordt. Sommige formulierbouwers markeren de wijziging van het veld met een subtiele animatie of kleurverandering. Dat laat zien dat er iets veranderde zonder schokkend te zijn.
Fouten die ongemerkt je percentages voltooiingen verlagen
Ook met de juiste regels vergroten kleine fouten het afhaken. Let op deze.
Symbolen mengen zonder legenda
Een sterretje bij sommige velden en de tekst “(verplicht)” bij andere geeft verwarring. Kies één aanpak en houd je eraan. Consistentie in je hele merk telt zwaarder dan welk specifiek symbool je kiest.
Optionele velden per ongeluk als verplicht markeren
Dit komt vaak voor in formulieren die uit oude systemen zijn overgezet of als eisen halverwege een project veranderen. Een veld krijgt het label optioneel terwijl de achterkant het eist, of andersom. Gebruikers vullen een veld in dat ze optioneel dachten, verzenden het formulier en krijgen een fout. Ze haken af.
Informatie verbergen die gebruikers moeten zien
Progressieve onthulling werkt als het verborgen veld echt optioneel of echt voorwaardelijk is. Het werkt averechts als je verplichte velden achter complexe logica verbergt. Is een veld essentieel, toon het dan. Laat gebruikers zich niet afvragen of ze het moeten invullen.
Sterretjes gebruiken zonder uitleg
Een sterretje op zich is een raadsel voor mensen die die afspraak nooit zagen. Zonder legenda slaan sommige gebruikers het veld over omdat ze denken dat het optioneel is. Voeg de legenda toe. Eén regel bovenaan. Een paar woorden. Het voorkomt afhaken.
De verplichte status halverwege het formulier wijzigen
Is een veld verplicht, houd het dan verplicht. Moet je het later optioneel maken door veranderende behoeften van je merk, doe dan een volledige controle. Verander een veld niet stilletjes van verplicht naar optioneel in de hoop dat niemand het merkt. Gebruikers merken het wel en raken in de war.
Zo helpt WEMASY bij verplichte en optionele velden
De formulierbouwer van WEMASY geeft je volledige controle over veldeisen zonder code aan te raken. Stel elk veld in als verplicht of optioneel in de editor. Voeg voorwaardelijke logica toe die een veld alleen verplicht maakt als aan bepaalde voorwaarden is voldaan. Voeg eigen legenda’s toe om je symbolen voor verplichte velden uit te leggen.
Je ziet ook realtime data over welke velden het meeste afhaken veroorzaken. Vertraagt een bepaald optioneel veld je conversie, dan verberg je het met progressieve onthulling. Raken gebruikers in de war door een verplicht veld, dan schakel je over op het markeren van alleen optionele velden en zie je welke aanpak beter converteert.