Je kunt verbeteren wat je ziet. Een formulier kan er netjes uitzien. Het ontwerp kan perfect zijn. De tekst kan perfect zijn. Maar als bezoekers bij een bepaald veld afhaken, weet je nooit waarom, tenzij je ze ziet afhaken. Heatmaps en sessieopnames zijn de tools waarmee je het precieze moment ziet waarop een bezoeker besluit te stoppen.
De meeste formulieroptimalisatie voelt als gokken. Je verandert de volgorde van velden. Misschien stijgt het aantal voltooide formulieren. Misschien niet. Je maakt het formulier korter. Nog steeds niet zeker of dat de oplossing was. Je past de knoptekst aan. Je kunt niet zien of het wat deed. Dat is het probleem van blind wijzigingen doorvoeren. Je beslist op basis van theorie in plaats van gedrag.
Heatmaps en sessieopnames lossen dit op door te laten zien wat er echt gebeurt. Een heatmap laat zien waar bezoekers klikken, scrollen en aarzelen in je hele formulier. Een sessieopname laat het precieze moment zien waarop een bezoeker stopt met een veld invullen en waarom. Samen maken ze van afhaken een oplosbaar probleem in plaats van een raadsel. Dit hoofdstuk behandelt hoe je beide tools gebruikt om de echte frictiepunten in je formulieren te vinden.
Waarom je formulieren niet kunt optimaliseren zonder ze te zien
Formulieranalyse kan je vertellen dat 40% van de bezoekers je formulier verlaat. Maar niet waarom. Dat is het gat tussen weten dat er een probleem is en weten wat het probleem echt is. Sessieopnames en heatmaps bestaan om dat gat te dichten.
Stel je een formulier met vijf velden voor. Je analyse toont 40% afhaken. Je weet niet of mensen vertrekken omdat het tweede veld verwarrend is. Je weet niet of ze ergens klikken waar niets gebeurt. Je weet niet of ze het formulier helemaal voorbij scrollen en de verzendknop nooit zien. Dat zijn allemaal verschillende problemen met verschillende oplossingen.
Zonder inzicht in echt gedrag repareer je dingen die niet kapot zijn en negeer je het echte probleem. Dat kost tijd en laat geld liggen. Eén afhaakpunt dat je oplost, kan honderden conversies terugwinnen. Maar je kunt niet oplossen wat je niet ziet.
Wat een heatmap je laat zien over formuliergedrag
Een heatmap is een visuele laag die laat zien waar bezoekers met je formulier bezig zijn. Hij gebruikt kleurverlopen, meestal van koele kleuren als blauw en groen naar warme kleuren als oranje en rood. De warme kleuren laten zien waar de meeste bezoekers klikken, scrollen of hoveren. De koele kleuren laten zien waar bijna niemand iets doet.
Bij een formulier onthult een heatmap welke velden aandacht krijgen en welke worden overgeslagen. Hij laat zien waar de blik van bezoekers naartoe gaat. Hij laat zien waar ze klikken op dingen die niet klikbaar zijn, wat betekent dat ze iets interactiefs verwachtten dat er niet is.
Klik-heatmaps onthullen verwarring
Een klik-heatmap laat elke plek in het formulier zien waar een bezoeker heeft geklikt. De warme gebieden tonen velden die veel klikken krijgen. De koele gebieden tonen velden die bezoekers negeren. Belangrijker nog: een klikmap toont dode klikken, klikken op plekken die niet interactief zijn.
Heeft je formulier een label “Type bedrijf” en zie je een cluster klikken op dat label zonder hotspot op de echte keuzelijst, dan proberen bezoekers het label aan te klikken in de verwachting dat dat het interactieve element is. Dit is een ontwerpsignaal. Het label lijkt klikbaar maar is het niet, dus bezoekers klikken op de verkeerde plek.
Dode klikken zijn tekenen van frustratie. Elke klik op een niet-interactief element is een moment waarop een bezoeker verwachtte dat iets zou werken en het niet deed. Met genoeg frustratie vertrekken ze.
Scroll-heatmaps tonen waar bezoekers echt kijken
Een scroll-heatmap laat precies zien hoe ver de meeste bezoekers in je formulier naar beneden scrollen. Dat is belangrijk, want bezoekers die je verzendknop nooit bereiken, kunnen niets verzenden. Heeft je formulier veel velden en scrollen de meeste bezoekers maar halverwege, dan weet je dat je formulier te lang is of verkeerd staat.
Scrollmaps tonen ook afhaakpunten. Je ziet op welke diepte bezoekers stoppen met scrollen. Scrollt elke bezoeker naar een bepaald veld en stopt daar, dan veroorzaakt dat veld waarschijnlijk de uitval. Misschien vraagt het zonder context om gevoelige informatie. Misschien is het verwarrend. Het scrollpatroon laat zien waar je moet gaan zoeken.
Hover-heatmaps tonen aarzeling
Een hover-heatmap laat zien waar bezoekers hun cursor over het formulier bewegen. Dat klinkt subtiel, maar het is krachtig, omdat cursorbewegingen vaak onzekerheid onthullen. Een bezoeker beweegt rond een veld, gaat weg, komt terug. Dat heen en weer bewegen wijst op aarzeling of onzekerheid.
Zie je een hover-hotspot op een specifiek veld, dan weet je dat bezoekers daar nadenken. Ze verwerken iets. Ze weten niet goed wat ze moeten doen. Hover-heatmaps helpen je velden te vinden die verwarrend zijn nog voordat bezoekers erop klikken.
Wat sessieopnames onthullen over afhaken
Een sessieopname is anders dan een heatmap. Een heatmap toont samengevat gedrag van veel bezoekers. Met een sessieopname zie je de reis van één bezoeker van begin tot eind. Je ziet zijn klikken, zijn scrollen, de velden die hij invult, de velden die hij overslaat en het precieze moment waarop hij verzendt of vertrekt.
In sessieopnames vind je het verhaal achter de cijfers. Een heatmap vertelt dat bezoekers afhaken bij het e-mailveld. Een sessieopname laat zien waarom. Ze haken af omdat ze een e-mailveld zagen, beseften dat ze marketingmails zouden krijgen, flashbacks naar spam kregen en vertrokken. Of misschien haken ze af omdat het veldlabel onduidelijk is en ze niet weten welk formaat je wilt.
Rage clicks en snel klikken tonen frustratie
Let bij het bekijken van een sessieopname op rage clicks. Een rage click is wanneer een bezoeker snel achter elkaar steeds op dezelfde plek klikt. Dat is het visuele equivalent van ongeduldig met de voet tikken. Ze zijn gefrustreerd. Iets werkt niet zoals ze verwachtten en ze proberen het af te dwingen.
Rage clicks gebeuren meestal op knoppen die niet reageren, velden die kapot lijken of acties die stilletjes mislukten. Zie je rage clicks in je formulieropnames, dan is er iets op dat formulier kapot of gedraagt het zich onverwacht. Dat is een prioriteit om op te lossen, want gefrustreerde bezoekers vertrekken.
Patronen van aarzeling en afhaken
Sessieopnames laten pauzes zien. Een bezoeker vult naam en e-mailadres in en stopt dan bij een veld voor een telefoonnummer. Hij zit daar. De cursor beweegt niet. Hij leest iets, denkt erover na, beslist of hij doorgaat. Dan sluit hij het tabblad. Die pauze is het moment van beslissing en het veld waar hij naar keek, is het probleem.
Kijk je 10 tot 20 sessieopnames van verlaten formulieren, dan ga je patronen zien. Vijf verschillende bezoekers haken af bij hetzelfde veld. Vier bezoekers maken rage clicks voordat ze vertrekken. Twee bezoekers scrollen het hele formulier voorbij zonder het te merken. Die patronen wijzen direct naar oplossingen.
Zo gebruik je heatmaps om frictiepunten in formulieren te vinden
Heatmapping wordt bruikbaar als je weet waar je op moet letten. Dit is het praktische proces.
Begin met scrolldiepte
Pak je scroll-heatmap en kijk waar de kleur afkoelt. Scrolt 80% van de bezoekers naar het midden van je formulier en zakt de kleur daarna naar bijna niets, dan verlies je mensen halverwege. De vraag wordt: is het formulier te lang, of veroorzaakt een specifiek veld de uitval?
Vergelijk de scrolldiepte met je formuliervelden. Gebeurt de daling direct na een veld met veel frictie, zoals telefoonnummer of geboortedatum, dan is dat veld waarschijnlijk de oorzaak. Gebeurt het halverwege bij geen bepaald veld, dan is je formulier misschien gewoon te lang of heeft het een betere visuele structuur nodig om scrollen aan te moedigen.
Zoek naar geconcentreerde klikken
Een heatmap hoort de meeste klikken te tonen op je formuliervelden en je verzendknop. Zie je klikken verspreid over de hele pagina, vooral op elementen die geen formulierbesturing zijn, dan weten bezoekers niet waar ze moeten klikken. Dan heb je problemen met visuele hiërarchie of duidelijkheid.
Kijk naar hotspots op labels in plaats van invoervelden. Hotspots op knoppen die niet je primaire verzendknop zijn. Hotspots op elementen als helpiconen, sterretjes of foutmeldingen. Dit wijst er allemaal op dat bezoekers proberen te klikken op dingen die jij niet interactief bedoelde. Dat is een ontwerpsignaal om duidelijker te maken wat echt klikbaar is.
Volg bewegingspatronen
Muisbewegingen in een hover-map laten zien welke velden aandacht krijgen en welke worden genegeerd. Een veld zonder hover-activiteit, terwijl het wel op het scherm staat, wordt misschien overgeslagen. Het veldlabel is onduidelijk, bezoekers negeren het omdat ze denken dat ze het niet hoeven in te vullen, of het staat op een blinde plek.
Vergelijk hover-activiteit met het percentage voltooiingen. Heeft een veld weinig hover-activiteit maar een hoog percentage voltooiingen als bezoekers het wel invullen, dan wordt dat veld gewoon bewust overgeslagen, wat prima is als het optioneel is. Heeft een veld veel hover-activiteit maar een laag percentage voltooiingen, dan proberen bezoekers het wel maar lopen ze vast of raken ze in de war.
Zo gebruik je sessieopnames om precies te zien waar bezoekers vastlopen
Sessieopnames zijn de tool voor diagnose. Zo bekijk je ze productief.
Filter eerst op verlaten sessies
Staat je opnametool het toe, begin dan met filteren op sessies waarin het formulier niet is verzonden. Je wilt kijken naar mensen die stopten, niet naar mensen die slaagden. Hun afhaken is het signaal dat je zoekt.
Kijk je eenmaal naar verlaten sessies, zoek dan het stoppunt. Waar pauzeert de bezoeker? Bij welk veld stopt hij met interactie? Dat is je doelveld voor onderzoek.
Let op pauzes en opnieuw lezen
Pauzeert een bezoeker bij een veld, dan leest hij iets. Hij leest misschien het label om te begrijpen wat er gevraagd wordt. Hij leest misschien de hulptekst. Hij verwerkt misschien een verwarrende eis. Een lange pauze gevolgd door afhaken betekent dat de duidelijkheid van dat veld het probleem is.
Noteer het precieze moment van de pauze. Was het toen hij het veld voor het eerst zag? Begon hij te typen en pauzeerde hij toen? Vulde hij het veld in en twijfelde hij daarna? Elk daarvan vertelt een ander verhaal over wat hem in verwarring bracht.
Tel het patroon over meerdere sessies
Eén bezoeker die bij een veld afhaakt, kan een uitschieter zijn. Vijf bezoekers die bij hetzelfde veld afhaken, is een patroon. Kijk sessies tot je herhaling ziet. Stoppen drie van de vijf verlaten sessies bij het telefoonveld, dan weet je nu precies wat je moet aanpassen. Pauzeren ze allemaal bij hetzelfde veld voor ze afhaken, dan is dat veld de diagnose.
De meeste tools tonen samenvattende cijfers, zoals “70% van de uitval gebeurt bij het adresveld”. Gebruik dit om je sessiecontrole te richten. Laat een tool zien dat mensen bij een bepaald veld afhaken, kijk dan opnames tot je begrijpt waarom.
Veelvoorkomende frictiepunten die heatmaps en sessieopnames onthullen
Bepaalde patronen komen steeds terug in formulierdata. Weten waar je op moet letten versnelt de diagnose.
Onverwachte vragen om gegevens
Een bezoeker komt op je contactformulier. Hij verwacht naam, e-mailadres en bericht. Maar je formulier vraagt ook om telefoonnummer, bedrijfsgrootte en jaaromzet. Die velden verwachtte hij niet. Ze voelen als uithoren. Sessieopnames laten zien dat hij bij deze onverwachte velden aarzelt voor hij afhaakt. Heatmaps tonen hover-activiteit geconcentreerd op deze velden zonder klikken die bevestigen dat ze worden ingevuld.
De oplossing is uitleggen waarom je het vraagt, ze optioneel maken of ze helemaal weghalen als ze niet cruciaal zijn voor wat je wilt bereiken.
Verwarrende veldlabels
Een veld met “Voorkeur voor contact” is dubbelzinnig. Jouw voorkeur of die van hen? Sessieopnames laten bezoekers pauzeren, over het veld hoveren en misschien erop klikken om te zien of er hulptekst is. Heatmaps tonen veel hover-activiteit maar weinig interactie. Het veld zelf veroorzaakt frictie.
Duidelijke labels als “Hoe kunnen we je bereiken?” of “Heb je liever e-mail of telefoon?” nemen deze aarzeling weg. Bezoekers weten precies wat je vraagt en antwoorden meteen.
Ontbrekende context of hulptekst
Sommige velden hebben uitleg nodig. Een telefoonveld zonder context laat een bezoeker zich afvragen of je het nodig hebt voor marketingtelefoontjes of voor updates over bestellingen. Een geboortedatum zonder uitleg voelt opdringerig. Sessieopnames tonen bezoekers die bij deze velden pauzeren, met hun cursor erboven, voor ze besluiten dat het te riskant is en vertrekken.
Heatmaps tonen de pauze als hover-hotspot. Opnames tonen het moment waarop ze besluiten af te haken. De oplossing is context toevoegen direct bij het veld: “Telefoon (alleen voor updates over je bestelling)” of “Geboortedatum (om te controleren of je aan onze leeftijdseis voldoet)”.
Scrollfrictie die de verzendknop verbergt
Is je formulier zo lang dat de verzendknop niet zichtbaar is zonder te scrollen, dan weten veel bezoekers niet dat hij bestaat. Heatmaps tonen een scherpe daling in activiteit zodra gebruikers voorbij een bepaald punt scrollen. Sessieopnames tonen bezoekers die velden invullen, het einde van de zichtbare inhoud bereiken en dan het tabblad sluiten omdat ze de finish niet zien.
De oplossing is het formulier korter maken, de verzendknop zichtbaar maken zonder scrollen of een vaste verzendknop gebruiken die in beeld blijft terwijl bezoekers scrollen.
Het proces: van data naar actie
Ruwe data uit heatmaps en sessieopnames doet er alleen toe als het tot wijzigingen leidt. Dit is de werkwijze.
Week 1: verzamel basisdata
Zet je heatmap- en sessieopnametools op je formulier. Verzamel data gedurende een volle week of tot je minstens 100 sessies hebt. Je hebt genoeg data nodig om patronen te zien, geen uitschieters.
Week 2: analyseer op patronen
Bekijk je heatmaps en bepaal de top 3 frictiepunten. Doe hetzelfde met sessieopnames. Zoek de velden waar de meeste mensen pauzeren, worstelen of afhaken. Prioriteer op frequentie, niet op je aannames.
Week 3: voer één wijziging door
Kies het frictiepunt met de grootste impact en los het op. Verander niet drie dingen tegelijk. Dan weet je niet welke wijziging effect had. Voeg hulptekst toe aan een verwarrend veld. Haal een onnodig veld weg. Verander de volgorde zodat de makkelijkste velden eerst komen. Doe één duidelijke wijziging.
Week 4: meet opnieuw
Verzamel nog een week heatmap- en sessieopnamedata met je wijziging erin. Vergelijk het percentage voltooiingen, het afhaakpercentage en het specifieke gedrag bij het veld dat je veranderde. Is het verbeterd? Dan heb je een winst gevonden. Ga naar het volgende frictiepunt. Zo niet, draai het terug en probeer een andere oplossing.
Zo werken formulieren in WEMASY met heatmaptools
Formulieren in WEMASY werken naadloos samen met heatmap- en sessieopnametools. Je kunt tracking instellen op elk formulier in WEMASY om te zien hoe bezoekers ermee omgaan. Omdat formulieren in WEMASY zijn gebouwd op schone, standaardconforme HTML, is elke klik, scroll en interactie te volgen.
Je kunt ook de ingebouwde formulieranalyse van WEMASY gebruiken om verzendpercentages, afhaakpatronen en tijd per veld te zien. Combineer je dit met heatmaps en sessieopnames, dan krijg je een compleet beeld van formuliergedrag. Zie precies waar bezoekers vastlopen en waarom. Los het dan op. Bekijk wat er is inbegrepen in de abonnementen van WEMASY.
Alles samen: een checklist voor heatmaps en opnames
Dit is geen ingewikkeld proces. Het is zorgvuldig observeren en methodisch oplossen.
Stel tracking in
Kies een heatmaptool die bij je past. Installeer die op je formulier. Zet heatmaps en sessieopnames aan. Begin met data verzamelen.
Verzamel genoeg data
Pas niets aan op basis van 5 sessies. Mik op minstens 100 sessies voordat je analyseert. Je hebt genoeg data nodig om echte patronen te onderscheiden van toevallige schommelingen.
Let op de drie grote frictiesignalen
Zoek naar dode klikken op niet-interactieve elementen, rage clicks op knoppen of velden en scroll-afhaakpunten waar bezoekers plotseling afhaken.
Bekijk sessies van verlaten formulieren
Kijk niet alleen naar heatmaps. Bekijk echte opnames van bezoekers die je formulier verlaten. Zie het precieze moment waarop ze besluiten te vertrekken en waar ze naar keken toen ze dat deden.
Los één ding tegelijk op
Verander één frictiepunt, meet het effect en ga dan naar het volgende. Zo leer je wat er echt toe doet.
Meet opnieuw na elke wijziging
Verzamel een nieuwe reeks data met je wijziging erin. Vergelijk percentages voltooiingen, afhaakpercentages en gedrag bij het veld dat je veranderde. Noteer wat werkte.