Hva er et heatmap?
Et heatmap, eller varmekart, er en visuell fremstilling av hvordan besøkende bruker en nettside. Fargene viser hvor aktiviteten er størst: rødt og oransje betyr mye klikk eller oppmerksomhet, blått og grønt betyr lite. Heatmaps gjør det enkelt å se hva brukerne faktisk gjør, uten å lese tabeller med tall.
Verktøy som Microsoft Clarity, som er gratis, og Hotjar samler inn dataene via et lite skript på nettsiden. Mange av dem tilbyr også opptak av enkeltøkter, slik at du kan se hvordan anonyme brukere navigerer.
Typer heatmaps
Klikkart: viser hvor folk klikker, også på elementer som ikke er klikkbare.
Scrollkart: viser hvor langt ned på siden folk kommer, og hvor mange som faller av underveis.
Bevegelseskart: viser hvor musepekeren beveger seg på desktop, som en grov indikasjon på oppmerksomhet.
Oppmerksomhetskart: viser hvilke deler av siden som er synlige lengst.
Se alltid på mobil og desktop hver for seg. Oppførselen er ofte svært forskjellig, og mobil står for en stor del av trafikken på de fleste nettsider.
Hva kan du lære av et heatmap?
Om viktige knapper og CTA-er blir sett og klikket.
Om folk klikker på bilder, overskrifter eller ikoner de tror er lenker, såkalte dead clicks.
Om viktig innhold ligger så langt ned at få ser det.
Om brukerne gjentatte ganger klikker raskt på samme sted i frustrasjon, ofte kalt rage clicks.
Hvilke menypunkter som brukes, og hvilke som kan fjernes.
Heatmaps forteller hva som skjer, men ikke alltid hvorfor. Kombiner dem med analyse i GA4, brukertester og spørreundersøkelser for å forstå årsakene.
Slik bruker du heatmaps i forbedringsarbeid
Start med sidene som har mest trafikk eller størst betydning for salg, som forsiden, produktsider og skjema. Se etter mønstre, formuler en hypotese og test den med A/B-testing. Et typisk eksempel er en landingsside der scrollkartet viser at halvparten forlater siden før de ser kontaktskjemaet. Å flytte skjemaet høyere opp kan gi flere henvendelser, men bør testes.
Husk at heatmap-verktøy setter informasjonskapsler og samler bruksdata, så de må inngå i samtykkeløsningen. Heatmaps er en sentral del av arbeidet med CRO og brukeropplevelse.
Relaterte begreper
UX: brukeropplevelse, som heatmaps gir konkret innsikt i.
CRO: konverteringsoptimalisering, der heatmaps brukes til å finne forbedringer.
A/B-testing: metoden som tester om endringene faktisk virker.
Fluktfrekvens: andelen som forlater siden uten å gjøre noe, som heatmaps kan hjelpe å forklare.
Se alle begrepene i ordboken.