Heatmapa
Heatmapa (heat map, tepelná mapa) je vizualizace dat, která pomocí barevného spektra ukazuje, jak uživatelé interagují s webovou stránkou – kde klikají, kam scrollují a na co se dívají. Teplé barvy (červená, oranžová) označují oblasti s vysokou aktivitou, studené barvy (modrá, šedá) místa s nízkou nebo žádnou interakcí. Rozlišujeme tři hlavní typy: click mapy, scroll mapy a eye-tracking heatmapy.
Heatmapy přeměňují abstraktní data o chování uživatelů na intuitivní vizuální podklad pro rozhodování. Jejich přínos je podložen rozsáhlým výzkumem:
- Uživatelé nečtou, skenují: Nielsen Norman Group ve třech eye-tracking studiích (500+ účastníků, 750+ hodin testování, výzkum probíhal 13 let) prokázala, že lidé webový obsah nečtou slovo od slova, ale skenují ho v předvídatelných vzorcích (NNGroup – How People Read Online, 2020)
- Polovinu stránky nikdo nevidí: podle Contentsquare Digital Experience Benchmarks 2025 (analýza 90 miliard sessions na 6 000 webech) se scroll rate drží kolem 50 % – průměrně polovina obsahu stránky zůstává neviděná (Contentsquare – Digital Experience Benchmarks, 2025)
- Silné vizuální signály zvyšují efektivitu: NNGroup eye-tracking experiment se 71 účastníky prokázal, že stránky se silnými vizuálními signály vedou uživatele k cíli výrazně lépe – 86 % účastníků správně zaměřilo pozornost oproti 50 % u slabých signálů (NNGroup – Heatmap Visualizations from Signifier Experiment)
- Reálné dopady na konverze: e-shop WallMonkeys analyzoval click mapy a scroll mapy, identifikoval nefunkční slider a nahradil ho vyhledáváním – výsledkem byl nárůst konverzního poměru o 550 % (Crazy Egg – WallMonkeys Case Study)
- Eye-tracking odhali, co kliknutí neukáže: Baymard Institute ve svém e-commerce eye-tracking výzkumu (32 účastníků, Tobii eye-tracker) zjistil, že eye-tracking odkrývá problémy, které samotné click mapy nezachytí (Baymard Institute – Research Methodology)
Časté dotazy
Jaký typ heatmapy použít?
Záleží na cíli. Click mapy jsou ideální pro vyhodnocení CTA a navigace. Scroll mapy ukáží, jaká část obsahu je reálně viděná – Contentsquare data z 90 miliard sessions ukazují, že průměrně jen polovina stránky je viděná. Eye-tracking heatmapy jsou nejpřesnější, ale vyžadují specializované vybavení.
Kolik dat potřebuji pro spolehlivou heatmapu?
Pro click mapy a scroll mapy platí: čím více návštěvníků, tím spolehlivější obraz. Nástroje jako Hotjar (1,1+ milionu webů) nebo Microsoft Clarity (100+ milionů uživatelů měsíčně) sbírají data automaticky. Pro eye-tracking studie NNGroup doporučuje přibližně 39 účastníků na jednu heatmapu.
Existují bezplatné nástroje pro heatmapy?
Ano. Microsoft Clarity nabízí click mapy, scroll mapy i nahrávky sessions zcela zdarma, bez omezení objemu dat. Mezi placené nástroje patří Hotjar a Crazy Egg, které navíc nabízejí A/B testování přímo na základě heatmap dat.
Zdroje:
- NNGroup – How People Read Online (2020) – 3 eye-tracking studie, 500+ účastníků, 750+ hodin testování
- NNGroup – Heatmap Visualizations from Signifier Experiment – kvantitativní experiment, 71 účastníků
- Contentsquare – Digital Experience Benchmarks 2025 – analýza 90 miliard sessions, 6 000 webů
- Baymard Institute – Research Methodology – 18 000+ uživatelských testů, eye-tracking
- Crazy Egg – WallMonkeys Case Study – nárůst konverzí o 550 %
%201.webp)