Formulieren en errors
Print
Deze lijst behandelt hoe web formulieren opgesteld zouden moeten worden en hoe er moet worden omgegaan met fouten als er iets mis gaat.
Waarom belangrijk:
Formulieren zijn een vaak gebruikte methode om bezoekers met je te laten communiceren, zoals het plaatsen van bestellingen. Als formulieren niet goed werken, bezoekers frustreren of andere belemmeringen veroorzaken, zal het aantal conversies en het aantal bezoekers dat met je contact wil opnemen dalen.
Aandachtspunten:
- Flexibele data invoer eisen
Wees flexibel in hoe informatie ingevoerd moet worden. Dwing bezoekers bijvoorbeeld niet om een streepje in het telefoonnummer te plaatsen.
- Tabs toestaan tussen velden
Zorg ervoor dat bezoekers van veld naar veld kunnen ‘tabben’ zodat ze hun muis zo min mogelijk hoeven te gebruiken.
Zorg ervoor dat de volgorde van het ‘tabben’ hetzelfde is als de volgorde van de velden op de pagina.
- Duidelijke veldlabels
Labels voor invoervelden dienen duidelijk te zijn zodat bezoekers weten welke informatie gevraagd wordt.
- Tekst label boven invoerveld
Plaats het label boven het in te vullen invoerveld, in plaats van ernaast.
- Alleen nodige informatie
Vraag niet om informatie die je eigenlijk niet nodig hebt om je klanten te helpen.
- Weinig instructies
Houd het aantal instructies laag. Gebruik ze alleen als het echt nodig is, de meeste bezoekers lezen ze toch niet.
- Instructies boven invoer veld
Als instructies nodig zijn, plaats ze dan boven het invoerveld, en niet eronder of ernaast.
- Vriendelijke foutmelding
Als de bezoeker een fout maakt, houd de foutmelding vriendelijk en beleefd.
Een foutmelding moet precies beschrijven hoe de bezoeker de fout kan herstellen.
Voorzie foutmeldingspagina’s van een link naar een andere pagina, waarop de bezoeker contact op kan nemen met de helpdesk of een medewerker.
Als er fouten zijn gemaakt, moet alle ingevulde informatie blijven staan zodat de bezoeker niet alles opnieuw hoeft in te vullen.
- Geef niet teveel keuzemogelijkheden
Teveel keuzemogelijkheden kunnen leiden tot onzekerheid, en dus tot het niet maken van een keuze.
- Toon verplichte velden tekstueel en visueel
Laat duidelijk zien welke velden wel en welke velden niet verplicht zijn.
- Vooruitgang bij meerdere pagina’s
Als je formulier meerdere pagina’s beslaat, toon dan de vooruitgang zodat je bezoekers kunnen zien waar ze zich in het proces bevinden en hoeveel ze nog moeten.
- Verwijder navigatie bij meerdere pagina’s
Als je formulier meerdere pagina’s beslaat, kan het slim zijn om de standaard navigatie te verwijderen op die pagina’s. Zo voorkom je dat een bezoeker tijdens het invulproces afdwaalt, en weer de website in navigeert.
- Link naar privacy informatie
Link naar pagina’s die het privacy beleid beschrijven.
- Ingevulde informatie bevestigen
Als alles is ingevuld, toon dan een scherm met alle ingevulde informatie, voordat het proces echt wordt beëindigd.
- Bevestiging/Bedankt pagina
Als het formulier is ingevuld, toon dan een pagina met de boodschap dat het formulier juist is ingevuld, en verstuurd is. Dit kan hetzelfde zijn als de bevestigingspagina.
- Plaats velden verticaal
Stapel invoer velden verticaal in plaats van naast elkaar. Alleen bij adresvelden (huisnummer, woonplaats) kunnen hiervoor uitzonderingen gemaakt worden.
- Goed gebruik van radio buttons/ check boxes
Gebruik radio buttons (keuzerondjes) alleen wanneer één enkele optie mogelijk is en aanvinkvakjes alleen wanneer meerdere keuzes mogelijk zijn.
- Hou “Verzenden” knop dicht bij de velden
De uiteindelijke “Verzenden” (of “Submit”) knop moet dicht bij de invoervelden geplaatst worden.
- Brede invoervelden
Hou invoervelden breed genoeg zodat er plaats genoeg is voor de in te voeren informatie, maar maak ze niet breder dan nodig.
- Geen “reset” of “cancel” knop
Vermijd het gebruik van reset- of annuleer knoppen. Deze kunnen per ongeluk worden aangeklikt worden en frustreren bezoekers.
- Autoaanvullen uit bij sommige velden
Zet de ‘automatisch aanvullen’ functie helemaal uit bij velden die niet automatisch ingevuld dienen te worden.
Verzendknoppen moeten duiden op een actie, zoals “Plaats bestelling”, “Ga naar”, etc.
