Richtlijnen voor formulieren
Status: In ontwikkeling
Een goed ontworpen formulier is een efficiënte manier van informatie overbrengen en kan zowel de verzender als ontvanger tijd, frustratie en kosten besparen.
Een formulier past binnen een bredere context en proces van de gebruiker. Een gebruiker komt niet voor een formulier naar jouw website, maar wat zich aan de andere kant hiervan bevindt; bijvoorbeeld een antwoord op een vraag, een besteld product of een ingelogde staat. Een formulier vormt een barrière tussen gebruikers en hun doel, het moet daarom zo duidelijk en simpel mogelijk zijn dit doel te bereiken.
Bij iedere stap in het maken van een formulier dien je altijd de doelgroep maar ook het doel van het formulier voor ogen te houden.
Verschillende disciplines zijn nodig om een duidelijk en succesvol formulier te maken; o.a. tekstschrijvers, ontwerpers, ontwikkelaars en wetsanalysten. Zorg dat deze rollen tijdens alle relavante stadia van het ontwikkel proces van een formulier betrokken zijn.
Checklist
1. Bereid een formulier voor
- Formuleer de vragen die je aan een gebruiker wilt stellen.
- Inventariseer of informatie al beschikbaar is.
- Stel alleen noodzakelijke vragen.
- Zorg ervoor dat bepaalde vragen gesteld mogen worden.
- Inventariseer of bepaalde informatie vragen in het formulier wijzigt.
- Combineer en groepeer vragen waar nodig.
- Maak de functie van het formulier direct duidelijk.
- Maak de relevantie van het formulier zo snel mogelijk duidelijk voor de gebruiker.
- Leg uit wat nodig is om het formulier succesvol in te vullen.
- Laat op voorhand weten wanneer een tijdslimiet van toepassing is.
- Breek waar nodig het formulier op in meerdere stappen.
2. Biedt een duidelijke vormgeving, opbouw en structuur
- Vermijd zoveel mogelijk visuele afleiding.
- Vermijd lange stukken tekst.
- Laat gebruikers makkelijk een formulier scannen.
- Zorg dat het antwoord in het invoerveld past.
- Toon duidelijk relaties tussen verschillende formulier elementen.
- Zorg ervoor dat pagina en velden niet onverwacht verspringen.
3. Zorg dat iedereen het formulier kan gebruiken
4. Maak vragen zo duidelijk, en beantwoorden zo makkelijk mogelijk
- Zorg voor duidelijk taalgebruik.
- Houd vragen kort en concreet.
- Vermijd moeilijke, ongebruikelijke en officiële termen.
- Laat duidelijk weten wat de noodzaak is van privacygevoelige informatie.
- Maak gebruik van het juiste invoerelement.
- Vermijd open invoervelden en dropdown menu’s.
- Laat bij meerkeuzevragen waar mogelijk alle antwoorden zien.
- Combineer invoervelden, gebruik één veld voor antwoorden die als geheel worden gezien.
- Vul vooraf bekende informatie in en zorg dat deze waar nodig te wijzigen is.
5. Biedt waar nodig hulp
- Biedt bij moeilijke vragen extra uitleg of voorzie deze van voorbeelden.
- Geef een duidelijk voorbeeld als een bepaalde vorm vereist is.
- Zorg voor de mogelijkheid om tussentijds te stoppen en later verder te gaan.
- Zorg dat een gebruiker ten alle tijden contact met jouw organisatie kan opnemen.
6. Wachtindicatie
- ‘Skeleton loading’
- Gebruik een laad component wanneer invoer wordt opgeslagen
- ‘Progressive loading’: volgorde van het laden van elementen
7. Validatie, foutpreventie en herstellen van fouten
- Accepteer antwoorden in verschillende vormen.
- Valideer op het juiste moment.
- Feedback is gemakkelijk op te merken en te begrijpen.
- Welke invoer valideren
8. Overzicht
9. Zorg voor een duidelijke afhandeling
- Zorg voor een duidelijke afsluiting aan het einde van het formulier.
- Geef aan dat het formulier verzonden is.
- Laat weten wanneer een gebuiker een reactie kan verwachten en/of wat de vervolgstappen zijn.