Richtlijnen NL Design System voor meerdere stappen in een formulier

Bestaat een formulier uit veel vragen, dan kan het gebruiksvriendelijk en overzichtelijk zijn om het formulier in meerdere stappen op te delen, of om een vraag per stap te stellen.

Of je een meerstappenformulier gebruikt hangt af van de hoeveelheid en de complexiteit van de vragen die je de bezoekers wilt stellen. Doe vooraf gebruikersonderzoek voordat je beslist een formulier in meerdere stappen op te delen. Adam Silver beschrijft zijn overwegingen in Better Form Design: One Thing Per Page (Case Study).

Overzicht richtlijnen

Voortgang stappen tonen

Richtlijnen over aangeven hoeveel stappen er zijn en waar de gebruiker zich bevindt.

Plaatsing voortgang stappen

Richtlijnen over positie van de formulier voortgang.

Consistente navigatie

Richtlijnen over consistente benaming van navigatie, links en buttons.

Samenvatting in laatste stap

Richtlijnen over opsomming als laatste stap.

Duidelijk aangeven verzenden

Richtlijnen over duidelijk aangeven wanneer een formulier wordt verzonden.

Deze documentatie heeft nu een eigen pagina

Geef aan hoeveel stappen er zijn en in welke stap de gebruiker zich bevindt.

Plaats de informatie over waar de gebruiker is in de stappen boven het formulier.

Zorg voor een consistente navigatie en benaming van links en buttons.

Bied als laatste stap een opsomming aan van alle ingevoerde gegevens.

Geef duidelijk aan wanneer het formulier verzonden gaat worden.

Over deze richtlijnen

Deze richtlijnen worden onderhouden door het NL Design System en zijn op dit moment in beta.

We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Deel je mening op GitHub met je suggesties.