Meerstappenformulier

Het kan moeilijk zijn voor mensen om een lang formulier in te vullen. Een eenvoudige manier om het gemakkelijker te maken, is door het formulier in stukjes op te delen. Elk stuk wordt op een aparte pagina weergegeven.

Schematische weergave van een meerstappenformulier

Doel

Het doel achter het verdelen van een formulier in meerdere stappen (of pagina's) is om niet te veel informatie tegelijk te tonen. Dit heeft een paar voordelen:

Kortere stappen zijn makkelijker en sneller in te vullen.
Het maakt elke stap minder overweldigend, waardoor mensen worden aangemoedigd om het hele formulier in te vullen.
Minder elementen per stap maken het eenvoudiger om formulieren te maken die goed werken op verschillende schermformaten.
Gebruikers maken minder fouten en eventuele fouten zijn makkelijker te verbeteren.

Maar, het gebruik van meerdere stappen heeft ook nadelen. Het kan het invullen van het formulier wat langer maken, omdat gebruikers meer moeten klikken en scrollen. Daarom is het belangrijk om goed te overwegen wanneer het handig is om formulieren in stappen op te knippen en wanneer niet. Hier zijn een paar richtlijnen om te beslissen of dit de juiste aanpak is voor jouw project.

Wanneer kies je voor een meerstappenformulier?

Wanneer een formulier in logische stukken kan worden opgeknipt, zoals 'Aanvraag', 'Inloggen, 'Contactgegevens' en 'Controleren.
Als een formulier erg lang is. Wat onder 'erg lang' kan worden verstaan is uiteraard afhankelijk van de context. Over het algemeen kun je een formulier als erg lang beschouwen wanneer de gebruiker bij een desktopscherm moet scrollen om alle invulvelden te zien.
Als uit onderzoek blijkt dat men vaak fouten maakt bij het invullen van het formulier. Dan kun je invulvelden van meer informatie voorzien zonder dat het overweldigend over komt. Daarnaast kan men eventuele fouten sneller verbeteren.

Wanneer kies je niet voor een meerstappenformulier?

Als het formulier niet lang is, is het waarschijnlijk niet nodig om het in meerdere stappen op te knippen. Dit maakt het invullen wellicht onnodig ingewikkeld. Wat onder 'niet lang' kan worden verstaan is uiteraard afhankelijk van de context. Over het algemeen kun je een formulier als niet lang beschouwen wanneer de gebruiker bij een desktopscherm niet hoeft te scrollen om alle invulvelden te zien.
Als gebruikers informatie moeten vergelijken of verplaatsen tussen verschillende stappen van het formulier.
Als je niet weet in welke volgorde mensen het formulier gaan invullen.

Onderdelen van een meerstappenformulier

Een meerstappenformulier bestaat vaak uit de volgende templates en patronen:

Templates:

Patronen:

Gerelateerde richtlijnen van het NL Design System

Het NL Design System geeft richtlijnen voor formulieren. Hierbij zijn we uitgegaan van toegankelijkheid, gebruikersvriendelijkheid en consistentie, ondersteund door gebruikersonderzoek.

Help deze documentatie te verbeteren

Om ervoor te zorgen dat deze documentatie nuttig, relevant en up-to-date is, kun je een wijziging voorstellen via Github.

Vragen

Heb je een vraag? Twijfel niet en neem contact op met het kernteam.