Zrozumienie zachowań użytkowników najlepszy projekt strony internetowej

W tym artykule porozmawiamy o tym, jak śledzić zachowanie klientów w Twojej witrynie, innowacjach w zakresie analizy UX witryny oraz o wszystkich powodach, dla których warto używać heatmap do śledzenia zachowań użytkowników w celu uzyskania najlepszego projektu witryny .

Co znajdziesz:

• Co to jest zachowanie użytkownika?
• Jak UX Design wpływa na promocję sklepu internetowego lub strony internetowej?
• Co to jest analiza zachowań użytkowników z narzędziami map ciepła?
• Dlaczego witryna klika coś, co musisz śledzić?
• Zachowania użytkowników poprzez analizę kliknięć i przewijania w witrynie
• Wizualna prezentacja zachowania użytkownika na przykładowej stronie internetowej na żywo

Twórz idealne projekty dla swojej witryny

Wszystkie przykłady związane z zachowaniem użytkowników w artykule oparte są na unikalnych statystykach dotyczących ponad 40 milionów kliknięć zebranych za pomocą heatmapy Plerdy .

Myśląc o chwili, w której coś kupiłeś, bardziej prawdopodobne jest, że przypomnisz sobie swoje uczucia niż produkt. Każda interakcja ze sklepem internetowym lub stroną internetową jest zapisywana w Twojej pamięci emocjonalnej i jest częścią Twojego zachowania na stronie internetowej.

Co to jest zachowanie użytkownika?

W dzisiejszych czasach sieć dostarcza mnóstwo produktów i usług, które możemy zamówić bez wychodzenia z domu. Na przykład, jeśli wpiszesz w Google „zamów pizzę”, wyszukiwanie wyświetli ponad 1,1 miliarda ofert. To samo dotyczy wielu innych kategorii produktów.

Prowadzi to do pytania: Czy kiedykolwiek zdałeś sobie sprawę, że doświadczenie użytkownika Twojej witryny może wywoływać negatywne emocje i zachowania, które mogą sprawić, że nawet 99% potencjalnych nabywców odejdzie? Oto kilka statystyk , które powinny przekonać Cię do sprawdzenia swojej witryny pod kątem problemów z UX i śledzenia swoich analiz:

• • 79% klientów przyznaje, że będzie szukać innej strony, jeśli obecna nie spełni ich oczekiwań.
  • 96% użytkowników smartfonów trafiło na strony, które nie mają wersji mobilnej lub nie są przystosowane do wyświetlania na urządzeniach mobilnych.
  • 52% użytkowników twierdzi, że negatywne wrażenia z urządzeń mobilnych zmniejszają prawdopodobieństwo interakcji z Twoją firmą.
  • 63% użytkowników przegląda produkty lub usługi na kilku typach urządzeń (smartfony, tablety, laptopy, PC itp.).

Istnieje wiele podobnych danych dotyczących zachowań użytkowników, które dowodzą, jak ważne jest śledzenie doświadczeń użytkownika (UX) dla marketingu cyfrowego i klientów online. Omówmy więc wszystko, co musisz wiedzieć o analityce UX.

Jak UX Design wpływa na promocję sklepu internetowego lub strony internetowej?

Peter Morville, prezes firmy konsultingowej świadczącej usługi w zakresie architektury informacji i wyszukiwania, identyfikuje następujące czynniki , które wpływają na UX i zachowanie witryny:

Innymi słowy, strona z dobrym UX musi być:

• Użyteczne

Treści na stronie powinny w pełni odpowiadać potrzebom klientów i wywoływać pozytywne zachowania.

• Nadający się do użytku

Łatwość użytkowania pozostaje istotnym elementem doświadczenia użytkownika i zapewnia dobre zachowanie użytkownika.

• Pożądany

Wszystkie obrazy, marki i elementy projektu powinny przyciągać wzrok i wywoływać pozytywne emocje i zachowania.

• Dostępny

Wszystkie elementy i treści witryny muszą być dostępne dla osób niepełnosprawnych.

• Wiarygodny

Wszystko, co publikujesz na stronie, powinno być rzetelne i dokładne, aby użytkownicy Ci ufali. Poprawia to ich zachowanie na stronie.

• Można znaleźć

Treść musi być dobrze ustrukturyzowana i mieć przejrzystą nawigację.

Jeśli wszystkie te 6 czynników, które zapewniają przyzwoity UX i zachowanie witryny, zostaną spełnione, odwiedzający witrynę będą zadowoleni z korzystania z Twoich zasobów i będą się dobrze zachowywać. Warto więc śledzić te czynniki.

Jednak nie tylko wspomniane statystyki i wyniki analiz dowodzą, że UX odgrywa ważną rolę. Niedawno Google opublikował 108-stronicową książkę online – UX playbook . Pełno w nim sprawdzonych wskazówek, jak zwiększyć sprzedaż dzięki UX. Recenzja opiera się na testach A/B szerokiej gamy badań, analiz i artykułów. Po przestudiowaniu kilku tysięcy witryn detalicznych Google Analytics odkrył, że istnieją pewne uniwersalne elementy UX.

Książka zawiera listę kontrolną, która pomaga analizować i ulepszać UX strony mobilnej w 6 kluczowych obszarach:

• Strona główna/docelowa.
• Menu i nawigacja.
• Szukaj.
• Kategoria/produkt.
• Konwersja.
• Optymalizacja formy.

Wysokiej jakości UX witryny nie tylko poprawia zachowanie klienta w Twojej witrynie, ale także poprawia ranking wyszukiwania. Pamiętaj, że użyteczność witryny mobilnej jest jednym z 200 najważniejszych czynników rankingowych . Nowe podejście Google Mobile-First Indexing zwraca również dużą uwagę na UX witryny.

✨ Nie przegap: The Ultimate Guide to inclusive Web Design + wskazówki, jak to zrobić

Co to jest analiza zachowań użytkowników z narzędziami map ciepła?

Większość sklepów internetowych wykorzystuje podobne analizy do śledzenia zachowań użytkowników. Robią to z powodu subiektywnego przekonania, że ​​wszystkie istniejące zasoby sieciowe zostały już przetestowane i są całkiem wygodne dla potencjalnych klientów. W rzeczywistości każda witryna lub sklep internetowy ma unikalną grupę docelową, która może zachowywać się inaczej niż Twoja.

Dlatego, aby zrozumieć, jak Twoi potencjalni klienci zachowują się w Twoim sklepie internetowym, musisz skorzystać z mapy ciepła kliknięć.

Dane zebrane za pomocą tej mapy analitycznej pozwolą Ci dowiedzieć się więcej o preferencjach i zachowaniach użytkowników. Zobaczysz również wszelkie przeszkody lub wady, które uniemożliwiają klientom dokonanie zakupu.

Takie badania i metody śledzenia mogą pomóc w zwiększeniu konwersji sklepu internetowego i lepszym doświadczeniu użytkownika.

Śledzenie zachowań użytkowników za pomocą narzędzi Heatmap Analytics

To narzędzie śledzące zbiera dane i segmentuje je według rodzaju urządzenia używanego do przeglądania strony internetowej oraz zachowania użytkowników na niej.

Dodatkową ich zaletą jest możliwość śledzenia interakcji behawioralnych ze wszystkimi dynamicznymi elementami witryny (wyskakujące okienka, menu itp.). Ponownie wszystko dzieje się w czasie rzeczywistym.

Te mapy ciepła przetwarzające dane śledzenia witryny nie tylko wykrywają miejsce, w którym dochodzi do kliknięć, ale także rejestrują ich kolejność. Narzędzie analityczne procentowo dzieli stronę na 5 części i śledzi liczbę kliknięć w każdej z nich. Śledzi również głębokość przewijania, co jest również bardzo ważnym aspektem zachowań użytkowników. Możesz wykorzystać te dane dotyczące zachowania użytkownika, aby zdefiniować najbardziej odpowiednie miejsca (obszary z maksymalną liczbą kliknięć) do umieszczania ważnych informacji.

Porozmawiajmy więcej o liczbach i wynikach, które uzyskaliśmy, śledząc i badając wrażenia użytkownika i zachowanie na stronach różnych zasobów internetowych.

Analiza zachowań użytkowników na podstawie danych Heatmap

Zachowanie użytkownika jest różne i zależy od tematyki serwisu, źródła ruchu oraz intencji osoby odwiedzającej serwis. Dla dokładniejszej analizy zachowań użytkowników zebraliśmy około 100 milionów kliknięć z różnych źródeł. Te interakcje zostały wykonane na stronach internetowych o odmiennych tematach i funkcjach.

Oto wykres łącznej liczby kliknięć pogrupowanych według źródła ruchu. Opieraliśmy się na tych danych analitycznych w naszych kolejnych badaniach zachowań użytkowników.

Segmentacja łącznej liczby kliknięć według typu urządzenia

Jak widać z wykresu, największa liczba kliknięć została wykonana na komputerach PC. Liczba kliknięć mobilnych jest znacznie mniejsza, a najmniej kliknięć przypisuje się użytkownikom tabletów.

Wszyscy wiedzą, że ruch mobilny z roku na rok systematycznie rośnie, a to również wpływa na zachowanie użytkowników. Rodzi to logiczne pytanie: dlaczego większość kliknięć nadal odbywa się na komputerach stacjonarnych?

Odpowiedź jest prosta. Gdy użytkownicy odwiedzają witrynę z urządzenia mobilnego, klikają tylko w określonym celu (aby przejść do innej strony, wybrać przycisk lub aktywny link). Resztę czasu przewijają. Kiedy użytkownicy przeglądają z komputera, często najeżdżają myszą na tekst, podświetlają elementy, kopiują je lub wykonują tzw. puste kliknięcia (kliknięcia poza elementami strony). Ukierunkowane kliknięcia stanowią tylko część wszystkich interakcji i ich zachowania.

Analiza najechania myszą przed kliknięciem

Wykres wyraźnie pokazuje, że użytkownicy wersji desktopowej zdecydowanie częściej najeżdżają na elementy przed ich kliknięciem (zatrzymują się na co najmniej 2 sekundy). Oznacza to, że uważnie czytają treść lub wahają się.

Znając ogólne wzorce zachowań (kliknięcia w oparciu o różne źródła ruchu i urządzenia), możesz przewidywać działania i zachowania odwiedzających witrynę i pomagać im efektywniej korzystać z witryny.

Dla bardziej szczegółowego śledzenia, analizy i przewidywania zachowań użytkowników przygotowałem również wykres przedstawiający rozkład kliknięć pomiędzy częściami strony.

Rozkład kliknięć w zależności od głębokości przewijania i typu urządzenia

Poniższy wykres pokazuje, jak liczba kliknięć zależy od typu urządzenia i części strony:

Jak widać, użytkownicy wykonali najwięcej kliknięć w pierwszych częściach strony (0-20%). Nawet jeśli zsumujesz kliknięcia z innych części, to i tak mniej.

Wykres pokazuje również znaczny spadek kliknięć już od drugiej części strony (20-40%). Oznacza to, że musisz zaplanować strukturę swoich treści. Informacje, które są najbardziej krytyczne dla użytkowników, należy zawsze umieszczać w pierwszej części, ponieważ są one bardzo ważne dla kształtowania pozytywnych zachowań.

Oczywiście nie wszystkie strony są identyczne. Mogą mieć różne rozmiary i wzory. Niemniej jednak ten wykres przedstawia jedną główną ideę – jeśli chcesz zatrzymać klientów, umieść wezwania do działania na górze stron.

Rozkład sekwencji kliknięć w zależności od części strony

Podczas gdy poprzedni wykres pokazuje, gdzie umieścić główne informacje, kolejny pomaga zrozumieć, w jaki sposób użytkownicy poruszają się po stronach internetowych i co robią najczęściej.

Sekwencje kliknięć są celowo podzielone według typu urządzenia. Jest to konieczne, aby uzyskać wyraźniejszy ogólny obraz zachowania użytkownika.

Dystrybucja sekwencji kliknięć na komputerach PC

Wykres pokazuje, że większość użytkowników dokonała pierwszego kliknięcia gdzieś u góry strony (0-20%). Poza tym liczba pierwszych kliknięć gwałtownie spada na drugiej (20-40%) i kolejnych częściach strony.

Taki rozkład pokazuje również, że liczba pierwszych kliknięć w różne sekcje strony jest zawsze wyższa niż drugiego, trzeciego itd. kliknięcia.

