CryptoNet Webontwikkeling en webdesign blog

Tips voor web 2.0 registratie formulieren

Een registratie formulier op je website moet er goed uitzien, maar moet vooral qua usability hoog scoren, het is tenslotte zowat de enigste plaats waar je je bezoeker toelaat een onderdeel te worden van je website. Een webformulier dat er onoverzichtelijk uitziet of teveel moeite en tijd vraagt om in te vullen, kan een gebruiker heel snel laten doorstromen naar de website van je naaste concurrent.

De term "web 2.0" wordt al geruime tijd snel in de mond genomen, maar let's face it, het gebruiksgemak dat voortvloeit uit web 2.0 formulieren laat gebruikers toch al sneller op de knop "registreer nu" klikken na enkele informatieve velden ingevuld te hebben. Laat ik hieronder een aantal tips neerpennen die ertoe kunnen leiden om je bezoeker tot een gebruiker te converteren:

• Persoonlijke gegevens die via Javascript kunnen gevalideerd worden, dient te gebeuren na verzenden of bij het invullen ("onChange" op velden zoals email, wachtwoord, ...)
• Velden die gevalideerd kunnen worden via AJAX (beschikbaarheid gebruikersnaam en emailadres) zijn mooi meegenomen
• Bij het verzenden dienen alle foutboodschappen overzichtelijk vermeld te worden, waarbij de aan te passen velden duidelijk afgelijnd worden. Laat de gebruiker dus in 1 stap al zijn fouten verbeteren, niet stap na stap
• Indien een invoerveld verplicht in te vullen is, dient dit duidelijk weergegeven te worden vlakbij het invoerveld
• Leg nadruk op het eerste foutief ingevulde veld, zodat de gebruiker onmiddellijk zijn fout(en) kan verbeteren
• Foutboodschappen dienen goed leesbaar te zijn, en mogen een opvallend kleurtje hebben. Probeer de foutboodschappen zodanig te plaatsen dat de opbouw van het formulier niet naar beneden verschuift
• De achtergrond- en randkleur van een invoerveld dient te veranderen (bij voorkeur naar rood) bij fouten. Je kan de rand (border) wat dikker plaatsen indien de focus hierop staat.
• Lijkt logisch, maar ik vermeld het er even bij: maak gebruik van labels!

Het gaat dus vooral over duidelijkheid naar de gebruiker toe. Een registratieproces moet zo snel en soepel mogelijk verlopen. Een gebruiker die minuten nodig heeft om enkel het registratie formulier in te vullen, zal al gauw zijn browser sluiten of naar een andere website surfen. Iemand die snel door dit proces gaat, zal aangemoedigd worden om ook de rest van de website snel af te schuimen.

Hebben jullie nog tips om een aantrekkelijk formulier te ontwerpen?