Een bezoeker komt op je pagina. Hij zoekt iets om op te klikken. Misschien zoekt hij de prijzen. Misschien wil hij contact opnemen. Misschien wil hij zich aanmelden. Hij scant de pagina. Hij vindt iets dat klikbaar lijkt en klikt erop. Een klik-heatmap legt elke klik vast. Waar ze klikken. Waarop ze klikken. Zelfs waarop ze proberen te klikken terwijl het niet echt klikbaar is. Dat laatste is cruciaal. Klikt een bezoeker op iets dat niet klikbaar is, dan verwachtte hij dat het wel kon. Dat verschil in verwachting laat ontwerpproblemen zien. Klik-heatmaps maken van klikken inzicht.
In dit artikel lees je hoe klik-heatmaps werken en wat ze laten zien.
Wat klik-heatmaps tonen
Klik-heatmaps maken zichtbaar waar bezoekers klikken. Elke klik wordt vastgelegd en bij elkaar gevoegd. Knoppen waarop geklikt wordt, lichten rood op. Knoppen zonder klikken zijn blauw. De intensiteit van de kleur toont hoe vaak er geklikt wordt.
Klik-heatmaps tonen zowel geslaagde als mislukte klikken. Een bezoeker klikt misschien op een knop. Dat is een geslaagde klik. Hij klikt misschien op tekst die geen link is. Dat is een mislukte klik. Beide staan op de heatmap.
Klik-heatmaps gelden per pagina. Je ziet één pagina tegelijk. Elke pagina toont zijn eigen klikpatronen. Een heatmap van de homepage is anders dan een heatmap van een productpagina.
Gemiste kansen vinden
Een knop krijgt geen klikken. Waarom? Misschien is hij onduidelijk. Misschien staat hij op de verkeerde plek. Misschien lezen bezoekers hem niet. Een klik-heatmap toont dat de knop blauw is. Nul activiteit. Dat vertelt je dat de knop niet werkt.
Soms is het antwoord zichtbaarheid. Een knop onder de vouw krijgt minder klikken dan een knop erboven. Hem boven de vouw zetten kan helpen. Soms is het antwoord duidelijkheid. Een knop met het label "Meer informatie" krijgt minder klikken dan "Bekijk prijzen". Woorden doen ertoe.
Soms is het antwoord concurrentie. Meerdere knoppen strijden om aandacht. Bezoekers klikken op één, maar niet op de andere. Misschien moeten de andere weg. Misschien moeten ze minder opvallen.
Klikken op niet-klikbare onderdelen vinden
Bezoekers klikken op tekst die geen link is. Ze klikken op afbeeldingen die geen knop zijn. Ze proberen te werken met onderdelen die niet interactief zijn. Deze valse klikken laten verwachtingen zien.
Een bezoeker ziet een afbeelding en probeert erop te klikken. Hij verwachtte dat die een grotere versie opent of hem ergens heen brengt. Maar ze is niet klikbaar. Dit verschil toont een kans in je ontwerp. Misschien moet de afbeelding klikbaar worden. Misschien moet duidelijk zijn dat ze niet klikbaar is.
Valse klikken zijn goud waard als data. Ze tonen wat bezoekers willen doen maar niet kunnen. Als je die klikken mogelijk maakt, verbetert de betrokkenheid vaak.
Wat bezoekers willen afleiden uit klikken
Waar bezoekers klikken, vertelt je wat ze willen. Veel klikken op prijzen vertelt je dat bezoekers om de prijs geven. Veel klikken op het contactformulier vertelt je dat bezoekers contact met je willen. Klikken tonen de bedoeling zonder dat je het vraagt.
Deze data over bedoeling stuurt je beslissingen. Klikken bezoekers veel op prijzen? Dan moeten de prijzen misschien meer opvallen. Klikken ze op contact? Dan moet het contactformulier misschien makkelijker te vinden zijn.
Klikpatronen vergelijken tussen pagina's
Dezelfde knop op verschillende pagina's heeft misschien verschillende klikpatronen. Een aanmeldknop op de homepage krijgt misschien 10 procent van de klikken. Dezelfde knop op een prijspagina misschien 30 procent. Het verschil is de context. Bezoekers van de prijspagina zijn er klaarder voor om zich aan te melden.
Als je deze verschillen begrijpt, kun je elke pagina beter maken. Een homepage heeft meer opwarming nodig. Een prijspagina kan directer zijn.
Wijzigingen testen met klik-heatmaps
Nadat je een pagina hebt aangepast, gebruik je klik-heatmaps om het effect te meten. Heb je de knop verplaatst? Check of de klikken toenamen. Heb je de tekst van de knop veranderd? Check of de klikken veranderden. Klik-heatmaps tonen of je wijziging werkte.
Heatmaps van voor en na vertellen een verhaal. Voor toont het probleem. Na toont de oplossing. Deze data onderbouwt beslissingen bij A/B-testen.
Veelgestelde vragen
Betekent een hoog aantal klikken dat de knop goed is?
Niet per se. Veel klikken kunnen betekenen dat de knop moeilijk te vinden is, waardoor bezoekers er meerdere keren op klikken. Of dat veel bezoekers die actie willen. De context telt. Combineer met andere data. Met de websitebouwer van WEMASY zet je dit direct op je website op.
Moeten we knoppen weghalen die geen klikken krijgen?
Niet meteen. Zoek eerst uit waarom. Is de knop onduidelijk? Staat hij op de verkeerde plek? Probeer hem te verbeteren voordat je hem weghaalt. Soms lost een beter label of een betere plek het op.
Kunnen we zien welke bezoekers waarop klikten?
Klik-heatmaps tonen gedrag in totaal, geen individuele reizen. Gebruik sessieopnames voor individueel gedrag. Heatmaps tonen het bos. Opnames tonen de bomen.
Vervormen klikken per ongeluk de heatmaps?
Een beetje. Een klik per ongeluk verschijnt ook als klik. Maar klikken per ongeluk zijn meestal zeldzaam vergeleken met bewuste klikken. Patronen blijven duidelijk zichtbaar.
Moeten we alle onderdelen waarop geklikt wordt meer laten opvallen?
Niet per se. Sommige klikken zijn fouten. Sommige zijn verkennend. Veel klikken betekenen niet altijd dat iets belangrijk is. Gebruik klikken samen met andere data om te bepalen wat moet opvallen.
Wat doen we met klikken op niet-klikbare onderdelen?
Dat zijn kansen. Maak het onderdeel klikbaar, of maak duidelijk dat het niet klikbaar is. Valse klikken tonen wat bezoekers verwachten. Als je aan die verwachtingen voldoet, verbetert de ervaring.