Jakie wnioski możemy wyciągnąć z tego wykresu?

Po pierwszym kliknięciu wielu użytkowników opuszcza stronę, aby przejść na inną lub w ogóle zamknąć witrynę. Znacznie mniejsza liczba użytkowników kontynuuje przeglądanie strony i interakcję z serwisem.

Dystrybucja sekwencji kliknięć na smartfonach

Podobnie wygląda sytuacja wśród użytkowników urządzeń mobilnych. Jednak w tym przypadku różnica między liczbą kliknięć w pierwszą (0-20%) a drugą (20-40%) część strony jest bardziej znacząca.

Oznacza to, że każda wersja mobilnej strony internetowej powinna zawierać wszystkie niezbędne informacje na górze. Bardzo mało prawdopodobne jest, aby użytkownicy przewijali w dół w poszukiwaniu dalszych szczegółów.

Dystrybucja sekwencji kliknięć na tabletach

Takie porównanie jest niezbędne, aby zoptymalizować stronę internetową dla różnych typów urządzeń i zapewnić pozytywne zachowanie użytkowników. Podczas gdy na przykład wersja na komputery może zawierać wiele informacji u góry strony, wersja mobilna ma ograniczoną przestrzeń. Pamiętaj, aby wziąć to pod uwagę podczas projektowania witryny mobilnej w celu poprawy zachowań użytkowników.

Rozkład głębokości przewijania w zależności od części strony

Poniższy wykres pokazuje, jak głęboko użytkownicy przewijają strony bez klikania.

Na podstawie wskaźników możemy wykryć stopniowy spadek głębokości przewijania, który zaczyna się w określonym punkcie strony. Z każdą częścią strony zmniejsza się liczba użytkowników. Im niżej idziemy, tym mniej odwiedzających przewija. Ponieważ większość kliknięć odbywa się w pierwszej części strony, wykres pokazuje również spadek począwszy od drugiej części.

Dlaczego witryna klika coś, co musisz śledzić?

Aby potencjalni klienci czuli się komfortowo w Twojej witrynie, musisz najpierw wiedzieć, co robią zaraz po wejściu na stronę. Więc to jest warte śledzenia.

Dowiedz się, jakie klikają, jakie sekcje odwiedzają i na jakim etapie lejka sprzedażowego opuszczają Twoją witrynę. Liczba kliknięć w różne elementy witryny może odpowiedzieć na następujące pytania:

• Co użytkownicy lubią na Twojej stronie i co uniemożliwia im dokonanie zakupu?
• Dlaczego jedna strona witryny ma wyższy współczynnik konwersji niż inna?
• Dlaczego Twoja witryna ma wysoki współczynnik odrzuceń (lub czy oddzielna strona ma wysoki współczynnik wyjść)?
• Czy Twoja witryna zawiera elementy, które wyglądają na klikalne, gdy tak nie jest?
• Czy treść jest dobra? Jak zwiększyć głębokość przewijania?
• Gdzie są najkorzystniejsze miejsca do umieszczania wewnętrznych adresów URL i ciekawych ofert?
• Czy wyskakujące okienka wyświetlane na określonej stronie są odpowiednie i skuteczne? (Jeśli większość użytkowników zamknie wyskakujące okienko, spróbuj je usunąć i zobaczyć, jak będą się bez niego zachowywać).
• Czy Twoje wezwania do działania i inne elementy są skuteczne?

Tylko mając te informacje, będziesz w stanie zmniejszyć liczbę niezadowolonych klientów, zwiększyć pozytywne zachowania użytkowników i pozyskać nowych klientów.

Zachowania użytkowników poprzez analizę kliknięć i przewijania w witrynie

Możesz wyświetlić wycinek danych dotyczący map popularności kliknięć i przewijania Plerdy'ego natychmiast po zainstalowaniu skryptu śledzenia. Wystarczy nacisnąć Ctrl-Alt-H, aby otworzyć pasek boczny narzędzia analitycznego do śledzenia zachowania użytkownika. Statystyki są wyświetlane na każdej stronie osobno. Informacje o śledzeniu są wyświetlane w czasie rzeczywistym na stronie internetowej na żywo, zamiast zrzutów ekranu używanych przez wiele podobnych narzędzi analitycznych, takich jak Hotjar i inne. Pozwala to na śledzenie elementów dynamicznych i uniknięcie przełączania się między stronami a głównym dashboardem.

