Poprawić możesz to, co widzisz. Formularz może wyglądać czysto. Projekt może być bez zarzutu. Tekst może być idealny. Ale jeśli odwiedzający porzucają go przy konkretnym polu, nigdy nie dowiesz się dlaczego, dopóki nie zobaczysz, jak go porzucają. Mapy cieplne i nagrania sesji to narzędzia, które pozwalają zobaczyć dokładny moment, w którym odwiedzający decyduje się przestać.
Większość optymalizacji formularzy przypomina zgadywanie. Zmieniasz kolejność pól. Może ukończeń przybywa. Może nie. Skracasz formularz. Wciąż nie wiesz, czy to była poprawka. Zmieniasz tekst przycisku. Nie da się stwierdzić, czy coś to dało. Na tym polega problem działania po omacku. Decyzje opierasz na teorii zamiast na zachowaniu.
Mapy cieplne i nagrania sesji rozwiązują to, pokazując, co naprawdę się dzieje. Mapa cieplna pokazuje, gdzie odwiedzający klikają, przewijają i się zatrzymują w całym formularzu. Nagranie sesji pokazuje dokładny moment, w którym odwiedzający przestaje wypełniać pole, i dlaczego. Razem zamieniają porzucanie formularzy z zagadki w problem do rozwiązania. Ten rozdział pokazuje, jak użyć obu narzędzi, by znaleźć prawdziwe punkty tarcia w formularzach.
Dlaczego nie da się optymalizować formularzy, nie widząc ich
Analityka formularzy może powiedzieć, że 40% odwiedzających porzuca formularz. Ale nie powie dlaczego. To luka między wiedzą, że jest problem, a wiedzą, na czym polega. Nagrania sesji i mapy cieplne istnieją, by tę lukę zamknąć.
Wyobraź sobie formularz z pięcioma polami. Analityka pokazuje 40% porzuceń. Nie wiesz, czy ludzie odchodzą, bo drugie pole jest mylące. Nie wiesz, czy klikają w miejsce, które nie działa. Nie wiesz, czy przewijają formularz w ogóle i nigdy nie widzą przycisku wysyłania. To różne problemy z różnymi rozwiązaniami.
Bez wglądu w faktyczne zachowania kończy się na naprawianiu rzeczy, które nie są zepsute, i ignorowaniu prawdziwego problemu. To kosztuje czas i zostawia pieniądze na stole. Jeden punkt porzuceń formularza, który naprawisz, może odzyskać setki konwersji. Ale nie naprawisz tego, czego nie widzisz.
Co mapa cieplna pokazuje o zachowaniu w formularzu
Mapa cieplna to wizualna nakładka pokazująca, gdzie odwiedzający wchodzą w interakcję z formularzem. Używa gradientów kolorów, zwykle od chłodnych, jak niebieski i zielony, do gorących, jak pomarańczowy i czerwony. Gorące kolory pokazują obszary, w których większość odwiedzających klika, przewija lub najeżdża kursorem. Chłodne kolory pokazują miejsca, w których prawie nikt nic nie robi.
W formularzu mapa cieplna ujawnia, które pola zbierają uwagę, a które są pomijane. Pokazuje, dokąd wędruje wzrok odwiedzających. Pokazuje, gdzie klikają w rzeczy, które nie są klikalne, co mówi, że oczekiwali czegoś interaktywnego, czego tam nie ma.
Mapy kliknięć ujawniają zagubienie
Mapa kliknięć pokazuje każde miejsce w formularzu, w które odwiedzający kliknął. Gorące obszary pokazują pola z wieloma kliknięciami. Chłodne pokazują pola, które odwiedzający ignorują. Ale co ważniejsze, mapa kliknięć pokazuje martwe kliknięcia, czyli kliknięcia w miejsca, które nie są interaktywne.
Jeśli formularz ma etykietę "Typ firmy" i widzisz skupisko kliknięć na tej etykiecie, a nie na samej liście rozwijanej, odwiedzający próbują kliknąć etykietę, oczekując, że jest elementem interaktywnym. To sygnał projektowy. Etykieta wygląda na klikalną, ale nie jest, więc klikają w złym miejscu.
Martwe kliknięcia to znaczniki frustracji. Każde kliknięcie w element nieinteraktywny to chwila, w której odwiedzający oczekiwał, że coś zadziała, i nie zadziałało. Przy odpowiedniej frustracji odchodzą.
Mapy przewijania pokazują, gdzie odwiedzający naprawdę patrzą
Mapa przewijania pokazuje dokładnie, jak nisko większość odwiedzających przewija formularz. To ważne, bo osoby, które nigdy nie docierają do przycisku wysyłania, nic nie wyślą. Jeśli formularz ma wiele pól, a większość odwiedzających przewija tylko do połowy, wiesz, że formularz jest za długi lub źle umieszczony.
Mapy przewijania pokazują też punkty porzuceń. Widać, na jakiej głębokości w pikselach odwiedzający przestają przewijać. Jeśli każdy odwiedzający dociera do konkretnego pola i się zatrzymuje, to pole prawdopodobnie powoduje spadek. Może prosi o wrażliwe dane bez kontekstu. Może jest mylące. Wzorzec przewijania mówi, gdzie szukać.
Mapy najechań pokazują wahanie
Mapa najechań pokazuje, gdzie odwiedzający poruszają kursorem po formularzu. Brzmi to subtelnie, ale jest potężne, bo ruch kursora często ujawnia niezdecydowanie. Odwiedzający krąży nad polem, odsuwa się, wraca. Takie krążenie sygnalizuje wahanie lub niepewność.
Gdy widzisz gorący punkt najechań na konkretnym polu, wiesz, że tam odwiedzający myślą. Coś przetwarzają. Nie wiedzą, co robić dalej. Mapy najechań pomagają wychwycić pola, które są mylące, zanim ktokolwiek w nie kliknie.
Co nagrania sesji ujawniają o porzucaniu formularzy
Nagranie sesji różni się od mapy cieplnej. Mapa cieplna pokazuje zagregowane zachowania wielu odwiedzających. Nagranie sesji pozwala obejrzeć drogę jednego odwiedzającego od początku do końca. Widzisz jego kliknięcia, przewijanie, pola, które wypełnia, pola, które pomija, i dokładny moment, w którym wysyła formularz lub odchodzi.
W nagraniach sesji znajdziesz historię stojącą za liczbami. Mapa cieplna mówi, że odwiedzający porzucają formularz przy polu e-mail. Nagranie sesji pokazuje dlaczego. Odchodzą, bo zobaczyli pole e-mail, uświadomili sobie, że dostaną e-maile marketingowe, przypomnieli sobie spam i wyszli. A może odchodzą, bo etykieta pola jest niejasna i nie wiedzą, jakiego formatu oczekujesz.
Wściekłe kliknięcia i szybkie klikanie pokazują frustrację
Gdy oglądasz nagranie sesji, szukaj wściekłych kliknięć. Wściekłe kliknięcie to sytuacja, gdy odwiedzający klika wielokrotnie w to samo miejsce w szybkim tempie. To wizualny odpowiednik niecierpliwego tupania nogą. Jest sfrustrowany. Coś nie działa tak, jak oczekiwał, i próbuje to zmusić do działania.
Wściekłe kliknięcia zwykle zdarzają się na przyciskach, które nie reagują, polach, które wydają się zepsute, lub akcjach, które zawiodły po cichu. Jeśli widzisz wściekłe klikanie w nagraniach formularza, coś w tym formularzu jest zepsute lub zachowuje się nieoczekiwanie. To priorytetowa poprawka, bo sfrustrowani odwiedzający odchodzą.
Wzorce wahania i porzucania
Nagrania sesji pokazują pauzy. Odwiedzający wypełnia imię, e-mail, potem zatrzymuje się na polu numeru telefonu. Siedzi. Kursor się nie rusza. Coś czyta, zastanawia się, decyduje, czy iść dalej. Potem zamyka kartę. Ta pauza to moment decyzji, a pole, na które patrzył, to problem.
Oglądając 10 do 20 nagrań sesji z porzuconych formularzy, zaczniesz dostrzegać wzorce. Pięciu różnych odwiedzających odchodzi przy tym samym polu. Czterech klika wściekle przed wyjściem. Dwóch przewija cały formularz, nie zauważając go. Te wzorce wskazują wprost, co poprawić.
Jak używać map cieplnych do znajdowania punktów tarcia w formularzu
Mapy cieplne stają się praktyczne, gdy wiesz, czego szukać. Oto praktyczny proces.
Zacznij od głębokości przewijania
Otwórz mapę przewijania i zobacz, gdzie kolor stygnie. Jeśli 80% odwiedzających przewija do połowy formularza, a potem kolor spada prawie do zera, formularz traci ludzi w połowie drogi. Pytanie brzmi: czy formularz jest za długi, czy konkretne pole powoduje spadek?
Porównaj głębokość przewijania z polami formularza. Jeśli spadek następuje zaraz po polu o dużym tarciu, jak numer telefonu lub data urodzenia, to pole jest prawdopodobnie winowajcą. Jeśli dzieje się to w połowie, bez związku z żadnym polem, formularz może być po prostu za długi albo potrzebuje lepszej struktury wizualnej, która zachęca do przewijania.
Szukaj skupisk kliknięć
Mapa cieplna powinna pokazywać większość kliknięć skupioną na polach formularza i przycisku wysyłania. Jeśli kliknięcia są rozrzucone po całej stronie, zwłaszcza na elementach, które nie są kontrolkami formularza, odwiedzający nie wiedzą, gdzie wchodzić w interakcję. Masz problemy z hierarchią wizualną lub jasnością.
Sprawdź gorące punkty na etykietach zamiast na polach wpisywania. Gorące punkty na przyciskach, które nie są głównym przyciskiem wysyłania. Gorące punkty na elementach takich jak ikony pomocy, gwiazdki czy komunikaty o błędach. Wszystko to wskazuje, że odwiedzający próbują wchodzić w interakcję z rzeczami, które nie miały być interaktywne. To sygnał projektowy, by wyjaśnić, co faktycznie jest klikalne.
Śledź wzorce ruchu
Ruch myszy na mapie najechań mówi, które pola zbierają uwagę, a które są ignorowane. Pole bez aktywności najechań, mimo że jest na ekranie, może być pomijane. Albo etykieta jest niejasna, albo jest ignorowane, bo odwiedzający uważają, że nie muszą go wypełniać, albo stoi w ślepym punkcie.
Porównaj aktywność najechań ze wskaźnikiem ukończeń. Jeśli pole ma małą aktywność najechań, ale wysoki wskaźnik ukończeń, gdy odwiedzający je wypełniają, to pole jest po prostu pomijane z wyboru, co jest w porządku, jeśli jest opcjonalne. Jeśli pole ma dużą aktywność najechań, ale niski wskaźnik ukończeń, odwiedzający próbują je wypełnić, ale utykają lub się gubią.
Jak używać nagrań sesji, by zobaczyć dokładnie, gdzie odwiedzający utykają
Nagrania sesji to narzędzie diagnozy. Oto jak oglądać je z pożytkiem.
Najpierw filtruj porzucone sesje
Jeśli narzędzie do nagrań na to pozwala, zacznij od filtrowania sesji, w których formularza nie wysłano. Chcesz oglądać osoby, które zrezygnowały, a nie te, którym się udało. Ich porzucenie to sygnał, którego szukasz.
Gdy oglądasz porzucone sesje, szukaj punktu zatrzymania. Gdzie odwiedzający się zatrzymuje? Które pole sprawia, że przestaje działać? To pole do zbadania.
Zwracaj uwagę na pauzy i ponowne czytanie
Gdy odwiedzający zatrzymuje się na polu, coś czyta. Może czyta etykietę, by zrozumieć, o co jest pytany. Może czyta tekst pomocniczy. Może przetwarza mylące wymaganie. Długa pauza zakończona porzuceniem oznacza, że problemem jest jasność tego pola.
Zanotuj dokładny moment pauzy. Czy to było, gdy pierwszy raz zobaczył pole? Czy zaczął pisać, a potem się zatrzymał? Czy wypełnił pole, a potem zwątpił? Każda z tych sytuacji opowiada inną historię o tym, co go zmyliło.
Policz wzorzec w wielu sesjach
Jeden odwiedzający porzucający formularz przy polu może być wyjątkiem. Pięciu odwiedzających porzucających przy tym samym polu to wzorzec. Oglądaj sesje, aż zobaczysz powtarzalność. Jeśli trzy z pięciu porzuconych sesji kończą się na polu numeru telefonu, wiesz już dokładnie, co naprawić. Jeśli wszyscy zatrzymują się przy tym samym polu przed porzuceniem, to pole jest diagnozą.
Większość narzędzi pokaże statystyki zbiorcze, jak "70% porzuceń następuje przy polu adresu". Użyj tego, by skupić przegląd sesji. Jeśli narzędzie mówi, że ludzie porzucają formularz przy konkretnym polu, oglądaj nagrania, aż zrozumiesz dlaczego.
Częste punkty tarcia ujawniane przez mapy cieplne i nagrania sesji
Pewne wzorce wracają w danych z formularzy raz po raz. Wiedza, czego szukać, przyspiesza diagnozę.
Nieoczekiwane prośby o dane
Odwiedzający wchodzi na formularz kontaktowy. Spodziewa się imienia, e-maila i wiadomości. Ale formularz pyta też o numer telefonu, wielkość firmy i roczny przychód. Nie spodziewał się tych pól. Wyglądają jak wypytywanie. Nagrania sesji pokazują wahanie przy tych nieoczekiwanych polach przed porzuceniem. Mapy cieplne pokazują aktywność najechań skupioną na tych polach bez kliknięć.
Rozwiązanie: wyjaśnij, dlaczego pytasz, oznacz je jako opcjonalne albo usuń całkiem, jeśli nie są kluczowe dla Twojego celu.
Mylące etykiety pól
Pole z napisem "Preferowany sposób kontaktu" jest niejednoznaczne. Preferowany przez Ciebie czy przez nich? Nagrania sesji pokazują odwiedzających zatrzymujących się, krążących nad polem, może klikających w nie, by sprawdzić, czy jest tekst pomocniczy. Mapy cieplne pokazują dużą aktywność najechań, ale małą interakcję. Samo pole powoduje tarcie.
Jasne etykiety, takie jak "Jak mamy się z Tobą skontaktować?" lub "Wolisz e-mail czy telefon?", eliminują to wahanie. Odwiedzający wiedzą dokładnie, o co pytasz, i odpowiadają od razu.
Brak kontekstu lub tekstu pomocniczego
Niektóre pola wymagają wyjaśnienia. Pole numeru telefonu bez kontekstu może sprawić, że odwiedzający zastanowi się, czy potrzebujesz go do telefonów marketingowych, czy do aktualizacji zamówienia. Pole z datą urodzenia bez wyjaśnienia wydaje się natarczywe. Nagrania sesji pokazują odwiedzających zatrzymujących się przy tych polach, z kursorem krążącym nad nimi, zanim uznają, że to zbyt ryzykowne, i wyjdą.
Mapy cieplne pokazują pauzę jako gorący punkt najechań. Nagrania pokazują moment decyzji o porzuceniu. Rozwiązanie to dodanie kontekstu na samym polu: "Telefon (tylko do aktualizacji zamówienia)" lub "Data urodzenia (aby potwierdzić spełnienie wymogu wieku)".
Tarcie przy przewijaniu, które ukrywa przycisk wysyłania
Jeśli formularz jest tak długi, że przycisk wysyłania nie jest widoczny bez przewijania, wielu odwiedzających nie będzie wiedzieć, że istnieje. Mapy cieplne pokazują ostry spadek aktywności po przewinięciu poza pewien punkt. Nagrania sesji pokazują odwiedzających wypełniających pola, docierających do końca widocznej treści i zamykających kartę, bo nie widzą mety.
Rozwiązanie: skróć formularz, przenieś przycisk wysyłania tak, by był widoczny bez przewijania, albo użyj przyklejonego przycisku, który zostaje w polu widzenia podczas przewijania.
Proces: od danych do działania
Surowe dane z map cieplnych i nagrań sesji mają znaczenie tylko wtedy, gdy prowadzą do zmian. Oto praktyczny przebieg.
Tydzień 1: Zbierz dane wyjściowe
Włącz narzędzia do map cieplnych i nagrań sesji na swoim formularzu. Zbieraj dane przez pełny tydzień lub do co najmniej 100 sesji. Potrzebujesz dość danych, by zobaczyć wzorce, a nie wyjątki.
Tydzień 2: Przeanalizuj wzorce
Przejrzyj mapy cieplne i wskaż 3 główne punkty tarcia. To samo zrób z nagraniami sesji. Szukaj pól, przy których większość ludzi się zatrzymuje, męczy lub porzuca formularz. Ustalaj priorytety według częstości, a nie według własnych założeń.
Tydzień 3: Wprowadź jedną zmianę
Wybierz punkt tarcia o największym wpływie i napraw go. Nie zmieniaj trzech rzeczy naraz. Nie będziesz wiedzieć, która zmiana coś dała. Dodaj tekst pomocniczy do mylącego pola. Usuń zbędne pole. Zmień kolejność pól, by najłatwiejsze były pierwsze. Wprowadź jedną wyraźną zmianę.
Tydzień 4: Zmierz ponownie
Zbierz kolejny tydzień danych z map cieplnych i nagrań sesji po wprowadzeniu zmiany. Porównaj wskaźnik ukończeń, odsetek porzuceń i konkretne zachowanie przy zmienionym polu. Czy się poprawiło? Jeśli tak, masz sukces. Przejdź do następnego punktu tarcia. Jeśli nie, cofnij zmianę i spróbuj innej poprawki.
Jak formularze WEMASY współpracują z narzędziami do map cieplnych
Formularze WEMASY bezproblemowo integrują się z narzędziami do map cieplnych i nagrań sesji. Możesz ustawić śledzenie w dowolnym formularzu WEMASY, by obserwować, jak odwiedzający z niego korzystają. Ponieważ formularze WEMASY są zbudowane na czystym HTML zgodnym ze standardami, każde kliknięcie, przewinięcie i interakcja da się śledzić.
Możesz też użyć wbudowanej analityki formularzy WEMASY, by zobaczyć wskaźniki wysłań, wzorce porzuceń i czas spędzony na każdym polu. Gdy połączysz to z mapami cieplnymi i nagraniami sesji, dostajesz pełny obraz zachowania w formularzu. Zobacz dokładnie, gdzie odwiedzający utykają i dlaczego. Potem to napraw. Zobacz, co zawierają pakiety WEMASY.
Podsumowanie: lista kontrolna korzystania z map cieplnych i nagrań
To nie jest skomplikowany proces. To staranna obserwacja i metodyczne poprawki.
Skonfiguruj śledzenie
Wybierz narzędzie do map cieplnych. Zainstaluj je na formularzu. Włącz mapy cieplne i nagrania sesji. Zacznij zbierać dane.
Zbierz dość danych
Nie wprowadzaj zmian na podstawie 5 sesji. Celuj w co najmniej 100 sesji przed analizą. Potrzebujesz dość danych, by odróżnić prawdziwe wzorce od przypadkowych wahań.
Wypatruj trzech głównych sygnałów tarcia
Szukaj martwych kliknięć na elementach nieinteraktywnych, wściekłych kliknięć na przyciskach lub polach oraz punktów spadku przewijania, w których odwiedzający nagle przestają się angażować.
Przeglądaj sesje porzuconych formularzy
Nie patrz tylko na mapy cieplne. Oglądaj prawdziwe nagrania odwiedzających porzucających formularz. Zobacz dokładny moment, w którym decydują się odejść, i na co wtedy patrzyli.
Poprawiaj jedną rzecz naraz
Zmień jeden punkt tarcia, zmierz wpływ, potem przejdź do następnego. To uczy, co naprawdę ma znaczenie.
Mierz ponownie po każdej zmianie
Zbierz kolejną partię danych po wprowadzeniu zmiany. Porównaj wskaźniki ukończeń, odsetki porzuceń i zachowanie przy zmienionym polu. Zapisz, co zadziałało.