Mapy cieplne strony – co to jest i jak je czytać?

Czym są mapy cieplne strony

Mapa z małej próbki to obrazek, nie dowód

Najczęstszy błąd przy heatmapach to wyciąganie wniosków z kilkunastu wizyt. Nielsen Norman Group stawia wymóg wprost: „Heatmaps are quantitative visualizations that aggregate the number and duration of eye fixations on a stimulus (UI). Heatmaps require a relatively large number of participants to be reliable (around 30)”.1 Zdanie dotyczy map z badań okulograficznych, ale zasada przenosi się na mapy z narzędzi analitycznych, bo one też są wizualizacją ilościową.

Stąd bierze się różnica, którą łatwo przeoczyć. W badaniu jakościowym szuka się istnienia przeszkody i pięciu osób wystarcza, żeby ją wykryć. Badanie ilościowe pyta „jak wielu i w których miejscach”, więc próbka musi być wielokrotnie większa. NN/g podaje przy metrykach użyteczności 20 uczestników, a przy heatmapach około 30.2 Kolorowa mapa z pierwszego tygodnia na mało odwiedzanej podstronie jest inspiracją do postawienia hipotezy, nie podstawą decyzji o przebudowie.

Czego mapa cieplna nie pokazuje

Narzędzie rejestruje trzy rzeczy: gdzie użytkownik przesunął kursor, dokąd doprzewijał i w co kliknął. Nie rejestruje tego, na co patrzył. Ruch myszy bywa skorelowany z uwagą, ale nie jest jej pomiarem. Do tego potrzebna jest okulografia, czyli zupełnie inne badanie i inny sprzęt. Wnioski w rodzaju „ten nagłówek przyciąga wzrok” wyciągnięte z mapy ruchu kursora są nadinterpretacją.

Drugie ograniczenie jest prostsze: mapa pokazuje, co ludzie zrobili na stronie taką, jaka jest. Nie powie, co zrobiliby, gdyby oferta stała wyżej. Na to pytanie odpowiada dopiero test porównawczy dwóch wersji.

Zanim kupisz narzędzie: sprawdź, jak długa jest Twoja strona

Mapa przewijania odpowiada na pytanie o zasięg treści, ale zanim zbierze się próbkę, dobrze poznać samą geometrię. Zmierzyliśmy ją u siebie 20 sierpnia 2026 na czternastu podstronach, w oknie o wysokości 915 pikseli, czyli mniej więcej ekranie telefonu.3 To nie jest mapa cieplna, tylko pomiar tego, ile ekranów w ogóle trzeba przewinąć.

Mediana długości strony wyniosła 16,4 ekranu, a rekordzistka, jedna z podstron miejskich, 35,8 ekranu. Nagłówek główny pojawiał się wszędzie w pierwszym ekranie (0,5–0,8), ale pierwszy nagłówek sekcji, czyli początek treści właściwej, leżał na stronach usług dopiero po 1,4–2,3 ekranu przewijania. Numer telefonu na hubach usług był w zasięgu 0,7–1,6 ekranu, ale na stronie pakietu treści dopiero po 13 ekranach.

Taki pomiar nie zastępuje mapy przewijania: mówi o stronie, nie o ludziach. Ustawia jednak pytanie we właściwej kolejności: jeśli dokument ma 36 ekranów, to pytanie „ilu ludzi dociera do sekcji na dole” ma inną wagę niż przy dokumencie sześcioekranowym. I daje listę stron, na których w ogóle opłaca się uruchomić zbieranie danych.

Co zrobić z mapą przewijania

Gdy dane już są, najbardziej użyteczny jest jeden odczyt: procent odwiedzających docierających do sekcji, dla której strona powstała. Jeśli oferta albo formularz leżą za punktem, do którego dochodzi jedna piąta ludzi, kolejność bloków jest ważniejsza niż treść któregokolwiek z nich. Przesunięcie sekcji w górę jest przy tym zmianą testowalną i właśnie dlatego mapa przewijania nadaje się do generowania hipotez, a nie do ich potwierdzania.

Czym uzupełnić mapę cieplną w audycie

Mapy cieplne są jednym ze źródeł w audycie UX, obok liczb z Google Analytics, które mówią o wejściach, a nie o drodze przez stronę. Hipotezy z map weryfikuje się testami A/B, a najczęściej dotyczą widoczności wezwania do działania. Całość mieści się w szerszym podejściu SXO, w którym liczy się to, co dzieje się po kliknięciu w wynik wyszukiwania.

Najczęstsze pytania

Ile sesji potrzeba, żeby mapa cieplna coś znaczyła?
NN/g podaje przy heatmapach okulograficznych około 30 uczestników, a przy ilościowych metrykach użyteczności 20. To wizualizacja ilościowa, więc mała próbka pokazuje głównie przypadek.

Czy mapa ruchu myszy pokazuje, gdzie ludzie patrzą?
Nie. Rejestruje ruch kursora, a nie kierunek wzroku. Do tego potrzebna jest okulografia.

Która mapa jest najbardziej użyteczna?
Zwykle mapa przewijania, bo mówi, jaki odsetek odwiedzających w ogóle zobaczył daną sekcję.

Od czego zacząć, jeśli nie mam jeszcze żadnego narzędzia?
Od zmierzenia długości własnych stron w ekranach telefonu i sprawdzenia, po ilu ekranach zaczyna się treść właściwa. To kilka minut i od razu wskazuje strony, na których zbieranie danych ma sens.

Źródła

1. Nielsen Norman Group, Heatmap Visualizations from Signifier Eyetracking Experiment: „Heatmaps are quantitative visualizations that aggregate the number and duration of eye fixations on a stimulus (UI). Heatmaps require a relatively large number of participants to be reliable (around 30)”. Zobacz artykuł NN/g → (odczyt 2026-08-20).

2. Nielsen Norman Group, Why You Only Need to Test with 5 Users, sekcja artykułów powiązanych: „Quantitative Studies (usability metrics): Test 20 Users”, „Card Sorting: Test 15 Users”. Zobacz artykuł NN/g → (odczyt 2026-08-20).

3. Pomiar własny essaseo.pl z 2026-08-20 na 14 podstronach: przeglądarka bez interfejsu, okno 412×915 px z emulacją telefonu, odczyt pozycji pierwszego nagłówka głównego, pierwszego nagłówka sekcji, odnośnika telefonicznego i całkowitej wysokości dokumentu. Wyniki przeliczone na wysokości ekranu: mediana długości strony 16,4 ekranu, maksimum 35,8 (podstrona miejska), nagłówek główny 0,5–0,8, pierwszy nagłówek sekcji na stronach usług 1,4–2,3, odnośnik telefoniczny 0,7–1,6 na hubach usług i 13,1 na stronie pakietu content marketingowego. To pomiar geometrii strony, nie zachowania użytkowników.