Čo je Heatmapa (Heat Map)?
Heatmapa je vizualizačná technika, ktorá pomocou farieb zobrazuje intenzitu aktivity používateľov na webstránke. Teplé farby (červená, oranžová) označujú oblasti s najväčšou aktivitou, studené (modrá, zelená) oblasti s najmenšou.
Definícia Heatmapa (Heat Map)
Definícia heatmapy
Heatmapa (z anglického heat map) je dvojrozmerná vizualizačná technika, ktorá zobrazuje veľkosť hodnôt v datasete pomocou farieb. Podľa Wikipédie je heatmapa relatívne nový termín, ale prax farebného znázorňovania matíc existuje viac ako storočie — najstarší známy príklad pochádza z roku 1873, keď Toussaint Loua vizualizoval sociálne štatistiky Paríža.
Na weboch sa heatmapy používajú na zobrazenie hustoty interakcií používateľov — kde klikajú, kam scrollujú a čo ich zaujíma.
Typy webových heatmáp
V kontexte webovej analytiky existujú tri hlavné typy:
- Click mapa — zobrazuje, kam používatelia najčastejšie klikajú. Odhaľuje, ktoré tlačidlá a odkazy sú populárne a ktoré sú ignorované.
- Scroll mapa — ukazuje, ako ďaleko používatelia scrollujú na stránke. Pomáha pochopiť, či ľudia vôbec vidia obsah pod záhybom (below the fold).
- Move mapa (mouse tracking) — sleduje pohyb kurzora myši. Výskum ukazuje, že pohyb kurzora často koreluje s pohybom očí.
Ako heatmapy pomáhajú
Heatmapy odhaľujú, čo čísla v Google Analytics neukážu:
- Či ľudia klikajú na prvky, ktoré nie sú klikateľné (frustrácia)
- Či dôležité CTA tlačidlo vôbec niekto vidí
- Ktoré časti stránky sú „mŕtve zóny" bez aktivity
- Ako ďaleko ľudia scrollujú — a teda čo nikdy nevidia
Praktický príklad
Príklad: E-shop s elektronikou chce zvýšiť predaj.
Nainštaluje heatmapový nástroj (napr. Hotjar) na produktovú stránku. Po týždni dáta ukážu:
- Click mapa: 70% kliknutí smeruje na fotku produktu (ľudia chcú zväčšiť), ale tlačidlo „Pridať do košíka" dostáva len 5% kliknutí — je príliš nízko na stránke.
- Scroll mapa: Len 30% návštevníkov sa dostane k recenziám zákazníkov, ktoré sú umiestnené úplne dole.
Riešenie: Presunúť tlačidlo „Do košíka" vyššie vedľa fotky, pridať recenzie nad záhyb stránky. Výsledok: nárast konverzií o 25%.
Často kladené otázky
Čo je heatmapa na webstránke?
Heatmapa je vizualizácia aktivity používateľov na webe. Pomocou farieb ukazuje, kam ľudia klikajú, ako ďaleko scrollujú a kam smeruje ich pozornosť. Červená = vysoká aktivita, modrá = nízka aktivita.
Aké nástroje sa používajú na heatmapy?
Najpoužívanejšie nástroje sú Hotjar, Microsoft Clarity (bezplatný), Crazy Egg a Mouseflow. Hotjar a Clarity sú ideálne pre malé a stredné firmy.
Aký je rozdiel medzi click mapou a scroll mapou?
Click mapa zobrazuje, kam používatelia klikajú. Scroll mapa ukazuje, ako ďaleko scrollujú na stránke — teda koľko obsahu skutočne vidia.
Je heatmapa lepšia ako Google Analytics?
Nie je lepšia, ale dopĺňa ju. Google Analytics ukazuje čísla (koľko návštevníkov, odkiaľ prišli). Heatmapa ukazuje správanie (kam klikajú, čo ignorujú). Ideálne je používať oboje.
Súvisiace pojmy
Potrebujete pomôcť s webom?
Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.