Skip to main content
DJUST webdesign en advies logo
  • Home
  • Wat we doen
  • Wie we zijn
  • Portfolio
  • Blog
  • Contact
Blog
Blog

door Bas Holtzer op 27-04-2006

#8 Gebruikersvriendelijke formulieren

Een webformulier is het sluitstuk van persuasief webontwerp. Als bezoekers bereid zijn een formulier in te vullen, zijn ze klaar om een transactie aan te gaan. Deze moet niet worden gefrustreerd door onnodig lange, onduidelijke en veeleisende formulieren. Het moet beter: uit onderzoek blijkt dat meer dan de helft van de sitebezoekers tijdens het invullen van een (bestel)formulier alsnog afhaakt en ergens anders hun heil gaan zoeken. Door het in acht nemen van een aantal spelregels kun je formulieren ontwerpen die mensen met plezier en vertrouwen invullen.

Het ontwerpen van webformulieren vereist grote zorg. Aandacht moet worden besteed aan tenminste vier onderwerpen: 1. De plaats van het formulier in de site Wat vraag je hoe, wanneer en waarom? Bedenk dat hoe je iets vraagt net zo belangrijk is als wat je vraagt. Hier wat spelregels:

  • Vaak worden formulieren gebruikt om ‘interessante informatie’ over mogelijke klanten te achterhalen: niet doen. Laat niet de verkoop- of marketingafdeling bepalen hoe een registratieformulier eruit ziet. Vraag gebruikers alleen het hoognodige en val ze niet lastig met onzinnige en onnodige vragen die uiteindelijk alleen maar irriteren.
  • Stel zo min mogelijk vragen die aan de privacy van de gebruikers raken, en – als het toch nodig is – leg gebruikers uit waarom een antwoord nodig is;
  • Dat geldt ook voor verplichte vragen: geef duidelijk aan welke vragen verplicht zijn en leg uit waarom juist die informatie essentieel is;
  • Verstop niet een belangrijk deel van je site achter een registratieformulier. Laat bezoekers kijken en bestellen zonder eerst deze hindernis te moeten nemen. Pas bij het afrekenen is het zinvol om te registreren, maar dan is het voor iedereen begrijpelijk.
  • Registratie is een ruil: gebruikers geven je hun (waardevolle) persoonlijke informatie – geef er dus iets waardevols voor terug;
  • Maak registratie verleidelijk door een goede opbouw. Is privacygevoelige informatie vereist, dan zijn bezoekers sneller bereid om deze te geven nadat ze een aantal triviale vragen hebben beantwoord en zich betrokken zijn gaan voelen bij de transactie.
  • Als bijzondere informatie nodig is (registratienummers, e.d.), vertel dat dan van te voren zodat men die bij de hand heeft.

2. Indeling en opbouw van het formulier Voor ontwerpers is het een uitdaging een formulier zo in te delen dat verwante soorten informatie bij elkaar horen, dat er een opbouw in de vragen zit en de actiebuttons ook echt worden gebruikt. Wat aandachtspunten:

  • Een formulier moet een logische, begrijpelijke opbouw hebben waar mensen als vanzelf doorheen gaan. Splits lange formulieren op in zinvolle segmenten en laat de gebruiker altijd weten waar hij/zij zich bevindt in de procedure;
  • Gelijksoortige informatie kan door subtiel gebruik van visuele elementen (lijnen, achtergrondvlakken) ook visueel worden samengevoegd. Belangrijkste vuistregel: als het niet helpt, schaadt het.
  • Worden bekende, eenvoudige dingen gevraagd, dan blijkt een verticale vraag-antwoordindeling beter te werken; bij onbekende of gecompliceerde dingen is een horizontale verdeling beter.
  • Speciale aandacht gaat uit naar de call to actions: de verstuur-, bestel- of bewaarknoppen. Die moeten er uitspringen en als zodanig herkenbaar zijn. Let ook op de verdeling of volgorde tussen primaire en secundaire actie.
  • Gebruik nooit een "reset"-knop! Wie wil nu het risico lopen om in één keer alles te wissen wat er is ingevuld?

