Heatmap (mapa cieplna)

Heatmap, znany również jako mapa cieplna, jest narzędziem służącym do prezentacji danych o sposobie korzystania ze strony internetowej. Mapy używa się do zidentyfikowania, które elementy na stronie (np. przyciski, suwaki, pozycje menu) przyciągają uwagę użytkowników, a które są przez nich niezauważane.

Czym jest heatmapa?

Heatmapa jest graficznym odwzorowanie danych. Na przykład mapa kliknięć pokazuje ona oznaczone kolorami półprzezroczyste obszary utworzone z punktów, w które klikali użytkownicy. Im więcej kliknięć w daną część strony, tym cieplejszy jest kolor plamy (czerwony, pomarańczowy) pokazującej strefę wybieraną przez Internautów. Z kolei zimne barwy (na przykład niebieski, fioletowy) tworzą strefy, gdzie kliknięć jest niewiele.

Oglądając mapę od razu można zauważyć, które obszary przyciągają uwagę użytkowników, a które są klikane rzadko lub wcale (brak jakiegokolwiek kolorowego obszaru na mapie).

Dzięki wizualnej formie, mapa cieplna jest czytelna bez konieczności uczenia się narzędzia. Z tego powodu posługują się nią nie tylko projektanci, ale także klientów i członków zespołów marketingowych.

Rodzaje heatmap

W optymalizacji UX stosuje się kilka typów map cieplnych:

• Click map (mapa kliknięć). Pokazuje, w które elementy użytkownicy klikają najczęściej. Pomaga ocenić czy przyciski i linki są odpowiednio wyróżnione wizualnie, a także czy znajdują się w miejscu, w którym użytkownicy się ich spodziewają.
• Scroll map (mapa przewijania). Obrazuje, jak użytkownicy przewijają stronę. Pozwala ocenić, czy ważne treści znajdują się w odpowiednich miejscach.
• Move map (mapa ruchu kursora). Prezentuje ruchy wykonywane przez mysz użytkowników. Taka mapa daje przybliżoną informację o sposobie śledzenia strony wzrokiem przez odbiorcę.
• Eye-tracking heatmap. Zaawansowana metoda, pokazująca rzeczywiste miejsca, na które najczęściej patrzą użytkownicy.

Zastosowanie heatmapy w UX

• Wykrywanie niewłaściwego rozmieszczenia elementów interfejsu.
• Optymalizacja nawigacji, w tym menu, stopki, CTA. 
• Optymalizacja układu treści prezentowanych na stronie.
• Zwiększenie intuicyjności ścieżek, którymi zgodnie z założeniami projektantów powinien poruszać użytkownik.

Narzędzia do tworzenia heatmap

Do tworzenia i analizy map cieplnych stosuje się narzędzia takie jak Hotjar, Crazy Egg, Mouseflow czy Smartlook. Umożliwiają one łatwą integrację z badaną witryną, zbieranie danych w czasie rzeczywistym i prezentowanie wyników w postaci przejrzystych wizualizacji.

Podsumowanie

Heatmapy są ważnym źródło wiedzy o tym, jak użytkownicy korzystają ze strony internetowej. W czytelny i intuicyjnie zrozumiały sposób pokazują, które elementy witryny przyciągają uwagę, a które pozostają niezauważone.

Analiza map cieplnych jest szczególnie istotna w procesie projektowania zorientowanego na użytkownika (User Centered Design). Pomaga tworzyć nowe interfejsy dopasowane do przyzwyczajeń odbiorców, a także poprawiać i udoskonalać istniejące strony.