Dowiedz się, co Twoi odwiedzający robią w Twojej witrynie dzięki mapom ciepła

Ludzie są z natury ciekawi. Ciekawość pod wieloma względami jest jedną z cech, które sprawiły, że najbardziej ewoluowaliśmy. Informacja to potęga, a posiadanie informacji o innych jest bardzo przydatne w wielu różnych dziedzinach, w tym w tworzeniu stron internetowych.

Bez wchodzenia w ciemną stronę świata prywatności, istnieje wiele sposobów zarządzania stroną internetową i wykorzystywania ciekawości w etyczny sposób, aby poprawić jej wydajność i sprawić, by odwiedzający mogli cieszyć się Twoimi stronami bardziej niż wcześniej.

Mapy cieplne to technika mająca na celu odkrycie, co odwiedzający robią na stronie internetowej i zobaczenie, w jaki sposób wchodzą z nią w interakcję. Oznacza to, że mapy ciepła pozwalają nam analizować zachowanie odwiedzających w sposób zagregowany i anonimowy. Dzięki analizie ruchu kursora na stronie internetowej mapy cieplne są wizualną reprezentacją, która pokazuje punkty aktywne strony pomalowane cieplejszymi kolorami.

Co więcej, mapy ciepła pozwalają nam uzyskać pomysły na ulepszenia, które można zastosować na naszej stronie internetowej. Musimy tylko przestudiować dane, które widzimy na mapie cieplnej, aby wyciągnąć wnioski na temat tego, co się dzieje, co robią odwiedzający, co dzieje się nie tak w sieci i jak możemy to rozwiązać.

Jak stworzyć mapę termiczną w WordPress

W dzisiejszych czasach tworzenie mapy ciepła jest niezwykle proste. W WordPressie wystarczy nam skorzystać z wtyczki, która pozwala nam tworzyć heatmapy. W rzeczywistości mapy cieplne są jedną z funkcji najbardziej pożądanych przez naszych użytkowników testów Nelio A/B.

Od dłuższego czasu tworzymy mapy popularności, aby kontynuować badania nad możliwymi ulepszeniami naszej strony internetowej. Jako przykład pokażę tutaj najnowszą mapę cieplną, którą stworzyliśmy na stronie głównej Nelio.

Pierwszą rzeczą jest stworzenie nowej mapy popularności. W tym celu wybieramy nowy test w Nelio A/B Testing i wybieramy interesującą nas stronę, jak widać na poniższym zrzucie ekranu:

Następnie musimy tylko rozpocząć test, aby wtyczka śledziła odwiedzających i automatycznie agregowała informacje. Od tego momentu nowa mapa cieplna będzie generowana przyrostowo i będziemy mogli zobaczyć wyniki w formie graficznej.

Wyniki mapy termicznej

Po prześledzeniu reprezentatywnej liczby odwiedzających możemy szczegółowo obserwować wynik mapy popularności. Należy pamiętać, że istnieją różne widoki tych danych uzyskanych od naszych odwiedzających.

Najpopularniejszym rodzajem wizualizacji jest sama mapa cieplna, która pokazuje serię ciepłych kolorowych punktów u góry analizowanej strony. Te gorące punkty są umieszczane nad elementami, które otrzymały najwięcej interakcji.

Z drugiej strony mamy mapę przewijania, która w cieplejszych kolorach pokazuje, jak daleko w dół strony przeszli odwiedzający, przewijając w dół przed opuszczeniem strony.

Wreszcie ostatnia reprezentacja, jaką zwykle możemy znaleźć, polega na postrzeganiu kliknięć, które zostały wykonane na stronie, jako chmury punktów lub konfetti.

W poprzedniej galerii masz pełną heatmapę, scrollmapę i cofetti, które stworzyła nasza wtyczka podczas analizy strony głównej naszego serwisu. Następnie przyjrzyjmy się bliżej niektórym szczegółom informacji, które możemy wydobyć ze wszystkich tych trzech reprezentacji.

Szczegóły mapy termicznej

Mapa cieplna pokazuje, że duża część aktywności osób, które odwiedzają naszą stronę główną, ma miejsce w pierwszej części strony. Znajdujemy dużo interakcji na przyciskach, które przenoszą nas na konkretne strony każdej z naszych wtyczek, co jest czymś, co chcemy, aby się wydarzyło:

