Goede webformulieren zijn belangrijk omdat ze er voor zorgen dat je klantgegevens correct en volledig binnenkrijgt. In dit artikel de 10 tips voor het perfecte webformulier.
1. Valideer de input
Maak gebruik van validatie scripts om de input te valideren. Het eenvoudigste is het om Javascript te gebruiken omdat je hiermee direct na de entry waarschuwingen kan tonen. Denk aan validaties zoals: postcode minimaal 6 tekens, geen nummers in de naamvelden, een geldig e-mailadres. Een hele leuke validatie die ik tegenkwam is er een die achter de @ het e-mailadres bekijkt. Als er gmial.com staat geeft hij een waarschuwing.
2. Validatie met Javascript is niet voldoende
Javascript controle is echter niet voldoende! Want iemand die Javascript niet aan heeft staan kan deze validaties omzeilen. Zorg er dus voor dat je de belangrijkste validaties ook ‘serverside’ uitvoert zodat omzeilen niet mogelijk is.
3. Zorg voor een aantrekkelijke layout
Voor webformulieren gelden een aantal standaarden die zolangzamerhand common practice zijn geworden. Gebruik die. Zo staat de submit knop altijd onderaan en deze heeft een tekst die betrekking heeft op het formulier en niet ‘Submit’. Gebruik een * voor de verplichte velden. Denk na over de logische volgorde van de velden in het formulier. Maak de velden zo lang als logisch is voor de betreffende gegevens. Zorg ervoor dat het niet mogelijk is dat de gebruiker meer tekst invoert dan zichtbaar in het veld. Maak de waarden in velden die geprefilled en readonly zijn grijs.
4. Maak het formulier hackproof
Is de kans aanwezig dat je formulier door onverlaten alsmaar automatisch wordt ingevuld met onzin, zorg dan voor beveiligingsmaatregelen: stel bijvoorbeeld een maximaal aantal submits per IP adres in, en/of een Captcha veld.
5. Geef duidelijk aan in welk format gebruikers gegevens moeten invoeren
Geef bijvoorbeeld via DD-MM-YYYY duidelijk aan hoe geboortedata moeten worden ingevoerd, gebruik eventueel maskers hiervoor. Of hanteer widgets die de invoer vereenvoudigen.
6. Corrigeer de input/vul de input aan
Maak het de gebruiker gemakkelijk door input direct te corrigeren in het format dat je wilt opslaan: Maak bijvoorbeeld de eerste letter van de naam een hoofdletter, idem voor de letters uit de postcode, etc..
Als het belangrijk is om in het formulier een correct adres te ontvangen kun je gebruik maken van webservices die op basis van postcode en huisnummer straatnaam en woonplaats aanvullen zodat de gebruiker die niet hoeft in te vullen. oa Cendris en Webservices.nl bieden dit aan.
7. Laat gebruikers de belangrijkste gegevens 2 x invoeren
Wanneer wachtwoorden of emailadressen ingevoerd moeten worden die belangrijk zijn voor verder gebruik of het toezenden van een bevestiging, laat de gebruiker deze dan 2x invoeren waardoor typo’s worden vermeden.
8. Toon een duidelijke bedanktpagina
Toon een pagina die duidelijk aangeeft dat de gegevens zijn opgeslagen en wat er daarna mee wordt gedaan. Stuur eventueel automatisch een mail ter bevestiging.
9. Gebruik een controlepagina voordat de gegevens worden opgeslagen
Toon de gegevens die de gebruiker heeft ingevoerd ter controle waarna deze definitief kan submitten of kan terugkeren naar het formulier om de gegevens te corrigeren.
10. Gebruik https versleuteling
Gebruik https versleuteling om de klantgegevens die de gebruiker invoert te beschermen.
