Slik bruker du varmekart for å forbedre nettstedet ditt

Har du noen gang lurt på om kundene faktisk blar helt ned til bunnen av forsiden din for å se alle de utvalgte produktene dine? Er du nysgjerrig på om nettstedets utforming virkelig er brukervennlig? Varmekart kan vise deg nøyaktig hvordan besøkende bruker nettstedet ditt.

I stedet for å gjette hvor du bør plassere en handlingsoppfordring (CTA) eller stole på magefølelsen når du utformer nettstedet, kan varmekart hjelpe deg med å ta datadrevne beslutninger. Dermed kan du gjøre potensielle tapte muligheter om til nettsider som konverterer godt.

Hva er et varmekart?

Et varmekart for nettsteder er en visuell fremstilling av hvordan besøkende engasjerer seg på en nettside. Dette verktøyet for datavisualisering hjelper deg med å forstå brukeratferd ved å vise hvilke deler av nettstedet de besøkende bruker mest, og hvilke de overser. Varmekartverktøy har ofte egne kart for mobil- og datamaskinversjonen av en side.

Ved hjelp av programvare legger varmekart en fargegradient over en side for å vise hvordan besøkende oppfører seg mens de utforsker nettstedet ditt. Dette gjør det enklere å analysere data. Varme farger viser områder med høyt engasjement, mens kalde farger viser områder med lavt engasjement. Gult og grønt signaliserer moderat engasjement.

Slik fungerer et varmekart

Varmekartverktøy som Hotjar eller Heatmap.com bruker sporingsprogramvare til å samle inn data om brukersamhandling, slik at de kan vise deg hvor besøkende klikker, beveger markøren eller blar på siden din. Deretter samler plattformen datapunktene i datasett, som klikkposisjoner eller hvor langt folk blar, og beregner hvor ofte hvert av dem forekommer.

Til slutt organiserer programvaren dataene i en fargeskala fra rødt (mest engasjert) til blått (minst engasjert), slik at du kan analysere brukeratferd og oppdage mønstre.

Ulike typer varmekart

1. Klikkart
2. Varmekart for musesporing
3. Rullekart
4. Oppmerksomhetskart
5. Segmenterte varmekart

Du kan bruke ulike typer varmekart for å få et fullstendig bilde av brukerengasjementet. Her er fem vanlige typer som hjelper deg med å visualisere data:

1. Klikkart

Klikkart gir deg et øyeblikksbilde av hvor besøkende klikker (eller trykker på mobilen) mest og minst på en side. Vanligvis betyr røde områder mange klikk, blå områder få klikk, og områder uten farge ingen klikk.

Klikkart kan avdekke sammenhengen mellom sidens utforming og brukerengasjementet. Hvis en handlingsoppfordring over skillelinjen (den delen av siden du ser før du blar) for eksempel får færre klikk enn en handlingsoppfordring under skillelinjen (delene av en side som bare er synlige etter at du har blitt å bla), kan du få mer samhandling ved å bytte om på dem.

Og hvis besøkende stadig klikker på et element som ikke kan klikkes på, betyr det at et designelement på siden din er forvirrende.

2. Varmekart for musesporing

Et varmekart for musesporing viser hvor de besøkende beveger eller holder musepekeren på en side. Ved å vite hvilke deler som fanger oppmerksomheten, kan du avgjøre hvor du bør plassere handlingsoppfordringer eller viktige budskap.

Musens posisjon henger imidlertid ikke alltid sammen med hvor blikket faller. For å få et grundigere bilde av brukerengasjementet bør du kombinere musesporingskart med et annet varmekart (som et klikkart).

3. Rullekart

Et rullekart viser hvor mange besøkende som blar ned til ulike punkter på en side. Overgangen fra rødt til gult til blått kan vise hvor de mister interessen eller slutter å bla.

Rullekart kan forme både blogginnhold og nettstedets utforming. Du kan for eksempel flytte en handlingsoppfordring for nyhetsbrevpåmelding fra et gult område til et rødt for å fange flere potensielle kunder, eller plassere viktige sideelementer der de besøkende bruker mest tid.

