Czym jest mapa ciepła? Poznaj element analizy jakościowej

Mapa ciepła jest to statyczny obraz przedstawiający dane jakościowe dotyczące zaangażowania Twojego Klienta na stronie sklepu. Ma formę zrzutu ekranu Twojej witryny z oznaczonymi kolorami ciepłymi lub chłodnymi.

Zależnie od tego z jaką mapą mamy do czynienia, może ona przedstawiać kolorowe obszary zwiększonej intensywności kliknięć w danym miejscu – są to obszary ciepłe. W przypadku scroll map temperatura koloru obrazuje, jak głęboko użytkownicy przewijają Twoją stronę.

Mapy cieplne wyglądają bardzo atrakcyjnie, jednak wymagają analizy. Umiejętność wyciągania wniosków z heatmap jest bardzo istotna, ponieważ nasze działania mają przyczynić się do optymalizacji konwersji. Jest to dla Ciebie nowy temat? Czytaj dalej, aby dowiedzieć się, jak spełnić oczekiwania użytkowników w swojej witrynie internetowej!

Mapy ciepła są jednym z wielu narzędzi służących do analizy tzw. danych jakościowych, które pozwalają zrozumieć, jak użytkownicy naprawdę korzystają z Twojej strony. Jeśli chcesz szerzej poznać, jak dane jakościowe pomagają analizować zachowania użytkowników, warto sięgnąć po dodatkowe materiały.

Spis treści:

1. Mapa ciepła: Co oznaczają kolory?
2. Procent osób, które nie docierają na sam koniec strony:
3. Jakie są rodzaje map ciepła?
4. Gdzie można zobaczyć mapy ciepła w analityce internetowej? Jak z nich skorzystać?
5. Co daje możliwość analizować mapy ciepła?

1. Mapa ciepła: Co oznaczają kolory?

Czerwony – najpopularniejsze elementy

Żółty – obszary cieszące się mniejszym zainteresowaniem

Niebieski lub zielony – miejsca odwiedzane najrzadziej

2. Procent osób, które nie docierają na sam koniec strony:

osób nie dociera na sam koniec strony

Tak jak widzimy na powyższym wyniku, musimy pamiętać że projektując naszą stronę, okazję aby „zgłębić” komunikaty które mamy umieszczone, w dalszej części witryny, będzie miał mału odsetek użytkowników.

3. Jakie są rodzaje map ciepła?

Jest wiele rodzajów map ciepła, jednak najbardziej popularne są mapy kliknięć oraz scroll mapy (przewijania). Wśród map kliknięć możemy wyodrębnić (w zależności od możliwości narzędzia z którego korzystamy) klasyczne Click Maps, Rage Click Maps oraz Death Click Maps.

Click Maps – mapa, która pokaże Ci wszystkie miejsca, w których użytkownicy wykazują zaangażowanie klikając.

Rage Click Maps – zobaczymy tu wszystkie tzw. wściekłe kliknięcia, czyli miejsca, w których użytkownik doświadczył frustracji, wykonał szybkie kliknięcia w krótkim czasie na danym elemencie. Przykładem może być element, który nie działa – bo nie jest klikalny, choć jego wygląd to sugeruje. Kolejna sytuacja to moment, w którym użytkownik klika w dany element, ale jego działanie zostało zaburzone (nie działa lub działa z opóźnieniem). Mapa Rage clicków jest tutaj prostą wskazówką do wykrycia elementów problematycznych dla Twoich użytkowników.

Death Click Maps – mapy martwych kliknięć – przedstawi wszystkie kliknięcia w elementy, które nie posiadają żadnych funkcji (są całkowicie statyczne) – na mapie death clicków zobaczymy również rage clicki wykonane na elementach nieklikalnych.

Scroll Maps – Mapy przewijania obrazują, jak głęboko użytkownicy scrollują Twoją stronę – a zwłaszcza jaki procent użytkowników dociera na sam dół strony.

Uzupełnieniem map ciepła mogą być nagrania sesji użytkowników, które pokazują, jak dokładnie poruszają się oni po stronie – kliknięcie po kliknięciu. Sprawdź nasz artykuł na ten temat.

4. Gdzie można zobaczyć mapy ciepła w analityce internetowej? Jak z nich skorzystać?

