10 tips voor betere formulieren op het web

Nieuwsbrief augustus 2007

Bijna elke site heeft ze: webformulieren. Dit zijn de formulieren om een vraag te stellen, een bestelling te doen of een reactie achter te laten. 2C heeft de volgende 10 tips voor betere webformulieren opgesteld.

1. Plaats geen ‘wissen’ knop naast de ‘verzenden’ knop

Op veel websites is naast de ‘verzenden’-knop een ‘wissen’-knop aanwezig. De ‘wissen’-knop dient geen doel omdat mensen hun invoer gewoonlijk niet willen wissen. Als er in uitzonderlijke gevallen een wissenknop toch handig is kan deze het beste als tekstlink aan de bovenzijde van een formulier worden geplaatst.

2. Maak sommige velden verplicht

Formulieren zijn waardevol als de belangrijke invulvelden, zoals e-mailadres of telefoonnummer daadwerkelijk zijn ingevuld. Sommige velden moeten daarom worden ingevuld. Dit wil niet zeggen dat alle velden verplicht gesteld moeten. De gebruiker moet zich niet verplicht voelen om het hele formulier in te vullen. Het is namelijk nog altijd beter om een beetje informatie van de gebruiker te krijgen dan helemaal geen informatie.

3. Plaats de foutmelding in het formulier zelf

Foutmeldingen worden op websites op verschillende manieren weergegeven: ná het formulier op een nieuwe pagina, in een pop-up of in het formulier zelf. De laatste methode is de beste, de ingevoerde gegevens worden verwerkt via de server of direct in de browser. De foutmelding dient bij het betreffende invulveld te worden gegeven, dan is direct duidelijk welk veld foutief is ingevuld.

4. Geef een duidelijke foutmelding

Een goede foutmelding geeft aan wat de gebruiker moet doen om de fout te herstellen. Op sommige websites gaat dit fout en wordt alleen een melding als ‘u heeft nog niet alle verplichte velden ingevuld’ gegeven. Als de fout niet bij het betreffende veld geplaatst is moet ook worden beschreven op welk veld de fout betrekking heeft.

5. Maak formulieren ‘sticky’

Een van de grootste ergernissen bij gebruikers is dat reeds ingevoerde gegevens worden gewist na een foutmelding of als zij naar de vorige stap navigeren. Het is daarom van belang dat ingevoerde informatie blijft plakken in de invoervelden, in computertermen heet dit ‘sticky’. Als het formulier eenmaal is verzonden dient het formulier leeg te worden gemaakt.

6. Vraag alleen de informatie op die nodig is

Vaak wordt de gebruiker gevraagd veel persoonlijke gegevens in te voeren. Dit kan hen irriteren en kost bovendien tijd. Met elk veld wordt de drempel tot invullen voor de gebruiker verhoogd. Vraag daarom alleen die informatie die strikt noodzakelijk is.

7. Zorg voor een prettige en rustige lay-out

Zorg ervoor dat de gebruiker zo min mogelijk wordt afgeleid tijdens het invullen van het formulier. Het formulier moet een prettige en rustige lay-out hebben. Een formulier krijgt een goede focus door informatie en velden goed uit te lijnen, voldoende witruimte te bieden en de ruimte in de breedte te benutten.

8. Plaats toelichtingen zoveel mogelijk in de pagina

Het is gebruiksvriendelijk als de gebruiker niet hoeft te klikken om toelichtingen bij velden te kunnen lezen. Het lezen van een toelichting direct onder het invoerveld is makkelijker dan het aanklikken van een klein informatie-icoontje achter het invoerveld. De toelichting moet kort en bondig zijn, bij een langere toelichting is een pop-up beter. Toelichtingen moeten relevant zijn, uitleg over de schrijfwijze van een postcode is overbodig.

9. Gebruik radiobuttons in plaats van pulldown-menu

Een belangrijke usability richtlijn is dat informatie kan worden gelezen zonder dat een extra actie van de gebruiker nodig is. Daarom moet het gebruik van pulldown-menu’s zoveel mogelijk beperkt worden. Bij zeven keuzemogelijkheden of minder hebben radiobuttons de voorkeur, bij meer mogelijkheden is een pulldown-menu beter.

10. Rond het proces netjes af

Zorg dat u de communicatie met uw bezoeker netjes afrond en geef aan de gebruiker aan dat het formulier goed is ontvangen, wat er mee gedaan gaat worden en hoe lang dit duurt.

Bron:


Inhoud:

  1. Website 2C
  2. 10 tips voor betere formulieren op het web
  3. Hoe ervaart een gebruiker een homepage?
  4. Web 3.0: internet dat denkt en handelt als een mens?
  5. Nieuwe meetmethode bezoekers website
  6. Waarschuwing? Niet toepassen bij ongedaan maken
  7. Kort Nieuws - Kort Nieuws - Kort Nieuws
  8. 2C's online cardsort methodiek