Gedaan met laden. U bevindt zich op: 1-kolom opstelling Formulieren

1-kolom opstelling

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

Voor formulieren hanteren we liefst een 1-kolom opstelling, dit om verschillende redenen zoals eenvoudige navigatie, optimale vertaalslag naar mobiele apparaten en een verbeterde toegankelijkheid.

Eenvoudige navigatie voor de gebruiker

Een één-kolom lay-out zorgt ervoor dat gebruikers de inputvelden in een logische volgorde en zonder afleiding kunnen doorlopen. Omdat alle velden zich in een verticale lijn bevinden, hoeven gebruikers hun zicht en aandacht niet van links naar rechts te verplaatsen. Dit maakt het proces overzichtelijker en gemakkelijker te volgen

Mobiele optimalisatie

In een mobiele context is een één-kolom opstelling veel geschikter omdat schermen smaller zijn en gebruikers gewend zijn verticaal te scrollen. Bij een enkelvoudige kolom hoeft de lay-out niet aangepast te worden voor mobiele apparaten, wat de implementatie eenvoudiger maakt en zorgt voor een consistente gebruikerservaring.

Verbeterde toegankelijkheid

Een lineaire één-kolom opstelling maakt het formulier beter toegankelijk voor gebruikers die met hun toetsenbord navigeren. Bij gebruik van de tab-toets kunnen deze gebruikers soepel van het ene veld naar het volgende veld springen zonder dat zij onverwacht van richting hoeven te veranderen. Hierdoor wordt het formulier sneller en efficiënter doorlopen.

Don't

Formulier opsplitsen in meerdere kolommen waardoor de leeslijn van de gebruiker gaat zigzaggen

Do

Plaats velden onder elkaar in 1 kolom, zodat de leeslijn van de gebruiker in 1 rechte lijn van boven naar onder gaat.