Richtlijnen gebruiksvriendelijk online formulier

Nieuwsbrief januari 2006

Computers moeten ons leven makkelijker maken. In de praktijk zorgt het invullen van een online formulier echter vaak voor onnodige frustratie. In het ergste geval verlaten gebruikers de site zonder het formulier helemaal in te vullen. Ontwerpers kunnen het gebruikers gemakkelijker maken door zich in hun schoenen te verplaatsen. Het geven van heldere aanwijzingen en het door de computer later uitzoeken van kleinigheden zijn enkele voorbeelden. Hieronder staan enkele richtlijnen voor een gebruikersvriendelijk online formulier.

Gebruik de juiste optie voor de taak

Radiobuttons zijn bedoeld voor meerdere opties die elkaar uitsluiten en waar er slechts één mogelijk is. Als er veel opties zijn (meer dan vijf) kan een pulldown-menu worden overwogen om ruimte te besparen. Checkboxen moeten worden gebruikt als er meerdere of juist geen opties kunnen worden gekozen. Een enkele checkbox is bedoeld voor het aan of uitzetten van een optie. Voorkom het gebruik van een ‘multi-select’ box, waarin meerdere opties kunnen worden geselecteerd, omdat deze gegarandeerd voor problemen zorgen. Een lange lijst met checkboxen kan overzichtelijk worden gemaakt met categorieaanduidingen.

Geef tekst de ruimte

Zorg ervoor dat tekstvelden en tekstvlakken voldoende invoer toe staan. Bij tekstvlakken moeten gebruikers hun tekst gemakkelijk kunnen intypen en nalezen (minimaal 50 karakters breed en 10 lang).

Maak formulier zo kort mogelijk

Begin met de vragen ‘Is deze informatie waardevol?’ en ‘Is deze informatie zo waardevol dat het de toegang tot de rest van het formulier blokkeert als het niet wordt opgegeven?’. Verspil de tijd van de gebruiker zo weinig mogelijk met nutteloze vragen.

Geef duidelijk aan wat verplichte velden zijn

Met een asterisk (*) of de aanduiding ‘(verplicht)’ kunnen verplichte velden worden aangeduid. Gebruik geen afwijkend lettertype (vet of kleur) en vooral niet rode tekst om deze velden aan te geven. Rode tekst wordt geassocieerd met foutmeldingen.

Plaats duidelijke aanduidingen bij velden

Veldnamen moeten duidelijk maar bondig zijn. Plaats instructies die betrekking hebben op een specifiek item altijd direct bij het veld.

Laat de computer, niet de gebruiker, invoer in het gewenste format zetten

Opvallend veel problemen ontstaan wanneer gebruikers informatie op een specifieke manier moeten invoeren. De meest beruchte voorbeelden zijn telefoonnummers en postcodes. Er zijn diverse manieren waarop mensen telefoonnummers opschrijven: ‘030-6663209’, ‘(030) 666 32 09’, ‘(030)-6663 209’ etc. Het gewenste format is meestal een reeks cijfers ‘0306663209’. Vaak geeft de site een foutmelding na een verkeerde invoerwijze. Er zijn ook formulieren waarbij meerdere velden worden gebruikt (bijv. postcodes) waarbij de cursor automatisch naar het volgende veld springt. Typefouten zijn dan lastig te herstellen omdat backspace niet werkt of de cursus niet in het veld te plaatsen is. Laat gebruikers vrij in het invullen van gegevens en zorg ervoor dat de computer deze verwerkt met wat eenvoudig programmeerwerk.

Gebruik informatieve foutmeldingen.

Zorg ervoor dat foutmeldingen in vriendelijke bewoordingen het probleem duidelijk maken. Ook dienen zij aan te geven wat gebruikers moeten doen om de fouten te corrigeren. Om te voorkomen dat gebruikers moeten zoeken welke velden moeten worden verbeterd kan een achtergrondkleur worden gebruikt. Ook kunnen alle juiste velden worden verborgen.

Stuur gebruikers niet terug naar een gewijzigd formulier.

Het komt regelmatig voor dat gegevens opnieuw moet worden ingevuld als er een fout wordt gemaakt of een gebruikersnaam is gekozen die al bestaat. Checkboxen voor marketing nieuwsbrieven en algemene voorwaarden staan bijvoorbeeld weer op de oude instelling. Dit is onnodig en vervelend voor gebruikers.

Bron:


Inhoud:

  1. Richtlijnen gebruiksvriendelijk online formulier
  2. Usability prioriteiten van gebruikers met handicap
  3. Content structureren
  4. Interessante usability bevindingen
  5. Meer dan één miljard internetgebruikers
  6. Informatiestress
  7. Kort Nieuws - Kort Nieuws - Kort Nieuws
  8. Individuele deelname aan workshops usability