flowpeekzasoby / poradniki / UX
Jak czytać heatmapy i zamieniać obserwacje w poprawki sklepu?
Zaplanujesz jedną poprawkę w sklepie i sposób sprawdzenia jej wyniku.
Krótka odpowiedź
Najważniejsza odpowiedź
Heatmapa pokazuje rozkład zarejestrowanych interakcji na wybranej stronie. Ustal urządzenie, typ mapy i okres, a potem sprawdź konkretne obszary w działającym sklepie. Intensywny kolor nie dowodzi zainteresowania ani sprzedaży; wynik łącz z lejkiem, zdarzeniami i testem strony.
- Prawidłowy wybór strony, urządzenia i typu mapy
- Ostrożna interpretacja kliknięć i przewijania
- Jeden pomysł na poprawkę oraz plan jej sprawdzenia
1. Przyjdź z pytaniem o konkretną stronę.
Wybierz stronę ważną dla zakupu: kategorię, produkt albo etap koszyka. Zacznij od pytania, na przykład czy użytkownicy próbują otworzyć informację o dostawie. Bez takiego pytania łatwo oglądać kolorowe punkty i nie dojść do żadnej decyzji. Dobry temat wynika z lejka, zgłoszenia klienta lub obserwacji zespołu.
Sprawdź, czy sklep zbiera dane heatmap. Służy do tego przełącznik „Zbieraj dane heatmap”; zmiana uruchamia zbieranie nowych danych, nie odtwarza historii. Rejestrowanie obejmuje wizyty w dostępnym zakresie pomiaru i zgód. Pusta mapa może oznaczać brak danych dla wybranego zestawu filtrów, a nie brak zainteresowania stroną.
2. Ustaw stronę, urządzenie i okres.
W module Heatmapy wybierz Desktop (komputery) albo Mobile (telefony). Następnie wskaż pozycję na liście „Strona”, rodzaj mapy i okres: 7, 30 lub 90 dni. Użyj „Załaduj heatmapę”. Przy porównywaniu widoków zmieniaj jeden element naraz. Wtedy wiesz, czy różnica wynika z urządzenia, zakresu czasu czy rodzaju interakcji.
Zrzut pokazuje prawdziwy widok Kliknięcia dla komputerów i 30 dni. Tło jest uproszczonym widokiem rysowanym przez aplikację, dlatego nie przypisujemy skupisk do koszyka ani dostawy. Liczby przy selektorze strony i wskaźniki po załadowaniu mogą opisywać inne zakresy. Do opisu wybranego widoku używaj jego własnych wskaźników.
3. Czytaj kliknięcia jako działania, nie intencje.
Bardziej intensywny, złoty obszar wskazuje większe natężenie zarejestrowanych interakcji w danym widoku. Nie oznacza automatycznie większej liczby kupujących. Kilka kliknięć może pochodzić od tej samej osoby, a powtarzanie działania może wynikać zarówno z zainteresowania, jak i problemu z elementem.
Gdy zauważysz skupisko, otwórz właściwą stronę sklepu w tym samym typie urządzenia. Ustal, jaki element znajduje się w tym miejscu i co robi. Jeśli wygląda jak przycisk, ale nie reaguje, masz hipotezę do testu. Sama mapa nie potwierdza jednak, czego użytkownik oczekiwał ani czy kliknięcie zakończyło się zakupem.
4. Osobno sprawdź przewijanie i ruch kursora.
Tryb „Przewijanie” pomaga obejrzeć zarejestrowaną aktywność na różnych wysokościach strony. Użyj go, gdy ważna informacja znajduje się daleko od początku. Nie wyciągaj z samego koloru dokładnego procentu osób, które przeczytały treść. Przesunięcie strony nie dowodzi, że użytkownik zauważył lub zrozumiał dany fragment.
Ruchy myszy i Hover opisują zachowanie kursora, czyli wskaźnika na ekranie. Nie są pomiarem wzroku. Na telefonie interakcja wygląda inaczej niż na komputerze, dlatego tych widoków nie traktuj jako zamiennych. Porównując okresy, sprawdź też, czy układ strony się nie zmienił: ten sam punkt może odpowiadać innemu elementowi.
5. Połącz mapę z zachowaniem po kliknięciu.
Jeśli pytasz o przycisk, sprawdź dostępne zdarzenie albo dalszy etap lejka. Heatmapa pomaga znaleźć obszar uwagi, a raport zdarzeń określa skalę zarejestrowanego działania. Nie zakładaj, że każde kliknięcie w punkt mapy ma automatycznie osobną nazwę zdarzenia. Zakres takich działań zależy od wdrożenia.
Zapisz to, co faktycznie wiesz: ludzie klikają w danym miejscu, widoczna informacja znajduje się niżej, albo dany etap jest rzadziej rejestrowany. Przyczynę nazwij hipotezą. Możesz ją sprawdzić w bezpośrednim teście strony, na dostępnej ścieżce oraz w odpowiednim raporcie. Każde z tych źródeł odpowiada na inne pytanie.
6. Wprowadź jedną zmianę i zapisz sposób oceny.
Dobra poprawka ma konkretny powód: doprecyzowanie etykiety, przeniesienie informacji albo usunięcie elementu, który zasłania działanie. Zapisz, co ma stać się łatwiejsze i po czym to poznasz. Sam fakt, że po zmianie kolor wygląda inaczej, nie jest wystarczającą miarą powodzenia.
Wróć do porównywalnego urządzenia, strony i okresu. Uwzględnij zmianę ruchu oraz promocji. Obejrzyj właściwe zdarzenie lub etap lejka i powtórz test sklepu. Jeśli równocześnie zmieniła się oferta, nie przypisuj całego wyniku przesunięciu przycisku. Zapisz również obserwacje, które nie potwierdziły pierwotnej hipotezy.
Najczęstsze błędy
Kolor oznacza uwagę lub zakup
Mapa pokazuje interakcje. Motywację, zrozumienie tekstu i wynik sprzedaży trzeba oceniać innymi metodami.
Porównanie map różnych układów strony
Po zmianie wyglądu ten sam obszar może przedstawiać inny element. Zapisz datę wdrożenia i zakres obserwacji.
Do następnego przeglądu
Lista rzeczy do sprawdzenia
- Mam pytanie o konkretną stronę.
- Sprawdziłem zbieranie danych, urządzenie, typ i okres.
- Nie utożsamiam kliknięć z osobami ani uwagą.
- Sprawdziłem element bezpośrednio w sklepie.
- Mam hipotezę, jedną poprawkę i sposób oceny.
Teraz Twój sklep
Zamień jedną obserwację w opis poprawki
- 1
Wybierz stronę i zapisz obecny zakres heatmapy.
- 2
Wskaż obszar do sprawdzenia bez dopisywania motywacji klienta.
- 3
Odtwórz działanie w sklepie i wybierz pomocniczy wskaźnik.
Od raportu do decyzji
Przykład do ćwiczenia — sytuacja hipotetyczna
To propozycja sposobu pracy, nie opis skupisk widocznych na screenie.
- Obserwacja
- Kliknięcia w nagłówek sekcji, który wygląda jak rozwijany
- Hipoteza
- Wygląd sugeruje działanie, którego element nie wykonuje
- Sprawdzenie
- Test użyteczności i korekta wyglądu albo funkcji elementu
Brief dotyczy jednego elementu. Nie obiecuje wzrostu sprzedaży na podstawie samej heatmapy.
Pytania i odpowiedzi
Czy heatmapa pokazuje, gdzie użytkownik patrzył?
Nie. Kliknięcia, ruchy kursora i przewijanie nie są pomiarem wzroku. Nie traktuj ich jak potwierdzenia przeczytania informacji.
Czy włączenie heatmap odtworzy poprzedni miesiąc?
Nie. Zbieranie dotyczy nowych, dostępnych interakcji. Wybór 30 dni nie tworzy danych sprzed uruchomienia funkcji.
Dlaczego nie powinienem porównywać samych kolorów?
Natężenie jest przedstawione w kontekście danego widoku. Uzgodnij zakresy i sprawdź liczby oraz właściwe działania, zanim ocenisz zmianę.
Od wiedzy do raportu
Otwórz właściwy moduł.
Heatmapy i nagrania sesji (wkrótce)
Wkrótce: heatmapy kliknięć i przewijania oraz nagrania sesji z analizą AI. Zapisz się do beta testów i sprawdź moduł jako jeden z pierwszych.
Lejek konwersji
Lejek konwersji pokazuje kolejne etapy zakupu: produkt, koszyk, formularz zamówienia i zakup. Sprawdź, ile wizyt dociera do każdego z nich, i wybierz miejsce, od którego zacząć poprawki.
Analiza zdarzeń
Sprawdź, jak często klienci dodają produkty do koszyka, klikają ważne elementy i wysyłają formularze — ile osób to robi i jak zmienia się to dzień po dniu.
Przeczytaj następny poradnik.
Wszystkie poradnikiKonwersja / 5 min
Lejek konwersji: jak znaleźć problem w zakupach na telefonie?
Wybierz etap zakupu, porównaj urządzenia i sprawdź ścieżki. Przygotuj konkretny test formularza zamówienia, zamiast zgadywać przyczynę niższej konwersji.
Analityka / 6 min
Jak czytać dashboard Flowpeek i wybrać pierwszy temat do analizy?
Poznaj różnicę między odwiedzającym, odsłoną i zamówieniem. Przeczytaj wynik w kontekście okresu, własnych celów i raportów szczegółowych.
Wdrożenie / 6 min
Konfiguracja Flowpeek: jak przygotować sklep i odebrać wdrożenie?
Przygotuj dane o sklepie, sprawdź pierwszą wizytę i zamówienie, ustal zakres danych. Prosta lista odbioru wdrożenia — bez samodzielnej instalacji.
Bezpłatnie · 30 minut · online
GA4, sklep i reklamy pokazują różne liczby? Sprawdzimy to z Tobą.
Porównamy jeden miesiąc sprzedaży w Twoich narzędziach i wskażemy trzy poprawki w pomiarze. Bez zobowiązań. Co sprawdzimy
30 dni na własnych danych
Sprawdź, co wydarzyło się dalej.
Wróć do zdarzeń, lejka albo ścieżek i oceń, czy obserwacja ma znaczenie dla konkretnego działania w sklepie.
- Bez umowy na czas określony
- Wdrożenie robimy za Ciebie w 48 h
- Serwery aplikacji w Niemczech (UE)
- Anulujesz, kiedy chcesz
30 dni za 0 zł · pierwsza opłata po teście · anulujesz, kiedy chcesz
Zobacz cennik po okresie próbnym