Heatmaps
Een goed ontwerp van een website bestaat uit meer dan alleen mooie kleuren en vormen. Het is belangrijk goed te bepalen waar de bezoeker naar kijkt en of de informatie en acties duidelijk naar voren komen. Het meeste blijft een aanname en kun je pas waarnemen door het te testen in de praktijk. Dit kan onder andere met heatmaps. Dit is een visuele weergave van de meetresultaten in kleuren getoond. Zo kan een heatmap te maken van alle clicks op een pagina. Hoe roder het gebied, hoe meer erop geklikt wordt.
Scroll heatmap
Ook het scroll-gedrag van een bezoeker is na te lezen. Hoe blauwer een gedeelte is, des te minder het wordt gezien, omdat men niet of nauwelijks scrolt. Dit geldt voor alle weergaves, mobiel, tablet en desktop.
Voorbeeld: Op deze scroll heatmap kun je duidelijk zien dat de aandacht vooral boven de vouw ligt. Dit is dan ook de reden dat we de Quick search naar boven hebben verplaatst zodat deze direct in beeld staat.
Heatmap voor mobiele apparaten
Dit is een voorbeeld van een mobiele heatmap, op mobiel is het gebruikelijker om te scrollen en zie je ook onderin de pagina enkele taps (met je vinger ergens op drukt). Ook zien we dat video het goed doet op deze pagina, ondanks dat het wat verder op de pagina staat.
Conversion Funnels
Als je gebruik maakt van een actie die meerdere stappen vergt van een bezoeker, is het interessant om dit te visualiseren met een Conversie funnel. Bijvoorbeeld het boekingsproces. Dit is een trechterweergave waarin per stap wordt getoond wanneer mensen afhaken. Zo zie je duidelijk of een pagina moet worden aangepast vanwege het hoge aantal ‘paginaverlaters’.
Hieronder zie je een voorbeeld van een trechterweergave.
