Wat als één veld op je formulier je jaarlijks $12 miljoen kost aan gemiste verkopen? Dat is precies wat Expedia ontdekte nadat het een optioneel veld ‘Bedrijf’ uit het boekingsproces had verwijderd. Op dezelfde manier kan inline-validatie, waarbij gebruikers meteen weten of ze een fout hebben gemaakt, je conversiepercentage met 22 procent verhogen.
Bij formulier optimalisatie kunnen zelfs piepkleine aanpassingen zoals deze enorme winst opleveren. Evenzo, als formulieren niet converteren, kan dat komen door kleine en eenvoudig op te lossen ontwerpproblemen.
Laten we eens kijken hoe je website formulieren kunt verbeteren om het conversiepercentage van formulieren te verhogen en het verlaten van formulieren te verminderen. Hier zijn vijf belangrijke technieken voor formulier optimalisatie; zie ze als de vijf pijlers van een goed formulier:
- Structureer je formulier zo dat gebruikers niet hoeven na te denken.
- Schrap alles wat overbodig is.
- Kies het juiste invoerveld voor elke vraag.
- Stop met het gebruik van ‘Verzenden’; het kan beter.
- Ontwerp voor mobiel; test voordat je lanceert.
Jotform is een van de beste online formulierbouwers en heeft al deze functies standaard ingebouwd.
Migrate existing forms instantly
Het is niet nodig om je online formulieren helemaal opnieuw te bouwen. In plaats daarvan kun je bestaande formulieren en gegevens die via je formulier zijn ingediend met één klik naar je Jotform-account migreren om naadloos gegevens te verzamelen.
Your form can not be migrated.
Please ensure that your form URL is correct and that your form is set to “public” before attempting to migrate it again.
1. Structureer je formulier zo dat gebruikers niet hoeven na te denken
Hoe je formulier eruitziet, bepaalt of gebruikers er überhaupt aan beginnen. Een rommelige, verwarrende lay-out jaagt ze weg voordat ze zelfs maar hun naam hebben ingetypt. Begin met een succesvolle formulierstructuur en al het andere wordt een stuk eenvoudiger.
Gebruik één kolom; laat de ogen niet zigzaggen
Lay-outs met meerdere kolommen verstoren de natuurlijke leesvolgorde. Een slecht formulierontwerp dat mensen dwingt om tussen links en rechts te schakelen, kan ervoor zorgen dat gebruikers velden overslaan, de draad kwijtraken of afhaken zonder ook maar één veld in te vullen, vooral op mobiel.
Eén kolom is de veilige standaard. Je gebruiker begint bovenaan en eindigt onderaan, en het is meteen duidelijk als er een veld is overgeslagen.
Dit wil niet zeggen dat velden met meerdere kolommen nooit werken. Twee kolommen werken het best wanneer je twee nauw verwante korte velden hebt (bijv. voornaam/achternaam, plaats/provincie) en het splitsen ervan juist vreemder zou aanvoelen. Maar als je twijfelt, kies dan voor één kolom.
Rangschik velden van makkelijkst naar moeilijkst
Een eenvoudige manier om je formulieren te verbeteren is om te beginnen met velden die weinig moeite kosten en makkelijke antwoorden hebben, voordat je om gevoeligere of complexere informatie vraagt, of om zaken die gebruikers moeten opzoeken, zoeken of over moeten nadenken. Laat gebruikers eerst hun naam en e-mailadres invullen voordat je verdergaat met velden zoals betalingsgegevens, optionele extra pakketten of het telefoonnummer van hun partner.
Dit klinkt misschien simpel, maar het is gebaseerd op echte psychologie. Zodra iemand begint met het invullen van een formulier, is de kans veel kleiner dat diegene stopt. Dat komt doordat gebruikers denken ‘ik heb er al vijf minuten aan besteed, dus ik kan het net zo goed afmaken’, een stukje psychologie dat de sunk cost fallacy wordt genoemd, of ze denken ‘ik moet de dingen die ik begin ook afmaken, want dat is het verantwoordelijke om te doen.’
Wat de innerlijke motivatie van je gebruiker ook is, begin eenvoudig en word daarna complexer.
Deel lange formulieren op in stappen; toon niet alles tegelijk
Als je formulier meer dan vijf of zes velden heeft, deel het dan op in stappen. Je kunt een formulier opsplitsen in secties op één pagina of, nog beter, over meerdere pagina’s. Zo staart je gebruiker nooit naar een lang en intimiderend formulier met honderd aan te vinken vakjes om door te worstelen.
Formulieren met meerdere stappen en een voortgangsbalk kunnen bijzonder effectief zijn en presteren consequent beter dan formulieren op één pagina. De voortgangsbalk verhoogt de motivatie om de eindstreep te halen.
Jotform heeft een functie voor meerdere stappen in zijn drag-and-drop-editor die dit allemaal voor je regelt, inclusief het automatisch genereren van de voortgangsbalk.
2. Schrap alles wat overbodig is
Elk extra veld, elke onnodige stap en elke CAPTCHA is een reden om af te haken. Als je meedogenloos bent met je formulier, hebben je gebruikers veel minder reden om weg te klikken.
Vraag alleen om wat je echt nodig hebt
De casestudy van Expedia is het herhalen waard: het bedrijf verwijderde één optioneel veld en verhoogde de omzet met $12 miljoen per jaar. Dat is een hoge prijs om erachter te komen of iemand die een hotel boekt bij Microsoft of McDonald’s werkt.
Als je niet duidelijk kunt uitleggen waarom je een bepaald stukje informatie nodig hebt, vraag er dan niet om. ‘Het kan later van pas komen’ is geen goede genoeg reden om een formulier langer te maken dan nodig is. De meeste formulieren hebben slechts drie tot vijf velden nodig. Voor leadgeneratie is het bijvoorbeeld in de meeste gevallen genoeg om te vragen naar iemands naam, e-mailadres en telefoonnummer, en het product waarin ze geïnteresseerd zijn.
Laat automatisch invullen en slimme standaardwaarden het typewerk doen
Elk veld dat al voor je gebruiker is ingevuld, is één reden minder om af te haken. Schakel automatisch invullen in de browser in zodat de informatie die je al hebt kan worden ingevoegd; als iemand is ingelogd, hoef je niet opnieuw om het e-mailadres te vragen. Gebruik slimme standaardwaarden, zoals het automatisch selecteren van de populairste optie of het gebruiken van het IP-adres om het landveld in te stellen.
Pro Tip
Gebruik voor adressen de automatische aanvulling van Google Maps. Het bespaart je gebruiker het invullen van vier of vijf velden.
Verwijder CAPTCHA; het kost je conversies
Iedereen heeft een hekel aan CAPTCHA’s, en er zijn data die dat bewijzen. Uit een onderzoek bleek dat een CAPTCHA op je formulier je conversies met wel 40 procent kan verlagen.
Er zijn betere, moderne alternatieven voor spambescherming, zoals honeypot-velden (verborgen invoervelden die alleen bots invullen), onzichtbare reCAPTCHA en ingebouwde spamfilters. De filters van Jotform vangen spam op zonder gebruikers te vragen om op verkeerslichten of fietsen te klikken.
Als je nog steeds een traditionele CAPTCHA gebruikt, is het vervangen daarvan de enige wijziging met de grootste impact en de minste moeite die je vandaag kunt doorvoeren. Beschouw het als een van de belangrijkste best practices voor online formulieren.
3. Kies het juiste invoerveld voor elke vraag
Het verkeerde invoertype dwingt je gebruiker om onnodig veel moeite te doen. Geef ze geen tekstvak wanneer een dropdown volstaat, of een dropdown waar keuzerondjes duidelijker zouden zijn. Deze kleine mismatches tellen snel op.
Stem het invoertype af op de vraag; kies niet standaard voor tekstvakken
Tekstvakken lijken de meest nuttige keuze, maar ze vergen de meeste cognitieve inspanning van gebruikers. In plaats van een optie te kiezen, moeten ze nadenken over wat ze moeten typen. Gebruik ze alleen wanneer je vrije-tekstantwoorden nodig hebt, zoals naam of e-mailadres.
Stem voor al het andere het invoertype af op de vraag:
- Als gebruikers één van de twee tot vijf opties moeten kiezen, gebruik dan keuzerondjes. Alle keuzes zijn in één oogopslag zichtbaar.
- Als gebruikers meerdere items moeten kiezen, gebruik dan selectievakjes. Ze zijn eenvoudig en logisch.
- Als gebruikers moeten kiezen uit zes of meer opties, gebruik dan dropdowns. Ze houden het formulier compact en behouden tegelijkertijd de keuzevrijheid.
- Gebruik voor eenvoudige numerieke invoer steppers of schuifregelaars. Gebruik wel je gezonde verstand; je zou geen stepper gebruiken voor een telefoonnummer.
- Gebruik voor datums altijd een datumkiezer.
- Gebruik voor ja/nee-antwoorden een schakelaar of een enkel selectievakje.
Vertel gebruikers wat er mis is voordat ze op Verzenden klikken
Inline-validatie, een functie die gebruikers meteen laat weten of ze een onjuiste of onmogelijke waarde invoeren, kan de conversies met 22 procent verhogen en leidt tot 22 procent minder fouten, een stijging van 31 procent in tevredenheid en een toename van 42 procent in de voltooiingssnelheid.
Deze foutmeldingen moeten nuttig zijn. Gebruikers vertellen dat hun voorgestelde wachtwoord ongeldig is, is irritant, maar ze vertellen dat het minimaal acht tekens moet bevatten of een speciaal symbool moet bevatten, is nuttige informatie.
Stel het juiste toetsenbord in voor mobiele gebruikers
Smartphones hebben verschillende toetsenborden voor verschillende invoervelden. Als je het invoerveld instelt op ‘tel’ of ’email’, krijgen je gebruikers het juiste toetsenbord: ofwel een numeriek toetsenblok, ofwel een volledig toetsenbord met een eenvoudig te vinden @-symbool. Hoewel dit misschien klein klinkt, is het een echt wrijvingspunt. Een telefoonnummer typen op een QWERTY-toetsenbord is een crime.
Goed nieuws: Jotform regelt dit automatisch voor alle veldtypen.
4. Stop met het gebruik van ‘Verzenden’; het kan beter
ContentVerve voerde een test uit waarbij het een knop veranderde van ‘Start your free 30-day trial’ naar ‘Start my free 30-day trial.’ Ze veranderden één woord en kregen een stijging van 90 procent in de doorklikratio. Deze kleine tekstaanpassingen kunnen buitenproportionele resultaten opleveren.
Vervang ‘Verzenden’ door een knop die gebruikers vertelt wat ze krijgen
‘Verzenden’ is betekenisloos. Het vertelt gebruikers niet wat er daarna gebeurt of wat ze krijgen voor het invullen van je formulier. Het is een overblijfsel uit de begindagen van webdesign.
Actiegerichte calls-to-action (CTA’s) presteren consequent beter dan een generieke ‘Verzenden’-knop. ‘Ontvang mijn gratis gids’, ‘Maak mijn account aan’ en ‘Verstuur mijn aanvraag’ zijn allemaal concrete beloften van wat er daarna gaat gebeuren. De knop is het laatste wat een gebruiker leest voordat hij zich vastlegt, dus zorg ervoor dat het de moeite waard lijkt om erop te klikken.
Plaats labels vóór velden, niet erin
Tijdelijke tekst in velden (bijvoorbeeld een lichtgrijs ‘Voer je e-mailadres in’) verdwijnt op het moment dat een gebruiker erop klikt. Als ze even worden afgeleid, kunnen ze niet meer zien wat ze moeten invoeren.
Gebruik in plaats daarvan labels die bovenaan zijn uitgelijnd en altijd zichtbaar zijn. Ze zijn makkelijker te scannen en werken uitstekend op mobiel. Tijdelijke teksten zien er netjes uit in mockups, maar falen in de praktijk. Ze kunnen desgewenst als aanvullende hint dienen, maar mogen niet het enige label zijn.
Voeg microcopy toe die twijfel wegneemt
Gebruikers hebben vaak specifieke bezwaren op specifieke punten. Ze maken zich zorgen over spam wanneer ze hun e-mailadres invoeren, over te veel betalen wanneer ze hun creditcard invoeren, of over tijdverspilling wanneer ze een lang formulier zien.
Kleine, goed geplaatste tekst kan je gebruiker geruststellen:
- Zet ‘we sturen je nooit spam’ naast een e-mailveld.
- Probeer ‘duurt minder dan twee minuten’ op een aanmeldformulier.
- ‘Geen creditcard vereist’ is nuttig op een formulier voor een gratis proefperiode.
Je kunt ook vertrouwenssignalen gebruiken, zoals beveiligingsbadges, compliance-badges en SSL-indicatoren, om gebruikers gerust te stellen dat je gevoelige gegevens veilig kunt beheren.
5. Bouw voor mobiel; test voordat je lanceert
Een formulier dat er op desktop geweldig uitziet maar niet goed werkt op smartphones en tablets, verliest een enorm deel van je gebruikers voordat optimalisaties überhaupt iets uitmaken. Je kunt de CTA aanpassen zoveel je wilt, maar als deze niet op een telefoonscherm verschijnt omdat het verkeerd geschaald is, werkt het niet.
Ontwerp eerst voor duimen, daarna voor muizen
Meer dan de helft van het webverkeer is mobiel. Formuliervelden, knoppen en tikdoelen moeten groot genoeg zijn om comfortabel op een klein scherm te gebruiken. Verminder de noodzaak om in te zoomen en de kans dat een gebruiker per ongeluk op het verkeerde veld tikt.
Dit is nog een gebied waar Jotform het leven eenvoudig maakt: zijn formulieren zijn standaard mobielvriendelijk. Geen extra werk nodig.
Laat een traag formulierscript je conversieratio niet kelderen
Langzaam ladende formulieren zijn een stille conversiekiller. Zware scripts, niet-geoptimaliseerde embeds en trackers van derden kunnen allemaal de laadtijd van je formulier verlengen en de kans vergroten dat je gebruikers afhaken, vooral op mobiele netwerken.
De oplossingen vereisen enige technische kennis, maar ze zijn de moeite waard. Laad scripts asynchroon zodat ze het renderen van de pagina niet blokkeren, minimaliseer afhankelijkheden van derden en test de laadtijd van je formulier met de PageSpeed-tool van Google en met een echte mobiele verbinding, niet met de wifi van je kantoor.
Je kunt ook een tool zoals Jotform gebruiken, die al dit werk voor je doet. Een mobielvriendelijk formulier kan het aantal formulierinzendingen enorm verhogen.
Test voordat je iets aanneemt: gebruik de vijfsecondenregel
Iedereen die naar je formulier kijkt, zou binnen vijf seconden moeten weten waarvoor het is en waarom ze het zouden invullen. Als dat niet zo is, is het te complex.
Je kunt dit testen. Laat je formulier een paar seconden aan een vriend of collega zien en vraag ze vervolgens waarvoor het is. Als ze het je niet kunnen vertellen, maak het dan duidelijker. Het is de goedkoopste, snelste bruikbaarheidstest die je kunt doen.
Website formulieren verbeteren zonder ook maar één regel code te schrijven
Je formulieren optimaliseren hoeft geen ingewikkeld proces te zijn. Jotform kan elk aspect ervan native afhandelen:
- Formulieren met meerdere stappen en lay-outs met één kolom maken het eenvoudig om je formulieren te structureren.
- Als het gaat om het schrappen van alles wat overbodig is, zijn Jotforms voorwaardelijke logica en spamfilters essentieel.
- Met meer dan 30 veldtypen heeft Jotform de juiste invoer voor elke vraag.
- Je kunt elke knop of elk veld aanpassen om een ‘Verzenden’ te veranderen in een echte CTA, labels toevoegen en nuttige microcopy toevoegen.
- Elk Jotform-formulier is mobielvriendelijk. Elk formulier dat je maakt, is gebouwd voor mobiel.
Dit alles is eenvoudig te doen met de drag-and-drop-editor van Jotform. De Mountain West Conference stapte over van een andere formulierbouwer naar Jotform en bespaarde 50 procent op administratietijd. Ook zag het verbeteringen in werkprocessen en gegevensorganisatie.
“Mountain West gebruikte voorheen een andere formulierbouwer, maar medewerkers konden daarmee geen tijdige en georganiseerde gegevens verkrijgen’, zegt Gary Walenga, Chief Financial Officer van Mountain West. ‘Na wat zoeken zijn [we] overgestapt op Jotform. Sindsdien heeft de conference dubbele verbeteringen gezien, zowel in de werkprocessen als in Jotform.’
Dus als je je formulieren wilt optimaliseren en je conversieratio wilt verbeteren, kun je het beste vandaag nog Jotform bekijken. Het is een van de beste formulierbouwers, en je kunt het gratis uitproberen. Jotform biedt formulier optimalisatie op de eenvoudige manier.
Veelgestelde vragen over formulier optimalisatie
Basisprincipes van visueel ontwerp en best practices voor gebruikerservaring zijn van toepassing op formulieren. Gebruik consistente branding, met merkgerichte kleuren en typografie; laat voldoende witruimte; en kies standaard voor een nette lay-out met één kolom. Of gebruik gewoon Jotform. Het heeft meer dan 1.000 thema’s en een gebruiksvriendelijke aangepaste themabouwer.
Houd je aan de vijf pijlers van goede formulieren:
- Structureer je formulier zodat het voor gebruikers eenvoudig is om in te vullen.
- Schrap rigoureus alle overbodige velden.
- Kies de juiste invoer voor elke vraag.
- Voeg CTA’s, labels en microcopy toe om gebruikers door je formulier te leiden.
- Bouw voor mobiele apparaten, die de helft van al het webverkeer uitmaken.
Een effectief formulier is er een dat de juiste gegevens verzamelt met zo min mogelijk wrijving. Weet welke gegevens je nodig hebt en stel alleen de vragen die je die gegevens opleveren, niets meer. Maak vragen duidelijk, specifiek en bruikbaar. Wees duidelijk tegen gebruikers over wat je nodig hebt, waarom je het nodig hebt en wat er bij elke stap gebeurt.
Het eenvoudigste formulier is het formulier met de minste velden en de meeste vooraf ingevulde antwoorden. Schrap overbodige vragen, sta automatisch invullen door de browser toe, valideer antwoorden inline, gebruik de juiste invoertypen en label alles duidelijk zodat gebruikers begrijpen wat er wordt verwacht. Gebruik ook moderne technieken voor spampreventie in plaats van CAPTCHA’s.
Dit artikel is bedoeld voor marketeers, UX-ontwerpers en productmanagers die formulieren voor leadgeneratie, aanmelding of afrekenen bouwen en het afhaken willen verminderen, de voltooiingspercentages willen verhogen en meer willen halen uit het verkeer dat ze al hebben.
Verstuur Opmerking: