Gedaan met laden. U bevindt zich op: Hiërarchie creëren in een formulier Formulieren

Hiërarchie creëren in een formulier

De documentatie van het Design System is nog in bèta en wordt stapsgewijs aangevuld.

Om de leesbaarheid en de gebruiksvriendelijkheid van een formulier te garanderen, kan het helpen om er wat structuur in te krijgen door middel van hiërarchie.

Dit houdt volgende principes in:

  • Velden groeperen

    Veel inputvelden herleiden naar enkele groepen inputvelden zorgt voor een bepaald ritme. Dit maakt een formulier gebruiksvriendelijker, want makkelijker te scannen.
    Men dient er wel voor te zorgen dat gegroepeerde inputvelden een logische relatie hebben met elkaar.

  • Gebruik van titels, subtitels, etc.

    Groepen inputvelden kunnen een titel gebruiken om te verduidelijken dat het om een groep aan velden gaat, en wat die velden samen kunnen betekenen.

    Door middel van de juiste typografische stijl toe te passen (H2, H3,…) creëert men bovendien structuur en hiërarchie in het formulier.

  • Opdelen in stappen

    Afhankelijk van de totaal gevraagde input van de gebruiker, kan men ervoor kiezen de input op te delen in verschillende stappen. Per stap kan men in dat geval een aparte pagina voorzien.
    Ook hier dient men ervoor te zorgen dat gegroepeerde input in een stap een logische relatie hebben met elkaar. Idealiter kan je de stap dan ook benoemen.

    Bij het opdelen van een formulier in stappen zijn volgende punten belangrijk:

    • Benoem elke stap

    • Geef het totale aantal stappen weer

    • Geef weer in welke stap de gebruiker zich bevindt t.o.v. het totaal aantal stappen

    Meer info over dit patroon te vinden in progress bar + titel

Wees altijd kritisch met het opdelen in stappen

Soms is het opdelen in stappen onnodig, of kan men van 2 stappen 1 stap maken.
Stappen komen er vaak om een formulier ‘minder lang’ te maken, maar in de 
realiteit hebben gebruikers geen probleem met wat extra scrollen.