Et heatmap er en grafisk fremstilling av data som bruker et fargekodesystem for å representere ulike verdier. De viser hvor brukere har klikket på en side.
Et heatmap er en grafisk fremstilling av data som bruker et fargekodesystem for å representere ulike verdier. Heatmaps brukes i ulike former for analyse, men brukes oftest for å vise brukeratferd på bestemte nettsider eller nettsidmaler. Heatmaps kan brukes til å vise hvor brukere har klikket på en side, hvor langt de har scrollet nedover en side, eller til å vise resultatene av øyesporingstester.
Basert på erfaringer fra 127 000 eksperimenter, er team som har lagt til heatmapping ytterligere 16 % mer vellykkede i optimaliseringsarbeidet sitt.
Heatmaps gir data om hvor brukere har klikket på en side og hvor langt de har scrollet nedover en side. For eksempel kan et heatmap av en nettside vise deg hvilke områder på siden som mest sannsynlig blir klikket på. Bruk denne informasjonen til å forbedre sidedesignet ved å sørge for at de viktigste elementene er plassert i de mest synlige områdene.
Med heatmaps kan du spore brukerengasjement på en nettside. For eksempel kan du bruke et heatmap for å se hvor langt brukere scroller nedover en side eller hvor lenge de bruker på hvert sideelement. Denne informasjonen sikrer at det viktigste innholdet er lett å finne og lese.
Du kan gjøre design og brukervennlighet på nettsidene dine mye bedre gjennom heatmap-visualisering. Hvis du leter etter en måte å få mer innsikt i hvordan brukerne dine samhandler med nettstedet ditt, er heatmaps et godt sted å starte.
Analyseverktøy som Google Analytics eller Site Catalyst er gode til å levere metrikker som viser hvilke sider brukere besøker, men de kan mangle detaljer når det gjelder å forstå hvordan brukere engasjerer seg med disse sidene. Heatmaps kan gi en mer omfattende oversikt over hvordan brukere faktisk oppfører seg og den faktiske konverteringsraten.
Heatmaps er også mye mer visuelle enn standard analyserapporter, noe som kan gjøre dem enklere å analysere raskt. Dette gjør dem mer tilgjengelige, spesielt for personer som ikke er vant til å analysere store mengder komplekse data.
Gode heatmap-verktøy, som CrazyEgg eller Hotjar (nå eid av Contentsquare), gjør det mulig for analytikere å segmentere og filtrere dataene. Gjennom dataanalyse kan det være enkelt å se hvordan ulike typer brukere engasjerer seg med en bestemt side. Dette skiller seg fra å lage heatmaps i verktøy som Excel, der data bare legges ut i et varmt-til-kaldt (eller omvendt) format.
Oppmerksomhets-heatmaps kan hjelpe deg med:
Videre kan heatmaps forbedre A/B-testprosesser betydelig. Du kan:
Eksempel: Et heatmap kan avsløre at brukere klikker oftere på en handlingsknapp i Variant B, noe som forklarer den høyere konverteringsraten.
Det finnes mange ulike typer heatmaps, men noen av de vanligste inkluderer:
Oppmerksomhets-heatmaps: dette er et nyere format for heatmaps og kan samle ulike klikk- og hover-heatmaps for å danne et mer komplett bilde av hvor besøkende brukte mest oppmerksomhet på en side.
Nyere heatmap-verktøy kan også legge inn tilleggsinformasjon som verdien av hver konvertering i heatmappene dine. Hvis målet med et heatmap er å identifisere hvor mest interaksjon skjer, kan kombinasjonen av et klikkart og et scrollkart også gi deg ytterligere aggregerte datasett om hvor brukeratferden henger etter. Dette kan hjelpe deg med å optimalisere nettstedet ditt for flere konverteringer og engasjement, kvantifisert med forretningsmetrikker som omsetning.
Når du leser et heatmap, ser du på en visualisering av scroll-, klikk- og hover-engasjement. Denne informasjonen kan være nyttig når du lager et fugleperspektiv av engasjement på nettstedet eller appen din.
Alle typer heatmaps går fra kaldt til varmt i farge. Blått er kaldest, og hvitt er varmest i de fleste tilfeller.
Blått: Det var lite interaksjon med dette området
Grønt: Brukere holdt musen over eller klikket på noen elementer i dette området
Rødt: Det var noe engasjement, hover eller klikk i dette området
Hvitt: Mest oppmerksomhet ble brukt på disse seksjonene. Typisk klikkbare elementer som knapper
Når du leser disse kartene, avhengig av typen (scroll, klikk, engasjement), er områdene med flest brukerinteraksjoner varmest. Du bør fokusere oppmerksomheten din på disse. Er de områdene du forventer, som knapper og lenker, eller er de områder du ikke ønsker at brukere skal engasjere seg med.
For eksempel, i vår egen erfaring på Optimizely.com, har vi sett brukere engasjere seg med illustrasjoner og bilder som inneholdt falske knapper og UI-elementer. Fordi disse illustrasjonene så interaktive ut, trakk de oppmerksomheten bort fra innholdet vårt. Vi fant ut at brukere gjorde dette ved å bruke et klikk-heatmap og øktopptak. Våre generelle nettstedmetrikker ville ikke ha vist dette, ettersom det ikke var satt opp CTA-er eller sporbare elementer på illustrasjonene. Du kan bruke denne dataen til din fordel og trekke oppmerksomhet til bestemte seksjoner med design, fargevalg og lede folk videre inn på siden din.
Du kan også kombinere heatmaps med andre datasett for å få enda mer innsikt. Ved hjelp av heatmaps og øktopptak fant vi ut at et pluss-ikon (+) var det mest interagerte elementet for en utvidbar FAQ-trekkspillmeny på nettstedet vårt, der en nedoverpil (▼) kanskje ville blitt valgt uten denne informasjonen. Det er viktig å måle heatmaps og øktopptak på ditt eget nettsted, ettersom dette kan variere fra nettsted til nettsted.
Som de fleste former for webanalyse, trenger heatmaps en stor mengde data før de kan analyseres nøyaktig for datavisualisering. Å analysere heatmaps basert på en liten mengde data ligner på å «avslutte» A/B-tester for tidlig, basert på for få besøk eller konverteringer. Ettersom heatmaps viser trender, er det viktig å ha nok informasjon til å sikre at eventuelle avvik ikke påvirker det overordnede heatmap-bildet.
Når de brukes feil, kan heatmaps være villedende. De kan oppmuntre analytikere til å trekke antakelser som kanskje ikke er korrekte. Det er viktig å huske at heatmaps, som andre former for kvantitative data, kan fortelle deg hva som har skjedd på en side, men ikke hvorfor det skjedde.
Det er også viktig å være klar over begrensningene i heatmap-data. Ofte vil heatmaps vise klikk på en side (kjent som klikkart), men dette kan bare være en del av historien. For eksempel, når du ser på et heatmap av et skjema, kan det vise at brukere klikker på det første feltet og at det er færre klikk på de påfølgende feltene.
Denne visuelle fremstillingen kan tyde på at brukere faller fra etter å ha fylt ut det første feltet. Det heatmaps imidlertid ikke viser, er om brukere har brukt tastaturet til å tabbe gjennom skjemafelt i stedet for musen. For å analysere skjemabruk korrekt kan dedikerte skjemaanalyseverktøy brukes. Disse måler tiden brukt i hvert felt, i stedet for bare klikk.
I tillegg innebærer bruk av heatmaps innsamling av brukerdata, noe som har personvernmessige implikasjoner:
Heatmaps gir en god måte å se, med et raskt blikk, hvor «populære» elementene på en bestemt side er. Dette er spesielt nyttig for å sammenligne elementer som har tilsvarende fremtredende plassering på siden. Heatmappet nedenfor viser hvor brukere klikket på en produktside for mobiltelefoner:
Det er tydelig å se fra dette at den nåværende rekkefølgen på disse telefonene ikke samsvarer med deres popularitet. Brukere velger ofte den fremhevede telefonen, til tross for at den vises ganske langt ned på listen og «under bretten» på de fleste enheter. En mulig løsning på dette ville være å vise telefonene i rekkefølge etter popularitet, slik at brukere slipper å scrolle for å finne populære telefoner.
Heatmapping kan også være nyttig for å skille mellom lenker når det er mer enn én lenke på en side som går til en bestemt destinasjonsside. Noen analyseverktøy, som Google Analytics, behandler lenker til samme destinasjon som samme lenke. Dette gjør det umulig å fastslå hvilken av lenkene som har fått flest klikk.
Et eksempel der denne differensieringen er nyttig, er å fastslå hvor mange som bruker lenkene i bunnteksten sammenlignet med dem i hovednavigasjonen. Dette er ofte mer enn du forventer!
Bruk heatmaps til å identifisere klikk på deler av en side som faktisk ikke er lenker. I eksempelet nedenfor er bare «finn ut mer»-teksten en lenke, men brukere klikker feilaktig på ikonene i et forsøk på å få mer informasjon.
Scrollkart viser hvilken del av innholdet ditt som er mest engasjerende og hvor langt ned på en bestemt side brukerne dine leser. Scrollkart viser ikke hva brukere har lest, men kan fremheve områder der brukere scroller forbi (dvs. ikke leser) innhold som du kanskje anser som viktig. Hvis du har en blogg og scrollkartet viser at mesteparten av tiden brukes i starten av en artikkel og svært lite mot slutten, bør du kanskje fokusere på å gjøre blogginnleggene kortere eller mer engasjerende!
Nettsted-heatmaps vil ikke svare på alle spørsmålene dine om brukeropplevelse og hvordan brukere engasjerer seg med nettstedet ditt, men de kan gi innsikt som ikke er lett tilgjengelig fra andre analyseverktøy. Så lenge de brukes på riktig måte, og konklusjoner ikke trekkes fra små datamengder, kan heatmaps være et svært effektivt verktøy i webanalystikerens arsenal.
Bruk av heatmaps i oppdagelsesfasen av CRO-kampanjen din kan virkelig hjelpe med å identifisere flere områder for testing. Det hjelper deg med å øke konverteringer på landingssidene dine i sanntid. Eksemplene på denne siden har alle blitt brukt til å informere A/B-tester på endringer i sideoppsett og funksjonalitet for bedre å matche brukerens intensjon.
Heatmaps kan også integreres med A/B-tester i Optimizely Web Experimentation. Dette betyr at du vil kunne få et tydelig bilde av hvordan brukere engasjerer seg med testvariantene dine sammenlignet med originalen.
