Heatmap

Heatmapa (tepelná mapa) je vizuální znázornění dat, které pomocí barevných přechodů ukazuje, jak uživatelé interagují s webovou stránkou. Nejběžnější typy jsou klikací heatmapy, které odhalují, kam uživatelé nejčastěji klikají nebo klepou, scrollovací heatmapy, které ukazují, jak hluboko na stránce návštěvníci skutečně dočtou, a pohybové heatmapy, které sledují pohyb kurzoru jako přibližný ukazatel vizuální pozornosti. Převodem surových behaviorálních dat do intuitivní vizuální podoby heatmapy na první pohled ukazují, které části stránky přitahují pozornost a které jsou zcela ignorovány.

Nejrozšířenějšími heatmapovými platformami ve webovém vývoji jsou Hotjar, Microsoft Clarity a Crazy Egg. Hotjar i Clarity nabízejí bezplatné tarify, které malým a středním webům stačí, takže analýza heatmap je dostupná i s napjatým rozpočtem. Tyto nástroje obvykle kombinují heatmapy s nahrávkami relací, takže můžete vedle agregovaných dat z heatmap sledovat i cesty jednotlivých uživatelů. Microsoft Clarity vyniká tím, že je zcela zdarma bez limitů návštěvnosti a přímo se integruje s Google Analytics.

Pro optimalizaci UX jsou heatmapy neocenitelné, protože odhalují rozdíl mezi tím, jak designéři očekávají, že se stránka bude používat, a tím, jak ji skuteční návštěvníci používají. Tlačítko pod ohybem stránky, ke kterému nikdo nedoscrolluje, navigační prvek, na který uživatelé klikají v domnění, že jde o odkaz, i když není, formulářové pole, které mate a vede k opuštění stránky: heatmapy tyto problémy odhalí, aniž by je uživatelé museli sami pojmenovat. Praktický postup je přímočarý: spustit heatmapu na klíčových stránkách, najít vzorce, kde se chování uživatelů rozchází se zamýšleným, provést cílené změny a změřit dopad na konverzní metriky.