Automatisch aanvullen en vooraf ingevulde velden zijn twee manieren om bezoekers minder te laten typen. Automatisch aanvullen werkt aan de kant van de browser. Vooraf ingevulde velden werken vanuit je eigen systeem. Samen zorgen ze voor een flink hoger percentage voltooide formulieren.
Dit hoofdstuk behandelt wat beide doen, hoe ze werken, wanneer je welke gebruikt en hoe je ze goed instelt.
De meetbare voordelen van automatisch aanvullen en vooraf ingevulde velden
Een onderzoek van Chrome Developers volgde duizenden formulieren in de Verenigde Staten. Gebruiken bezoekers het automatisch aanvullen van de browser, dan vullen ze formulieren ongeveer 35% sneller in. Hun afhaakpercentage daalt met ongeveer 75%, zelfs als automatisch aanvullen maar een deel van het formulier invult. Gebruikers moeten nog steeds nakijken en bevestigen wat de browser invulde, maar de lagere typinspanning maakt het verschil.
In één dataset over meerdere soorten formulieren gebruikte 23% van de gebruikers automatisch aanvullen tijdens het invullen. Die gebruikers rondden het formulier in 71% van de gevallen af. Bij bezoekers die het niet gebruikten, was het percentage voltooiingen 59%. Dat verschil van 12 procentpunten loopt snel op als je formulieren op grote schaal draait.
Vooraf ingevulde velden laten vergelijkbare bewegingen zien. Lijkt een formulier gedeeltelijk af, dan maken gebruikers het eerder af dan bij een leeg formulier. Dat werkt omdat iets afmaken dat al loopt, makkelijker voelt dan beginnen met een leeg blad.
Hoe automatisch aanvullen werkt en wat je moet doen om het te ondersteunen
De meeste bezoekers gebruiken tegenwoordig een browser met automatisch aanvullen. Chrome, Safari, Edge en Firefox hebben het allemaal. Velen gebruiken wachtwoordmanagers als 1Password of LastPass, die het aanvullen nog verder uitbreiden. Maar automatisch aanvullen werkt alleen als je formulier ervoor is ingesteld.
De browser kijkt naar de naam van elk invoerveld en het type-attribuut. Heet je veld iets algemeens als “field1” of “input2”, dan heeft de browser geen idee waarmee hij het moet vullen. Noem je het “email” en zet je het type op “email”, dan weet de browser het. Noem je het “shipping_address_line_1” en zet je het autocomplete-attribuut op “address-line1”, dan weet de browser precies wat hij erin moet zetten.
Je HTML moet overeenkomen met wat browsers verwachten. Gebruik standaard veldnamen. Stel het juiste type-attribuut in (email, tel, number, text). Voeg het autocomplete-attribuut toe met de juiste waarde voor elk veld. De meest gebruikte velden waarvoor gebruikers automatisch aanvullen verwachten, zijn e-mailvelden (type="email" en autocomplete="email"), telefoonvelden (type="tel" en autocomplete="tel"), adresvelden (specifieke autocomplete-waarden zoals autocomplete="address-line1" voor straat, autocomplete="address-level1" voor provincie en autocomplete="postal-code" voor postcode) en naamvelden (type="text" en autocomplete="given-name" voor voornaam of autocomplete="family-name" voor achternaam).
Slaat je formulier het autocomplete-attribuut helemaal over, dan probeert de browser nog steeds te raden op basis van veldnamen. Maar expliciete autocomplete-waarden werken beter. De moeite om deze attributen goed in te stellen betaalt zich terug elke keer dat de browser iemands adres invult zonder dat hij het typt.
Hoe vooraf ingevulde velden werken en wanneer ze echt helpen
Vooraf ingevulde velden werken het best als de gebruiker weet dat je de informatie hebt. Is iemand ingelogd op zijn account, dan verwacht hij dat zijn telefoonnummer en naam er al staan. Klikte hij op een link in een e-mail met “Bevestig je adres”, dan verwacht hij dat het adres al ingevuld is. De gegevens zijn geen verrassing.
Vul gangbare velden vooraf in die gebruikers je al gaven. E-mailadres als ze zich met e-mail aanmeldden. Bedrijfsnaam als ze zich met een bedrijf registreerden. Elk adres waar je al om vroeg. Laat velden leeg die om nieuwe informatie vragen. Een bezoeker wil zien dat je onthield wat hij vertelde, maar hij wil ook controle over wat er in een formulier komt dat hij gaat verzenden.
Openheid is hier belangrijk. Maak duidelijk waarom die velden zijn ingevuld. “We hebben je bedrijfsnaam in ons systeem” of “Dit is het adres dat je ons vorige keer gaf” kost twee seconden als kleine opmerking boven het formulier en haalt verwarring weg. De frictie ontstaat als velden voelen alsof ze zonder toestemming worden ingevuld.
Wanneer je beter niet vooraf invult en wat er mis kan gaan
Vooraf ingevulde velden werken alleen als de gegevens juist en actueel zijn. Heeft een bezoeker zijn telefoonnummer bijgewerkt maar haalt het formulier gegevens uit een oude database, dan ziet hij verkeerde informatie en moet hij die corrigeren. Die frictie maakt het doel kapot. Geef gebruikers altijd de mogelijkheid om vooraf ingevulde gegevens aan te passen en te corrigeren. Vergrendel nooit een veld en dwing ze niet om contact met support op te nemen om het te wijzigen.
Ben je niet zeker van de juistheid van gegevens, vul dan alleen de velden vooraf in die je regelmatig bijwerkt en laat de rest leeg. Sla in gereguleerde branches zoals financiële dienstverlening of de zorg het vooraf invullen van gevoelige velden over, ook als je de gegevens hebt. Vul betaalmethoden bij het afrekenen niet vooraf in, tenzij de bezoeker die methode specifiek heeft opgeslagen. Het doel is frictie voor bezoekers verminderen, niet de illusie van een voltooid formulier wekken.
Automatisch aanvullen en vooraf ingevulde velden samen gebruiken voor maximaal effect
De sterkste aanpak gebruikt beide tegelijk. Vul voor ingelogde bezoekers de gegevens in die je systeem heeft. Zorg bij bezoekers met een nieuwe browser of een nieuw apparaat dat je autocomplete-attributen goed staan, zodat het automatisch aanvullen van hun browser kan werken. Sommige bezoekers zien vooraf ingevulde gegevens. Sommige gebruiken automatisch aanvullen van de browser. Sommige doen beide. Hoe dan ook vraagt het formulier minder typewerk en verbeteren de percentages voltooiingen.
Verschillende bezoekers komen binnen in verschillende situaties. Een terugkerende klant die is ingelogd is één scenario. Een nieuwe bezoeker bij zijn eerste interactie is een ander. Een terugkerende bezoeker met een nieuw apparaat is een derde. Elk profiteert van het ene of het andere mechanisme. Samen geven ze een formulierervaring die efficiënt voelt, welk pad de bezoeker ook neemt.
Wat je goed vooraf invult en wat je leeg laat
Automatisch aanvullen en vooraf invullen werken het best voor algemene informatie. E-mailadres, telefoonnummer, naam, adres, bedrijfsnaam, postcode. Deze velden komen op veel formulieren voor, dus zowel bezoekers als browsers hebben er baat bij dat ze worden onthouden.
Wees selectief bij gevoelige informatie. Financiële formulieren moeten betaalmethoden niet vooraf invullen, tenzij de bezoeker er uitdrukkelijk een opsloeg. Zorgformulieren moeten de medische voorgeschiedenis niet vooraf invullen. Beveiligingsvelden zoals wachtwoorden moet je nooit handmatig vooraf invullen (wachtwoordmanagers doen dat automatisch). Heeft je branche nalevingseisen, volg die richtlijnen dan, ongeacht het gemak.
Zo meet je het effect op je percentages voltooiingen
In je formulierinzendingen zie je niet of een bezoeker automatisch aanvullen gebruikte. Maar je kunt het effect meten door de percentages voltooiingen voor en na te vergelijken. Heb je nu geen code die automatisch aanvullen ondersteunt, stel dan je autocomplete-attributen goed in. Meet het percentage voltooiingen een week en vergelijk het met de week erna. Er hoort een meetbare stijging te komen.
Bij vooraf ingevulde velden is de test vergelijkbaar. Kun je je publiek segmenteren, toon dan aan sommige bezoekers vooraf ingevulde gegevens en aan anderen lege velden. Het percentage voltooiingen hoort hoger te zijn voor de groep met vooraf ingevulde gegevens. Is dat niet zo, dan zijn je gegevens onjuist of zorgt het aantal velden dat je vooraf invult voor verwarring in plaats van vaart.
Veelgestelde vragen
Werkt automatisch aanvullen op mobiel hetzelfde als op desktop?
Is het veilig om automatisch aanvullen voor wachtwoordvelden te gebruiken?
Kan ik een formulier vooraf invullen via een URL-parameter?
Wat gebeurt er als automatisch aangevulde gegevens onjuist zijn?
Verlaagt het vooraf invullen van een formulier de datakwaliteit of brengt het verouderde informatie mee?
Welke soorten formulieren profiteren het meest van automatisch aanvullen en vooraf invullen?
Automatisch aanvullen en vooraf ingevulde velden leveren meetbare resultaten. Een snelheidswinst van 35% en 75% minder afhaken gelden voor de bezoekers die ze gebruiken. Ze werken het best samen met een kort formulier en duidelijke labels. Samen versterken deze drie elementen de winst in voltooide formulieren sterk.
Lees meer over het korter maken van formulieren in de complete gids over de ideale formulierlengte. Zie voor de technische uitvoering hoe je formulieren vooraf invult met gebruikersgegevens. Verken voor de bredere optimalisatiestrategie de gids over conversieoptimalisatie van formulieren.