Samla in data · Lektion 29 av 41

Heatmaps

Använd klickkartor, scrollkartor och sessionsinspelningar för att undersöka hinder. Börja med en fråga och tolka observationerna försiktigt.

En lektion i Viseos kostnadsfria CRO-kurs. Kursmaterial från Viseo.

Skärmbilderna är historiska exempel från kursens original. Använd dem för att studera principerna, inte som uppgifter om företagens aktuella priser, villkor eller gränssnitt.

Heatmaps är ett verktyg som hjälper dig att få insikt om dina besökares beteenden. Genom att spara data från användarsessioner kan du bland annat få reda på hur dina besökare klickar, rör musen och scollar på din sida. Denna data kan sedan analyseras för att få insikter om vad du kan förbättra på din hemsida.

Ett heatmap-verktyg spelar helt enkelt in vad dina besökare gör på din hemsida och låter dig analysera resultaten i efterhand.

I detta avsnitt kommer vi att gå igenom fyra olika typer av heatmaps:

• Click maps - visar hur besökarna klickar på hemsidan.
• Session replays – visar inspelningar av hela användarsessioner. Detta är ingen heatmap egentligen, men verktyget finns tillgängligt hos i princip alla heatmap-verktyg.
• Hover maps - visar hur besökarna rör muspekaren på hemsidan.
• Scroll maps – visar hur långt ner användarna scrollar på dina sidor.

Click maps

En click map är precis vad det låter som – en analys över vart besökarna klickat på dina sidor. Vitt/gult indikerar mest antal klick, följt av rött, medan blått och grönt indikerar färre klick;

Information om hur dina besökare klickar ger dig indikationer om vad de vill göra på din hemsida. Exempelvis; kanske många besökare klickar på dina produktbilder även om de inte är länkar. Detta indikerar troligtvis att dina besökare vill se mer detaljerade bilder.

Session replays

Session replays är förvisso ingen heatmap, men erbjuds av i princip alla heatmap-tjänster. Detta är utan tvekan mitt favoritverktyg.

Med sessionsinspelningar kan du undersöka hur besökare använder sidan. Utgå inte från att inspelningarna är anonyma: kontrollera verktygets inställningar, maskera personuppgifter och undanta känsliga fält innan insamling.

Låt oss säga att din Google Analytics-analys visar att många användare lämnar din hemsida vid utcheckning. Med ett verktyg som Hotjar kan du filtrera session replays baserat på användare som droppat av vid utcheckningssidan. Du kan då gå in och se hur dessa användare beter sig på sidan. Är det någonting i formuläret de inte förstår? Hittar de inte rätt betalningsmetod?

Session replays är förvisso tidskrävande, men kan ge riktigt bra insikter. Jag rekommenderar starkt att använda dem för att förstå dina besökare bättre och vilka problem de stöter på när de navigerar din hemsida.

Scroll maps

En scroll map ger dig information om hur långt ner dina besökare scrollar på dina sidor.

Vad är de bra för?

Scroll maps visar dig om dina besökare faktiskt tar del av den viktigaste informationen på dina sidor. Om du exempelvis har viktig information på ett ställe som väldigt få användare faktiskt scrollar ner till så kan det vara det vara dags att omorganisera.

Hover maps

Hover maps, eller mouse-movement tracking, är en heatmap som visar vart på dina sidor dina besökare rör muspekaren. Tanken bakom hover maps är att besökare rör muspekaren på samma ställen som de tittar på.

Om vi vet vart på hemsidan besökarna tittar kan vi få reda på vart vi ska placera de viktigaste design-elementen, och hur vi ska utforma sidan för att maximera användarupplevelsen.

Problemet med hover maps är dock att muspekarens rörelser oftast inte korrelerar väl med vart besökare tittar.

Det är väldigt ofta som besökare tittar runt på en hemsida utan att röra på muspekaren (eller tittar på andra ställen än där muspekaren är).

En hover map visar var muspekaren rör sig. Tolka den tillsammans med klick, scrollning och observationer från användartester för att undersöka vad besökaren uppmärksammar.

Med andra ord; om du vill använda hover maps – ta resultaten med en stor nypa salt.

Hur ska du använda heatmaps?

Jag rekommenderar starkt att du gör steg 1 i processen (Google Analytics-analys) innan du börjar titta på heatmaps. Identifiera vad du vill ta reda på innan du tittar på dina heatmaps. Om du börjar titta runt på heatmaps utan att ha någon aning om vad du egentligen vill ta reda på så är det svårt att få några konkreta resultat.

Olika tjänster för heatmaps

Det finns ett flertal olika tjänster för heatmaps, några av de populäraste är;

• Hotjar
• Crazyegg
• VWO

Jag rekommenderar att du själv jämför de olika verktygen för att se vilket som passar dig och ditt företag bäst.