3. Afhandeling en foutmeldingen Veel mensen zijn gespannen en voelen zich onveilig bij het invullen van formulieren; zeker waar ze persoonlijke informatie moeten geven. Onbegrijpelijke foutmeldingen zorgen dan voor veel ergernis en verwarring en zijn de belangrijkste reden dat mensen afhaken. Hier wat tips om het gemakkelijker te maken:

  • Regel 1: voorkom dat gebruikers zich ergeren of zich onzeker, onhandig of gespannen gaan voelen – het jaagt ze alleen maar weg. Hoe meer controle mensen kunnen uitoefenen, des te plezieriger en veiliger ze zichzelf voelen.
  • Ondersteuning en feedback op het juiste moment kunnen gebruikers helpen om met vertrouwen een formulier in te vullen.
  • Als er een fout optreedt, zorg voor begrijpelijke foutmeldingen en een soepele foutafhandeling. Geef de gebruiker niet het gevoel dat ze dom zijn. Laat ze niet het hele formulier weer invullen en toon welke velden niet of foutief zijn ingevuld; geef door suggesties aan wat het goede antwoord zou kunnen zijn.
  • Wees ook soepel bij wat mensen mogen invullen: dwing de gebruiker niet om alleen informatie in te voeren precies zoals jouw systeem het wil.
  • Stuur, als een formulier is verstuurd, per omgaande een bevestigingsmail of toon een scherm met een mededeling dat het formulier goed is aangekomen. Niets is zo ergerlijk als een formulier waarvan men niet weet of het is aangekomen.

4. Visueel ontwerp Veel websites beschouwen een formulier als een officiëel, formeel deel in de site. Dit is een inschattingsfout: ook een formulier maakt deel uit van de sfeer en het gevoel van de site. Maak gebruik van opmaak en beeldmateriaal zodat bezoekers niet de indruk krijgen dat ze opeens zijn terechtgekomen in een computerprogramma uit 1990. Creëer een plek waar mensen zich thuis en veilig voelen, zodat ze met een gerust hart hun gegevens invullen. Conclusie Bedenk dat het invullen van een formulier zelden een doel in zichzelf is. Het doel is om de gebruiker uit te nodigen tot een diepgaander relatie. Een formulier is het vehikel om deze relatie te starten, niet om mensen mee weg te jagen. Meer info Deze artikelen helpen je op weg:

  • Style Web Forms Using CSS
  • Web Application Form Design
  • Sensible Forms: A Form Usability Checklist
  • All about forms
  • Form Usability
  • Forms and dynamic sites
  • Forms, usability, and the W3C DOM
  • 7 Steps to Useable Forms
  • Nielsen Norman Group Report
  • E-commerce User Experience: Design Guidelines for Shopping Carts, Checkout, and Registration
  • Forms that Work
  • Usable Forms (for an international audience)
  • Usability
  • UX Design

Reacties

Nieuwe reactie inzenden

Door gebruik van dit formulier accepteert u Mollom's privacybeleid.

Wil je ook een beter online resultaat?

Bel (026) 370 00 20
Of stuur ons een bericht met
jouw vraag of reactie.

Oh ja, de info met een sterretje (*)
hebben we écht van je nodig.

Door gebruik van dit formulier accepteert u Mollom's privacybeleid.

Wat we doen

  • User experience design
  • Usability advies en onderzoek
  • Internet strategie

 

 

Downloads

  • Elementen van Gebruikerservaring
  • Het Djust-model van websiteverbetering
  • Checklist e-mail marketing

 

 

© 2010 DJUST  |  Privacy statement

 

Klanten en projecten

  • Spectrum CMO Gelderland
  • Hogeschool Utrecht
  • Belasting Samenwerking Rivierenland (BSR)
  • Nederlands Jeugdinstituut (NJi)
  • Gemeente Duiven
  • Rijnstad
  • De Spelerij
  • Portaal
  • Klimaatverbond
  • Lectric Internetopleidingen

 

 

Contact

Djust webdesign en advies
Kleine Oord 79
6811 HZ Arnhem
telefoon +31 (0) 26 370 00 20
e-mail info@djust.nl

Routebeschrijving

 

 

Lidmaatschappen