Goed ontworpen online formulieren – moeilijker dan gedacht
Web formulieren spelen een cruciale rol bij het verzamelen van informatie van website bezoekers leads te genereren of producten en diensten te verkopen. Ze worden gebruikt voor een breed scala aan doeleinden, zoals aanmeldingen, registraties, enquêtes, check-outs en contactformulieren. Lead generatie formulieren overbruggen de kloof tussen online oriëntatie en offline aankoop. Check-outs hebben direct invloed op de omzet en voltooien de daadwerkelijke verkoop. Daarom is het cruciaal dat webformulieren perfect zijn ontworpen om ervoor te zorgen dat de gebruikerservaring zo goed mogelijk is.
Slecht ontworpen web formulieren kunnen leiden tot een aantal problemen, zoals verwarring, frustratie en uiteindelijk een verlies aan conversies. Een gebruiker die het online formulier verlaat, is simpelweg een verloren kans en daarmee direct een lagere marketng ROI. Het ontwerpen van een optimaal web formulier is niet zo eenvoudig en veel digitale marketeers hebben er moeite mee. Met ontwerp bedoelen we niet puur het design, maar zeker ook het HTML-codeerwerk. Dus wat zijn de problemen die we het vaakst zien? We hebben onze top 10 voor je op een rijtje gezet!
1. Verplichte velden
Een formulier zonder duidelijke aanduiding van verplichte velden. Dit kan leiden tot verwarring bij gebruikers en kan ertoe leiden dat ze het formulier niet indienen omdat ze niet weten welke informatie nodig is.
2. Veldlabels
Een formulier zonder duidelijke veldlabels of instructies. Daaronder vallen ook veldlabels die verdwijnen zodra een gebruiker in het veld begint te typen. Dit kan het voor gebruikers moeilijk maken om te begrijpen welke informatie wordt gevraagd en hoe ze het formulier correct moeten invullen.
3. Foutmeldingen
Een formulier zonder duidelijke foutmeldingen. Als een gebruiker een fout maakt in het formulier, moeten duidelijke en specifieke foutmeldingen worden getoond die aangeven wat er precies fout is gegaan en hoe dit kan worden opgelost. Vaak wordt een foutmelding getoond naast een veld dat niet in beeld is. Je moet terugscrollen naar het veld om de foutmelding te zien. Dit komt vooral voor bij grote formulieren op mobiele apparaten. Maar we zien ook vaak foutmeldingen die te algemeen zijn en geen omschrijving geven van wat er verbeterd moet worden.
4. Formaat
Een formulier dat niet duidelijk maakt wat het formaat moet zijn van de in te vullen informatie. Dit kan het voor gebruikers moeilijk maken om het formulier in te vullen. Als het telefoonnummer voorafgegaan wordt door een landcode, mag het dan nog steeds met een nul beginnen? Ook een klassiek voorbeeld is het geboortedatum veld: twee of vier cijfers voor het jaar?
5. Gebruiksvriendelijk op mobiel
Een formulier dat niet mobiel gebruiksvriendelijk is. Met steeds meer gebruikers die via mobiele apparaten online kopen of websites bezoeken, is het belangrijk dat formulieren zijn ontworpen met de mobiele gebruiker in het achterhoofd. Tegenwoordig hebben de meeste websites een mobiel verkeersaandeel van meer dan 50%. Toch beginnen marketeers met het bouwen van een desktop formulier en maken het dan ‘responsive’ voor mobiel. En vergeten dan dat de juiste HTML-input type per veld onmiddellijk het juiste toetsenbord aan de gebruiker toont om het invullen van het veld zo eenvoudig mogelijk te maken.
6. Oproep tot actie
Een formulier zonder duidelijke oproep tot actie. Als een gebruiker geen duidelijke indicatie krijgt van wat er zal gebeuren wanneer hij het formulier indient, weet deze misschien niet wat hij of zij kan verwachten of is niet meer gemotiveerd om het formulier in te vullen. Een klassiek voorbeeld is de knop ‘verzenden’. Wat betekent dat? Niet erg aantrekkelijk. In plaats daarvan is bijvoorbeeld ‘Boek mijn hotel’ kristalhelder als oproep tot actie.
7. Navigatie
Een formulier dat moeilijk te navigeren is. Formulieren moeten zo worden ontworpen dat ze een logische flow hebben, waardoor het voor gebruikers gemakkelijk is om te begrijpen welke informatie wordt gevraagd en hoe ze het formulier moeten invullen. Onduidelijke navigatie leidt tot zogenaamde rage-clicks; een uiting van frustratie van de gebruiker en niet begrijpen wat er moet worden gedaan.
8. Voortgangsindicator
Een formulier zonder voortgangsindicator bij lange formulieren. Gebruikers moeten kunnen zien hoever ze zijn gevorderd met een formulier en hoeveel stappen er nog over zijn om het te voltooien. Dit geeft hen een idee van de totale inspanning die nodig is, maar ook hoe dicht ze bij voltooiing zijn. Vooral bij e-commerce check-outs, die doorgaans bestaan uit stappen zoals adresgegevens, bezorgvoorkeuren en betalingsmethode selectie, is het belangrijk om het verlaten van de check-out te voorkomen door gebrek aan voortgangsinformatie.
9. Autofill
Een formulier zonder correcte autofill-functionaliteit. Autofill-functionaliteit kan gebruikers tijd besparen en het invullen van formulieren versnellen. Maar het moet correct worden geïmplementeerd. Als Autofill een voornaamveld vult met achternaamgegevens, moet de gebruiker het veld weer leeg maken voordat deze alsnog kan worden ingevuld, Foutief werkende autofill, veroorzaakt door incorrecte of incomplete html code, veroorzaakt zeer veel frustratie op online formulieren.
10. Toegankelijkheid
Een formulier dat niet toegankelijk is voor gebruikers met een beperking. Formulieren moeten zo worden ontworpen dat ze toegankelijk zijn voor gebruikers met uiteenlopende beperkingen, inclusief degenen die afhankelijk zijn van hulpmiddelen om op internet te navigeren. Web formulieren moeten voldoen aan de richtlijnen voor de corporate identity, zoals elk ander website component, wat lang niet altijd de beste accessibility geeft. Belangrijk bij gebruik van kleuren is bijvoorbeeld het tonen van voldoende contrast (randen, lettertypen, veldlabels) voor gebruikers die moeite hebben met lezen.
Gratis formulier audit
Hoe kan je je online formulier ontwerp verbeteren? Het creëren van een optimaal ontworpen en functionerend webformulier of check-out is een gezamenlijke inspanning van UX-experts, ontwikkelaars en CRO-specialisten. Bij Exatom hebben we een tool ontwikkeld om deze teams te helpen en een webformulier op meerdere dimensies te beoordelen, waarbij elke dimensie meerdere controles bevat. Het is de Exatom Score.
De Exatom formulier audit is ook beschikbaar als een gratis Chrome-extensie. Deze plugin is vooral handig voor webformulieren of check-outs die meerdere stappen bevatten of achter een login staan. Probeer het uit en ontdek waar je webformulier kan worden verbeterd.
Audit mijn formulier of abonneer je op onze nieuwsbrief als je meer artikelen zoals deze wilt ontvangen.