Formulier optimalisatie: Uitlijnen voor gebruiksvriendelijkheid

De momenten waarop een websitebezoeker een formulier voor zich ziet zijn voor veel websites bepalend voor het (commerciele) succes van de website. Of je nu een webwinkel, een leadgeneratie website, of een informatieve website hebt, aan het gebruik van formulieren door websitegebruikers hangt vaak een belangrijk doel of conversiepunt.
Een formulier moet dus eenvoudig in te vullen zijn. Hoe sneller en intuitiever een gebruiker een formulier kan invullen, des te groter is de kans dat de gebruiker het formulier volledig afrond en het vervolgens verstuurd. Met een juiste uitlijning van formulierlabels neemt de gebruiksvriendelijkheid toe. Onderstaand de drie opties voor formulier uitlijning die ingezet kunnen worden op een rijtje.

Labels boven de velden plaatsen

Deze optie zorgt ervoor dat de beschrijving boven het gerelateerde invulveld wordt geplaatst. Dit is een uitstekende manier om een formulier in te laten vullen.  Deze verticale uitlijning heeft de volgende kenmerken:

• Formulieren waarvan alle invulvelden regelmatig op andere websites gevraagd worden, zoals NAW gegevens, zijn hiervoor uitermate geschikt;
• Het formulier is sneller in te vullen;
• Je hebt meer verticale ruimte nodig om de velden en labels onder elkaar te zetten. Voor lange formulieren is deze opzet dus minder geschikt;
• Er moet voldoende ruimte tussen de invulvelden geplaatst worden;
• Het contrast tussen velden en labels moet duidelijk zijn.

Rechts uitlijnen van formulieren labels

Door labels op formulieren rechts uit te lijnen, naast de invulvelden, zal het formulier een heel ander uiterlijk krijgen. Deze manier van formulieren design wordt regelmatig toegpast. Onderstaand enkele kenmerken en factoren die je bij deze opmaak moet onthouden:

• Er is een hele duidelijke relatie tussen het label en het veld (ze staan dicht bij elkaar);
• Er is minder verticale ruimte nodig, waardoor deze opmaak geschikt is voor lange formulieren met veel invulvelden;
• Het is lastiger om het formulier scannend te lezen bij uitlijning naar links;
• Het formulier kan snel ingevuld worden.

Links uitlijnen van velden

Wanneer de labels links worden uitgelijnd heeft dit vaak grote gevolgen voor de gebruiksvriendelijkheid van het formulier. Met name wanneer de labels soms heel lang en andere keren kort zijn, kan het formulier een heel ander uiterlijk krijgen. Bij een formulier dat links uitgelijnde labels heeft moet je de volgende factoren in acht nemen:

• Dit type label is uitstekendte lezen. Vaak veel beter dan wanneer de labels rechts zijn uitgelijnd;
• De labels kunnen sneller scannend gelezen worden;
• Met name voor minder  gebruikte vragen in formulieren is links uitlijnen de beste optie;
• Er wordt net als bij rechts uitlijnen minder verticale ruimte gebruikt, waardoor links uitlijnen een goede optie is voor lange formulieren;
• De relatie tussen het label en het invulveld is minder eenvoudig te maken, aangezien er soms een grotere afstand tussen de twee kan bestaan;

Conclusie

Per formulier moet er beoordeeld worden welke vorm van uitlijning het beste zal werken. Met name de complexiteit van vragen en de lengte van het formulier zijn hierbij belangrijke afwegingen. Goede formulieren worden sneller ingevuld door gebruikers en leiden dus tot hogere conversie ratio’s. Door in het einde van de funnel goed te optimaliseren kun je geïnteresseerde website bezoekers net over de streep trekken om tot een conversie over te gaan. Het is dus een uitstekende plek om te optimaliseren. Voor meer informatie over formulier optimalisatie raad ik je aan om het boek van Luke Wroblewski te lezen: Web Form Design: Filling in the Blanks.