Heatmapa (tepelná mapa) je farebná vizualizácia, ktorá ukazuje, kam návštevníci na stránke klikajú, ako ďaleko rolujú a kde sa zdržia. Teplé farby, napríklad červená, označujú miesta s najväčšou aktivitou, studené miesta s najmenšou.
Aké typy heatmáp existujú?
| Typ | Čo ukazuje |
|---|---|
| Mapa kliknutí | Kam návštevníci klikajú alebo ťukajú, vrátane prvkov, ktoré vyzerajú ako odkazy, no nimi nie sú |
| Mapa rolovania (scroll map) | Ako ďaleko po stránke návštevníci zostúpili, teda ktorú časť videlo koľko ľudí |
| Mapa pohybu myši | Kam sa pohybuje kurzor, čo môže naznačovať, kam sa návštevník pozerá |
Ako heatmapu čítať?
Mapa kliknutí ukáže, či ľudia klikajú na dôležité tlačidlá, napríklad na výzvu na akciu, alebo na nič nevedúce prvky. Mapa rolovania ukáže, odkiaľ väčšina návštevníkov odchádza, a dôležitý obsah by sa pred tým miestom mal nachádzať. Heatmapa odpovedá na otázku, čo sa deje, nie prečo. Dôvody pomôže zistiť testovanie použiteľnosti.
Aké nástroje sa používajú?
Heatmapy ponúka viacero nástrojov, napríklad bezplatný Microsoft Clarity, ktorý okrem iného vytvára mapy kliknutí a rolovania. Nástroj pri používaní zbiera údaje o správaní návštevníkov, preto web musí o tom informovať a získať súhlas, ak to vyžadujú pravidlá o cookies a GDPR.
Na čo si dať pozor?
Zo zozbieraných údajov sa dajú robiť zlé závery, ak je návštevnosť nízka. Výsledky treba porovnávať zvlášť pre mobil a počítač, lebo správanie sa líši. Zmeny na základe heatmapy je vhodné overiť A/B testom.
Čo si zapamätať o pojme heatmapa?
Heatmapa farebne ukazuje, kam návštevníci klikajú a ako ďaleko rolujú. Pomáha nájsť problémy na stránke, no neodpovedá na otázku prečo a vyžaduje súhlas návštevníkov. Vyhodnotenie správania na vašom webe vám vieme pripraviť, kontaktujte nás.
Ako to rieši webstrankanamieru.sk: Pri tvorbe webu na mieru sa pojem heatmapa rieši v rámci postupu opísaného v sekcii Proces tvorby webstránky. Hotové weby nájdete v portfóliu, orientačné ceny v cenníku a vlastný projekt môžete konzultovať cez kontakt.
Súvisiace pojmy: UX, Testovanie použiteľnosti, Konverzia, Landing page, Bounce rate, CTA, Google Analytics 4
Často kladené otázky o pojme heatmapa
Čo je heatmapa?
Aké typy heatmáp poznáme?
Je heatmapa zadarmo?
Treba pri heatmape súhlas návštevníka?
Ako heatmapu využiť?
Zdroje
- Microsoft Learn: Heatmaps (Clarity)Prehľad heatmáp v nástroji Microsoft Clarity.
- Microsoft Learn: Scroll maps (Clarity)Mapa rolovania a jej čítanie.
- Nielsen Norman Group: F-Shaped Pattern of Reading on the WebAko ľudia čítajú obsah na webe.