Ale odkryliśmy również, że wiele osób klika znak strzałki w pierwszej części, który wskazuje im, że mają przewinąć w dół. Niestety ta strzałka jest tylko wskaźnikiem i nie jest elementem klikalnym. Z pewnością dezorientuje to więc naszą publiczność, która wciąż w nią klika.

Jako rozwiązanie możemy zdecydować się na przekształcenie strzałki w przycisk, który automatycznie przewija stronę w dół. W ten sposób dopasowujemy oczekiwania użytkowników do rzeczywistości.

Z drugiej strony ciekawe jest, jak wiele uwagi poświęca się stopce. Jest to ważne, ponieważ sugeruje, że niektórzy użytkownicy nie znajdują tego, czego szukają, aż do samego końca strony. W szczególności najgorętszym obszarem jest link kontaktowy. Dlatego dobrym pomysłem na testowanie byłoby przeniesienie tego linku do bardziej widocznego obszaru strony, aby upewnić się, że nikt nie wyjdzie bez znalezienia tego, czego potrzebuje.

Szczegóły mapy przewijania

Mapa przewijania pokazuje, że większość naszych odwiedzających nie widzi niczego poza pół strony. Mając te informacje, główny wniosek, jaki możemy wyciągnąć, jest taki, że treść z tego punktu zostanie pominięta, a zatem nie powinna mieć znaczenia.

Aby uczynić nasze treści bardziej atrakcyjnymi dla naszych odbiorców, a tym samym uniemożliwić im odejście, jedną z możliwości jest pokazanie sekcji, które są bardziej wizualne i dynamiczne. Treści statyczne nie wyróżniają się wystarczająco i tracimy uwagę odwiedzających. Z tego powodu proponowanie zmian w tych sekcjach może być dobrą okazją do przetestowania w przyszłym teście A/B.

Szczegóły konfetti

Jeśli chodzi o konfetti, pokazuje nam chmurę punktów ze wszystkimi kliknięciami, które otrzymaliśmy, gdy test był uruchomiony. W porównaniu ze zwykłą mapą popularności konfetti zawierają więcej informacji o każdym kliknięciu.

Widzimy, że większość odwiedzających, którzy kliknęli, zajęło to od 5 do 10 sekund. Znajomość tych danych jest bardzo interesująca, ponieważ mamy dość przybliżoną miarę czasu, w którym musimy zwrócić ich uwagę.

Im bardziej złożona strona i im trudniejsza do zrozumienia, tym więcej użytkowników stracimy. Te informacje mogą nam pomóc zaproponować znacznie prostszą i bardziej radykalną wersję strony. Na przykład moglibyśmy wyświetlić mniej informacji i przejść od razu do sedna. To kolejny możliwy test A/B, który moglibyśmy wypróbować w następnej kolejności.

Ponadto widzimy, że są odwiedzający, którzy klikają elementy, których nie można kliknąć. Szczególnie istotną sekcją jest tutaj lista logo firm, które korzystają z naszych produktów lub referencje naszych klientów:

W tych sekcjach nie mamy elementów klikalnych, ale mimo to są one klikane. Ponownie, może to być mylące, dlatego ważne jest, aby upewnić się, że zachowanie naszej witryny odpowiada oczekiwaniom naszych odwiedzających. Aby tego uniknąć, możemy zdecydować się na zmodyfikowanie projektu tych sekcji, aby było wyraźniej, że nie musisz tam klikać. Lub nawet usuń sekcje, biorąc pod uwagę informacje w scrollmapie, gdzie już widzieliśmy, że tracimy ludzi w tej części sieci.

Ważną rzeczą w mapach popularności jest uzyskanie pomysłów na ulepszenia poprzez analizę interakcji naszych odwiedzających z naszą witryną. W ten sposób możemy poprawić nieudane zachowania i zaproponować ewentualne ulepszenia naszej strony, które możemy później przetestować za pomocą testów A/B.

Przypomnę, że darmowa wersja Nelio A/B Testing umożliwia tworzenie map ciepła na stronach WordPress w tak prosty sposób, jak wyjaśniłem tutaj. Śmiało i spróbuj. A następnie daj nam znać o swoich doświadczeniach i jakie informacje możesz wydobyć dzięki tej wizualnej reprezentacji zachowania odwiedzających.

Polecane zdjęcie Almosa Bechtolda na Unsplash.