Varmekart

Hva er et varmekart?

Et varmekart bruker farger for å vise brukeratferd på en nettside. Varme farger (rød, oransje) indikerer områder med høy aktivitet, mens kalde farger (blå, grønn) viser områder med lav aktivitet. Dette gir deg en intuitiv oversikt over hvordan de besøkende faktisk bruker sidene dine.

Heatmaps er et viktig verktøy i konverteringsfrekvensoptimalisering (CRO), fordi de avslører forskjellen mellom hvordan du tror at brukerne navigerer, og hvordan de faktisk gjør det.

Typer heatmaps

Det finnes flere typer heatmaps som viser ulike aspekter av brukeratferd:

Varmekart for klikk

Viser hvor brukerne klikker på siden. Det viser hvilke knapper, lenker og elementer som får mest oppmerksomhet - og, like viktig, hvilke som ignoreres. Du kan oppdage om brukerne klikker på elementer som ikke er klikkbare (frustrerende UX), eller om viktige CTA-knapper blir oversett.

Rullevarmekart

Viser hvor langt ned på siden brukerne blar. Dette er viktig for å forstå om innholdet ditt i det hele tatt blir vist. Hvis 80 % av de besøkende aldri blar lenger ned enn de første 500 pikslene, bør de viktigste meldingene og CTA-knappene plasseres øverst.

Varmekart for bevegelse

Viser hvor brukerne beveger musen. Det er en korrelasjon (om enn ikke perfekt) mellom musebevegelser og øyebevegelser. Det gir en indikasjon på hvor brukernes oppmerksomhet er.

Varmekart for oppmerksomhet

Kombinerer tid og synlighet. Den viser hvilke deler av siden brukerne bruker mest tid på. Det er den mest nøyaktige indikatoren på hva som faktisk fanger brukernes interesse.

Hva kan du lære av varmekart?

Heatmaps gir svar på spesifikke spørsmål om nettbutikken din:

• Blir CTA-en din sett? Hvis "Legg i handlekurven"-knappen er plassert på et kaldt sted, bør den flyttes eller fremheves.
• Skroller brukerne langt nok? Hvis viktig informasjon ligger under folden, og rullevarmekartet viser at bare 20 % når dit, bør innholdet omorganiseres.
• Er navigasjonen intuitiv? Klikk-varmekart avslører om brukerne finner de riktige lenkene eller klikker seg forvirret rundt.
• Fungerer produktsidene dine? Se om kundene samhandler med produktbilder, størrelsesguider, anmeldelser og andre elementer.
• Finnes det distraksjoner? Hvis brukerne klikker på dekorative elementer eller bilder som ikke er lenker, er det en UX-feil.

Populære verktøy for varmekart

De mest brukte heatmap-verktøyene for nettbutikker er

• Hotjar: Det mest populære valget. Kombinerer heatmaps med øktopptak, spørreundersøkelser og tilbakemeldinger. Gratis plan for mindre nettsteder.
• Microsoft Clarity: Gratis verktøy fra Microsoft med varmekart og øktopptak. Ingen begrensning på trafikk.
• Crazy Egg: Fokusert varmekartverktøy med rullekart, konfettirapporter og A / B-testing.
• Lucky Orange: Kombinerer heatmaps, opptak og live chat i ett verktøy.

De fleste varmekartverktøy installeres ved å legge til en JavaScript-snippet i nettbutikken din. I Shoporama kan du gjøre dette via Google Tag Manager eller direkte i temaet ditt.

Varmekart og GDPR

Varmekartverktøy samler inn brukerdata og krever derfor samtykke til informasjonskapsler i henhold til GDPR. Sørg for at du gjør det:

• Inkluder varmekartverktøyet i retningslinjene for informasjonskapsler
• Last inn skriptet først etter at brukeren har gitt samtykke til informasjonskapsler for statistikk
• Kontroller at verktøyet anonymiserer personopplysninger (skjemafelt, e-post osv.)

Beste praksis for varmekartanalyse

• Samle inn nok data: Vent til du har minst 1 000-2 000 sidevisninger før du trekker konklusjoner. Få datapunkter gir upålitelige resultater.
• Segmenter: Sammenlign varmekart fra mobil vs. PC, nye vs. tilbakevendende besøkende og ulike trafikkilder.
• Fokuser på de viktigste sidene: Begynn med de viktigste sidene - forsiden, de øverste produktsidene og kassen - i stedet for å analysere hele nettstedet.
• Kombiner med andre data: Bruk varmekart sammen med Google Analytics-data og konverteringsfrekvenser for å prioritere de endringene som gir størst effekt.