Opbouw van formulieren

Nieuwsbrief augustus 2006

Een goed formulier begint met een goede duidelijke link naar het formulier toe. Hoe beter de link precies beschrijft wat een gebruiker moet doen, hoe herkenbaarder het formulier overkomt en hoe waarschijnlijker het is dat een formulier wordt ingevuld.

De tweede vereiste is dat het formulier een goede titel heeft die nogmaals duidelijk beschrijft waarom de gebruiker het formulier invult.

Vervolgens moet duidelijk zijn hoe lang het formulier ongeveer is, zodat een gebruiker weet wat hem ongeveer te wachten staat en wat eventuele vervolgstappen zijn.

Uiteindelijk moet de gebruiker het formulier ook nog invullen. Matteo Penzo, van het onderzoeksbureau Uxmatters, heeft eyetrack onderzoek gedaan naar de plaats van labels (de beschrijving van wat er in een veld moet worden ingevuld). Het doel was te achterhalen wat de optimale plaats is zodat formulieren zo eenvoudig mogelijk kunnen worden ingevuld.

Formulieren worden het snelst ingevuld als het label boven het in te vullen veld staat. Gebruikers kunnen eenvoudig een rechte lijn naar beneden volgen als zij het formulier invullen. Het nadeel van deze plaats is dat een pagina of een formulier onnodig lang kan worden. Juist het gevoel dat een formulier erg lang is, kan een reden zijn om een formulier “toch maar niet” in te vullen. Daarom is het in sommige gevallen beter de label vóór het invulveld te plaatsen.

Uit het onderzoek is gebleken dat naar rechtsuitgelijnde labels voor een invulveld eenvoudiger werken dan naar links uitgelijnde velden. Daarnaast zijn vetgedrukte labels minder duidelijk voor de gebruikers dan normale tekst.

Uit onderzoek van 2C blijkt dat gebruikers het bijzonder op prijs stellen waneer een voorbeeld gegeven wordt van het in te vullen veld. Zo weten de gebruikers bijvoorbeeld dat een telefoonnummer wel of niet met een streepje moet worden geschreven. Een voorbeeld is dan duidelijker dan een beschrijving waarin staat “gebruik geen streepje”.

Bronnen:


Inhoud:

  1. Hyperlinks onderstrepen
  2. Usability van sitemaps
  3. Hyperlinks op de homepage
  4. Opbouw van formulieren
  5. Blind googelen
  6. Animaties en afbeeldingen in marketingwebsites
  7. Kort Nieuws - Kort Nieuws - Kort Nieuws
  8. 21 september 2006: Workshop usability