Dashboard zawiera wszystkie zebrane dane analityczne pogrupowane według określonych parametrów zachowań użytkowników. Bardzo przydatne jest obserwowanie wszelkich odchyleń w wydajności witryny, które wpływają na zachowanie klientów.

Wizualna prezentacja zachowania użytkownika na przykładowej stronie internetowej na żywo

Narzędzie śledzące Heatmaps służące do analizy zachowania odwiedzających witrynę, aby dowiedzieć się, które przyciski funkcji (przekierowujące do odpowiedniej sekcji) mają najwyższe CTR. Najpopularniejszym elementem jest pole, w którym użytkownicy mogą wpisać adres URL lub domenę strony, którą chcą analizować. Według danych śledzenia pole to zostało kliknięte 10612 razy w porównaniu z przyciskiem Szukaj z zaledwie 1890 kliknięciami.

Możemy więc założyć, że inni użytkownicy po prostu kliknęli Enter i czekali na wyniki lub w ogóle opuścili witrynę.

Gdyby właściciele witryny zignorowali ten wzorzec zachowań, straciliby mnóstwo użytkowników. Na szczęście, klikając Enter, odwiedzający mogą uruchomić analizę linków. Jedynym problemem jest to, że analiza jest dość powolna, co może skłonić ludzi do opuszczenia strony.

Oprócz całkowitej liczby kliknięć wykonanych na elemencie, możesz również zobaczyć, które elementy/bloki użytkownicy klikają jako pierwsze. Pozwala to zrozumieć, co przyciąga uwagę odwiedzających zaraz po wejściu na stronę i jak wpływa to na ich zachowanie.

Oddzielna analiza CRT paska wyszukiwania wyłącznie dla ruchu bezpośredniego pokazuje, że ten element ma 12,3% wszystkich kliknięć w ruchu bezpośrednim (ruch bezpośredni stanowi 47%). Oznacza to, że chociaż pasek wyszukiwania jest uwydatniony na tej stronie, użytkownicy klikają również inne elementy, które rozpraszają ich uwagę, a to wpływa na ich zachowanie.

Jeśli chcesz wiedzieć, gdzie odwiedzający Twoją witrynę klikają jako pierwsi i jak to wpływa na ich zachowanie, analityczne mapy cieplne mogą być bardzo przydatne. Nie tylko filtrują pierwsze kliknięcia według źródła ruchu, ale także według sekwencji kliknięć.

Na przykład w ten sposób możesz dowiedzieć się, gdzie użytkownicy pochodzący z ruchu organicznego kliknęli jako pierwsi i jakie są ich zachowanie.

Wróćmy do poprzednich wykresów sekwencji kliknięć w różnych częściach strony w celu dalszej analizy zachowań klientów.

Po obejrzeniu tego zrzutu ekranu ponownie możemy stwierdzić, że 97,6% wszystkich kliknięć jest wykonywanych na pierwszym ekranie. Dzięki temu pozostałe 4 części strony są mniej skuteczne i rzadko klikane.

Analiza najechania myszką pokazuje, że użytkownicy wchodzą w interakcję z elementem bardzo szybko. Kliknięcie zajmuje odwiedzającym mniej niż 2 sekundy, mimo że większość z nich przegląda witrynę na komputerze.

Podobnie jest z głębokością przewijania. Strona główna serwisu Serpstat składa się z ośmiu przewijanych ekranów 1920×1080 pikseli. Według zebranych danych tylko 5% użytkowników oglądało drugi ekran, czyli przewijało, więc zachowanie na drugim ekranie nie było tak produktywne.

Dane z analizy głębokości przewijania po raz kolejny dowodzą, że praktycznie nikt nie sprawdza dolnej części strony, więc zachowanie tam prawie nie występuje. Nie ma sensu umieszczać tam żadnych dodatkowych elementów.

Ostatnie słowa

A więc to jest badanie, które przeprowadziłem razem z zespołem Plerdego. Mam nadzieję, że pomoże Ci to w analizie UX Twojej witryny i zrozumieniu zachowań użytkowników.