For å få mest mulig utfyllende data bør du bruke rullekart sammen med andre analyseverktøy eller varmekart.

4. Oppmerksomhetskart

Oppmerksomhetskart samler data fra klikkart, rullekart og musesporingskart i én enkelt visning. Dette kan hjelpe deg med å avdekke innsikter, som hvilke elementer uten klikkfunksjon som engasjerer de besøkende, eller områder med lav rulledybde som likevel har høy samhandling.

Uten dette helhetsbildet kan du feilaktig anta at enkelte elementer ikke fungerer. Du kan for eksempel ha en GIF midt på siden som engasjerer de besøkende i stor grad, uten at du får vite det hvis du bare bruker klikkart. Dette kan føre til feilaktige beslutninger om nettstedets utforming og innhold.

5. Segmenterte varmekart

Med segmenterte varmekart kan du gruppere besøkende etter kriterier som geografi, enhet og demografi. Deretter kan du analysere hver gruppe for å se hvordan ulike typer besøkende samhandler med nettstedet ditt. Med detaljert innsikt om bestemte grupper kan du lage målrettede forbedringer og en mer personlig opplevelse.

Slik bruker du varmekart på nettstedet ditt

1. Optimaliser utformingen
2. Finn de populære elementene
3. Forbedre brukeropplevelsen
4. Legg til rette for A/B-testing
5. Oppdag tekniske problemer

Varmekart hjelper deg med å ta datadrevne beslutninger i stedet for å basere deg på en anelse. Slik kan du bruke dem til å forbedre nettstedet ditt:

1. Optimaliser utformingen

Siden du ikke kan følge med over skulderen på besøkende mens de blar gjennom nettsiden din, kan du bruke et varmekart til å forstå hvilke deler av utformingen de synes er engasjerende. Deretter kan du flytte om på elementene for å lage et nettsted som konverterer potensielle kunder bedre.

2. Finn de populære elementene

Klikk, musebevegelser og rulling viser hva de besøkende samhandler med, hva som interesserer dem, og hva som holder på oppmerksomheten deres. Dette hjelper deg med å plassere handlingsoppfordringer bedre, gjøre viktige elementer mer synlige eller fjerne elementer som ikke er populære.

3. Forbedre brukeropplevelsen

Har du noen gang klikket på et element på en side uten at noe skjedde? Varmekart avdekker friksjon hos de besøkende, slik at du kan rette opp problemer som villedende elementer eller elementer som overraskende nok ikke kan klikkes på.

Du kan også bruke et varmekart til å segmentere de besøkende etter nye kontra tilbakevendende, geografi eller enhet, og deretter tilpasse opplevelsen deres. En mobilbruker blar kanskje helt ned til bunnen av forsiden din, mens en bruker på datamaskin mister interessen halvveis. Dette viser at du har mer spillerom når det gjelder lengde på mobil, mens du bør plassere viktige handlingsoppfordringer og budskap høyere opp på en side som vises på datamaskin.

4. Legg til rette for A/B-testing

Varmekart fungerer ikke direkte som A/B-tester, men de kan gi verdifull innsikt i design, budskap og utforming, noe som hjelper deg med å lage mer velbegrunnede hypoteser. Etter at du har kjørt en test, kan du sammenligne varmekartene for variantene for å forstå resultatene bedre.

Du tror kanskje at en handlingsoppfordring med teksten «Gratis frakt» vil føre til mer engasjement fordi varmekartdataene viser at besøkende klikker mer på korte oppfordringer. Da kan du kjøre en test og sammenligne varmekartene før og etter for å bekrefte hypotesen din.

5. Oppdag tekniske problemer

Elementer som ikke reagerer, villedende handlingsoppfordringer, brutte lenker og elementer som lastes sakte, kan skade konverteringen. Du er kanskje ikke engang klar over at disse problemene finnes.

Hvis du plutselig opplever et fall i salget, tror du kanskje det skyldes ytre faktorer som økt konkurranse eller sesongsvingninger. Men varmekartdataene kan avsløre at besøkende har klikket på en «Legg i handlekurv»-knapp som ikke reagerer, og som ikke fungerer på mobil.