Aby wygenerować heat mapę naturalnie musimy skorzystać z narzędzi analitycznych przykładowo są to np. MS Clarity (w pełni darmowe, narzędzie od Microsoftu), Hotjar, Crazy EGG, czy Cux. Narzędzi jest cała masa i na pewno każdy znajdzie coś dla siebie, większość płatnych narzędzi posiada wersje trial lub free plany na ograniczonych warunkach. W praktyce dostępne są różne rodzaje map ciepła, a najpopularniejszy click heatmap pokazuje aktywności użytkowników w miejscach kliknięć i pomaga szybko ocenić, które elementy wymagają optymalizacji pod kątem konwersji.

Takie heatmapy kliknięć pomagają też ocenić skuteczność CTA oraz układ strony, dzięki czemu łatwiej dopasować rozwiązania do potrzeby użytkowników.

Scroll Maps pokazują, jak daleko użytkownicy przewijają stronę; scroll heatmap dobrze obrazuje głębokość scrollowania i to, czy na długich podstronach odbiorcy docierają do istotnych informacji.

Dodatkowo mapa ruchu myszy pokazuje ruchy kursora, ale nie zastępuje eye trackingu.

5. Co daje możliwość analizować mapy ciepła?

Dzięki mapom ciepła możesz sprawdzić, czy Twoi użytkownicy:

Docierają do ważnych miejsc (przykładowo – kiedy istotne elementy umieścisz zbyt nisko, scroll mapa powie Ci, czy użytkownicy w ogóle docierają do tego miejsca; to ułatwia ocenę, jak rozplanować treści pod kątem konwersji).
Odnajdują przyciski i linki znajdujące się w sklepie (mapy kliknięć wskażą elementy, na które użytkownicy klikają oraz z jaką częstotliwością, dzięki czemu łatwiej ocenić ich skuteczność).
Nie skupiają uwagi na elementach nieistotnych (wówczas masz sygnał, co warto usunąć, aby uniknąć rozpraszania np. w koszyku, a także wychwycić problemy takie jak niedziałające linki).

Nie ulega wątpliwości, że mapy ciepła są bardzo przydatne w analityce internetowej. Monitorowanie zachowania użytkowników na stronie internetowej i odpowiednia analizy przedstawionych danych to pierwszy krok, który pozwoli wykryć błędy na stronie nawet przy niewielkim nakładzie finansowym. Takie narzędzia pomagają też wskazać obszary, które przyciągają największą uwagę użytkownikom, oraz inne elementy wymagające poprawy pod kątem UX. Pamiętajmy, że powinny one nam służyć na każdym etapie projektu. Nie tylko na początku do wyłapywania błędów, lecz także do jego ciągłego rozwoju i ulepszania, bo wspierają usprawnienie nawigacji oraz doświadczenie użytkownika na witryny.

Możesz samodzielnie zacząć działać w tym temacie, albo zlecić to zadanie profesjonalistom, którzy realizują kompleksowe badania UX dla sklepów internetowych. Mapy ciepła wymagają poprawnego skonfigurowania wybranego narzędzia, następnie sformułowania z nich trafnych wniosków oraz docelowo wdrożenia planowanych zmian przez developerów. Popularna aplikacja HotJar pozwala tworzyć mapy ciepła oraz analizować kliknięcia i scrollowanie. Yandex Metrica to darmowa alternatywa wśród tego typu aplikacji, choć może wpływać na szybkość ładowania strony. Aby analizować mapy ciepła poprawnie, trzeba rozumieć znaczenie kolorów, odnosić wyniki do układu twojej witrynie i zachowań na różnych urządzeniach, także w kontekście urządzeń mobilnych. Nie wystarczy przyglądać się pięknym kolorom – tutaj liczy się podejmowanie dalszych działań, dostosowanie układu, usprawnienie menu i nawigacji, a także realna optymalizacji pod użyteczność. Od sukcesu dzieli Cię tylko jeden krok, a może jeden przycisk? Sam zdecyduj, jaki kierunek obierzesz.

Jeśli chcesz lepiej zrozumieć, jak poprawić doświadczenia użytkownika na stronie, sprawdź: User Experience – co to takiego i jak o nie zadbać?

Czym jest mapa ciepła? Poznaj ważny element analizy jakościowej

1. Mapa ciepła: Co oznaczają kolory?

2. Procent osób, które nie docierają na sam koniec strony:

3. Jakie są rodzaje map ciepła?

4. Gdzie można zobaczyć mapy ciepła w analityce internetowej? Jak z nich skorzystać?

5. Co daje możliwość analizować mapy ciepła?

Fabian Romańczyk

zobacz także