Liczba wysłanych formularzy spada o dwadzieścia procent z dnia na dzień. Analityka sygnalizuje spadek. Wykres potwierdza problem. Nie pokaże jednak przycisku wysyłania, który przestał reagować w mobilnym Safari. Nagrania sesji pokażą.
Nagrania sesji odtwarzają prawdziwe interakcje odwiedzających na Twojej stronie. Oglądasz ruch kursora, głębokość przewijania, kliknięcia i przejścia między stronami dokładnie tak, jak się odbyły. Przy szukaniu błędów nagrania są najbliższe temu, jak stać za plecami odwiedzającego, bez umawiania testu z użytkownikiem.
Dlaczego nagrania wychwytują błędy, które umykają wskaźnikom
Wskaźniki zbiorcze wygładzają pojedyncze awarie. Jeśli dziewięćdziesiąt pięć procent odwiedzających kończy formularz, pięcioprocentowy odsetek niepowodzeń wygląda w panelu akceptowalnie. Nagrania pokazują, czy te niepowodzenia skupiają się w jednej przeglądarce, na jednym urządzeniu czy w jednym stanie strony. Lokalny błąd może zniszczyć konwersję w cennym segmencie, podczas gdy główne liczby pozostają zielone.
Nagrania wychwytują też błędy wizualne i interakcji. Nakładające się elementy, niewidoczne przyciski, nieskończone ładowanie i zepsute przekierowania rzadko generują czyste zdarzenia błędu. Odwiedzający po prostu wychodzą. Nagrania pokazują zachowanie, które współczynnik wyjść jedynie podsumowuje.
Zacznij od segmentów, które sygnalizują kłopoty
Nie oglądaj nagrań losowo. Filtruj sesje o wysokiej intencji i złym wyniku. Osoby porzucające koszyk, które doszły do kroku płatności. Osoby, które zaczęły formularz i go nie wysłały. Odwiedzający z kliknięciami wściekłości na jednym elemencie. Użytkownicy telefonów z niezwykle krótkim czasem sesji na kluczowej stronie.
Łącz filtry ilościowe z jakościowym przeglądem. Segment pięćdziesięciu sesji, w których odwiedzający klikali ten sam przycisk pięć razy w dziesięć sekund, to mocny sygnał błędu. Zacznij od niego, zanim przejdziesz do szerszego ruchu.
Poznaj podstawy nagrań sesji przed głębszym szukaniem błędów. Wiedza o tym, co nagrania rejestrują, a czego nie, zapobiega fałszywym wnioskom.
Rozpoznawanie typowych wzorców błędów w nagraniach
Martwe kliknięcia i kliknięcia wściekłości
Odwiedzający klika element, który wygląda na interaktywny, ale nic nie robi. Klika ponownie. I jeszcze raz. Elementem może być ostylowany div bez linku, przycisk zasłonięty niewidoczną nakładką albo skrypt, który się nie załadował. Wskaźniki kliknięć wściekłości w Twoim systemie analitycznym prowadzą wprost do takich sesji.
Zepsuty układ na konkretnych rozdzielczościach
Filtruj nagrania według typu urządzenia. Formularz zamówienia, który działa na komputerze, ale na telefonie chowa przycisk wysyłania poniżej widocznego obszaru, to klasyczne znalezisko z nagrań. Odwiedzający przewija, zatrzymuje się i wychodzi. Bez odtworzenia można by winić tekst zamiast układu.
Zepsuta nawigacja i pętle przekierowań
Szukaj odwiedzających, którzy raz po raz przeskakują między dwoma adresami albo trafiają na pustą stronę po kliknięciu pozycji menu. Błędne konfiguracje przekierowań i brakujące trasy wyraźnie widać na osi czasu sesji, nawet gdy logi serwera wyglądają normalnie.
Funkcje zależne od JavaScriptu, które zawodzą po cichu
Autouzupełnianie, dynamiczne ceny i warunkowe pola formularzy zależą od skryptów. Gdy skrypt zawodzi, strona może wyglądać dobrze, a funkcja zniknęła. Nagrania pokazują odwiedzających, którzy zatrzymują się, odświeżają stronę albo porzucają ją dokładnie przy polu, w którym skrypt przestał działać.
Zamień obserwacje w potwierdzone błędy
Jedno nagranie to wskazówka. Trzy nagrania z tym samym wzorcem awarii to zgłoszenie błędu. Zapisz przeglądarkę, urządzenie, adres strony i kroki do odtworzenia. Przekaż zespołowi deweloperskiemu link do nagrania ze znacznikiem czasu razem z opisem kroków.
Odtwórz błąd samodzielnie w tym samym środowisku. Potwierdź poprawkę na środowisku testowym przed wydaniem. Potem obejrzyj nowe nagrania z tego samego segmentu, by sprawdzić, czy odsetek awarii spada. Domknięcie pętli zapobiega powrotowi tego samego błędu w innym szablonie.
Powiąż błędy z szerszymi problemami doświadczenia
Nie każde zepsute doświadczenie to błąd w kodzie. Część to błędy projektu: niejasne etykiety, brakujące komunikaty o błędach albo kroki, które mylą odwiedzających. Nagrania pomagają odróżnić błędy techniczne od tarcia w UX, które odwiedzający odbiera jak błąd.
Oznaczaj ustalenia według typu. Błąd techniczny. Problem z treścią. Opóźnienie wydajności. Dezorientacja w nawigacji. Różne typy mają różnych właścicieli. Kierowanie wszystkiego do deweloperów spowalnia poprawki i ukrywa problemy projektowe, które nagrania wyraźnie pokazują.
Zbuduj trwały rytm przeglądu błędów
Zaplanuj cotygodniowy trzydziestominutowy przegląd nagrań skupiony na sygnałach błędów. Jedna osoba ogląda, druga dokumentuje. Zamieniajcie się rolami, by wiedza się rozchodziła. Prowadź wspólną listę zadań uszeregowaną według częstości i wpływu na przychód.
Włącz przegląd nagrań w proces wydawania zmian. Po każdym wdrożeniu przez czterdzieści osiem godzin sprawdzaj nagrania z segmentów o wysokiej intencji. Wczesne wykrycie ogranicza skutki zepsutych doświadczeń.
Najczęściej zadawane pytania
Ile nagrań obejrzeć, zanim zgłoszę błąd?
Obejrzyj co najmniej trzy sesje z tym samym wzorcem awarii na tej samej stronie i tym samym typie urządzenia. Jedna sesja może być przypadkiem brzegowym. Trzy spójne awarie uzasadniają zgłoszenie błędu. W kreatorze stron WEMASY możesz przeglądać nagrania obok stron, których dotyczą.
Czy nagrania sesji mogą zastąpić automatyczne monitorowanie błędów?
Nie. Automatyczne logi błędów wychwytują wyjątki w kodzie. Nagrania wychwytują awarie doświadczenia, które nigdy nie wywołują zdarzenia błędu. Używaj obu. Logi mówią, co zgłosiło wyjątek. Nagrania mówią, co zrobił odwiedzający, gdy po stronie serwera wszystko wyglądało dobrze.
Które filtry znajdują błędy najszybciej?
Zacznij od kliknięć wściekłości, martwych kliknięć i sesji, które zakończyły się na stronach błędów. Dodaj filtry urządzenia i przeglądarki, gdy wzorce się skupią. Nasz poradnik o nagraniach sesji opisuje podstawowe filtry, których każdy zespół powinien użyć na początku.
Czy deweloperzy powinni oglądać nagrania, czy czytać zgłoszenia błędów?
Jedno i drugie. Pisemne zgłoszenia z krokami do odtworzenia są niezbędne do tworzenia zadań. Dwuminutowy fragment nagrania usuwa niejasności szybciej niż długi opis. Wstaw link do fragmentu w zgłoszeniu, by deweloperzy od razu zobaczyli perspektywę odwiedzającego.
Jak odróżnić błędy od zwykłego zagubienia odwiedzających?
Błędy powodują powtarzalną awarię w tym samym punkcie interakcji. Zagubienie rozkłada się na różne ścieżki i pytania o tekst. Jeśli pięćdziesiąt procent segmentu zawodzi na jednym przycisku, podejrzewaj błąd. Jeśli awarie rozpraszają się po stronie, podejrzewaj tarcie w UX.
Czy nagrania sesji spowalniają moją stronę?
Dobrze skonfigurowany system nagrywania używa lekkich skryptów ładowanych asynchronicznie. Wpływ na wydajność nowoczesnych stron powinien być minimalny. Obserwuj czas ładowania strony po włączeniu nagrań i w razie potrzeby dostosuj próbkowanie.