Slider na stronie głównej ma przeciwników i obrońców, ale żadna z tych stron nie zna twojej strony. Rozstrzygnięcie dają trzy pytania: czy ktoś klika slajdy poza pierwszym, czy ktoś używa strzałek i czy na telefonie odwiedzający w ogóle przewijają poniżej karuzeli. Jeśli odpowiedzi brzmią „nie”, dalsze slajdy są dekoracją, za którą płacisz miejscem na pierwszym ekranie. Jeśli brzmią „tak”, możesz mieć jeden z rzadkich sliderów, który pracuje.
Ten poradnik dotyczy wyłącznie karuzeli i testu na własnych danych. Ogólne zasady tego, co ma się zmieścić nad linią przewijania, opisujemy w tekście o pierwszym ekranie strony. Tutaj ustalisz, co zmierzyć, jak odczytać wynik na telefonie i komputerze oraz kiedy zastąpić slider jednym banerem.
Co sprawdzić, zanim usuniesz albo obronisz slider
Spór o karuzele zwykle opiera się na cudzych danych. Twoja decyzja potrzebuje czterech obserwacji z jednej strony, rozdzielonych na urządzenia i zebranych w okresie, w którym slajdy się nie zmieniały. Każda z nich odpowiada na inne pytanie, więc żadna nie wystarcza samodzielnie.
Przesuń tabelę w bok, aby zobaczyć wszystkie kolumny.
| Pytanie | Skąd dane | Sygnał, że slider nie pracuje |
|---|---|---|
| Czy ktoś klika dalsze slajdy? | Ranking elementów na mapie kliknięć | Link drugiego i kolejnych slajdów prawie nie występuje |
| Czy ktoś używa strzałek i kropek? | Kliknięcia w kontrolki karuzeli | Strzałki mają mniej kliknięć niż logo czy menu |
| Czy na telefonie ktoś przewija dalej? | Mapa przewijania dla telefonu | Większość odsłon kończy się na wysokości slidera |
| Co ludzie robią, gdy slajd się zmienia? | Nagrania wizyt z tej strony | Przewijają dalej albo wychodzą, zanim zobaczą drugi slajd |
Zapisz też, co jest na każdym slajdzie i dokąd prowadzi jego link. Bez tej listy po tygodniu nie będzie wiadomo, czy niski wynik trzeciego slajdu dotyczy położenia, czy po prostu słabej oferty.
Kliknięcia w link każdego slajdu i w strzałki
Mapa kliknięć ma przy karuzeli jedno ograniczenie: tło pokazuje stronę taką, jaka była w chwili zapisu, czyli z jednym widocznym slajdem. Plama koloru na obrazie nie powie więc, w który slajd ktoś kliknął. Patrz na ranking elementów, w którym link każdego slajdu i każda kontrolka występują jako osobne pozycje z liczbą kliknięć. Sposób czytania samej mapy opisujemy w poradniku jak czytać mapy ciepła.
Jeśli linki slajdów mają w kodzie podobną budowę i trudno je od siebie odróżnić, nadaj im czytelne nazwy. Atrybut data-livechat-track sprawia, że widget Meetlead zapisuje kliknięcie jako zdarzenie z twoją nazwą w przebiegu wizyty. Tak samo oznacz strzałki i kropki nawigacji.
Linki slajdów: slider-slajd-1, slider-slajd-2, slider-slajd-3. Kontrolki: slider-strzalka-dalej, slider-strzalka-wstecz, slider-kropka. Notatka: data zmiany treści slajdów i urządzenie, z którego pochodzą dane.
Porównuj kliknięcia slajdów z innymi elementami tej samej strony, a nie z ogólnym wzorcem. Jeśli strzałka „dalej” ma tyle kliknięć co link w stopce, odwiedzający jej nie szukają. Przy małym ruchu sprawdź, czy próbka w ogóle nadaje się do wniosków: panel Meetlead oznacza mapę jako gotową od 50 odsłon strony na danym urządzeniu, a jak czytać cienkie dane, wyjaśnia poradnik o tym, ile wizyt potrzebuje mapa ciepła.
Telefon: czy ktoś przewija poza karuzelę
Na telefonie slider często zajmuje cały pierwszy ekran, a pod nim nie widać nawet fragmentu kolejnej sekcji. Wtedy odwiedzający widzi jedno zdjęcie i musi zdecydować, czy przewinąć, czy czekać. Mapa przewijania dla telefonu pokaże, jaka część odsłon wyszła poza wysokość karuzeli. Otwórz ją osobno dla telefonu i komputera, bo ta sama karuzela ma na nich inną wysokość względem ekranu.
Zaznacz na mapie miejsce, w którym kończy się slider, i odczytaj zasięg tuż poniżej. Gwałtowny spadek dokładnie w tym miejscu sugeruje, że duże zdjęcie wygląda jak koniec strony. Jak odróżnić takie fałszywe dno od zwykłego wyjścia, opisujemy w tekście o głębokości przewijania strony. Pamiętaj też o różnicy: przewinięcie poniżej slidera nie mówi nic o tym, czy ktoś zobaczył drugi slajd.
Nagrania: czy ktoś czeka na kolejny slajd
Liczby mówią, ile osób kliknęło. Nagranie pokazuje, co się działo w pierwszych sekundach: czy ktoś patrzy na zmieniający się slajd, czy od razu przewija, czy próbuje przesunąć zdjęcie palcem i nic się nie dzieje. Wybierz po kilka nagrań z telefonu i z komputera z tej samej strony i oglądaj tylko fragment do opuszczenia karuzeli.
- Ile sekund minęło, zanim osoba przewinęła poniżej slidera
- Czy zdążył się wyświetlić drugi slajd
- Czy ktoś przesuwał slajd palcem albo klikał kropki
- Czy kliknięcie trafiło w slajd, który właśnie zniknął
- Czy osoba wróciła na górę, żeby coś odnaleźć
Ostatnie dwa punkty są ważniejsze, niż wyglądają. Kliknięcie w slajd, który w tej samej chwili się zmienił, prowadzi w inne miejsce, niż ktoś chciał, a powrót na górę oznacza, że informacja przemknęła i zniknęła. Z punktu na mapie kliknięć możesz przejść do listy nagrań powiązanych z tym elementem, jeśli takie nagrania są zachowane w wybranym zakresie.
Erik Runyon opisał w styczniu 2013 roku kliknięcia w karuzelę na stronie głównej uczelni Notre Dame: kliknęło około 1% odwiedzających, a 84% tych kliknięć dotyczyło pierwszego slajdu; ta karuzela nie przełączała się sama. Erik Runyon: Carousel Interaction Stats. To kontekst sprzed ponad dekady z jednej witryny, a nie wzorzec, z którym należy porównywać własny wynik.
Prosty test przed i po ze statycznym banerem
Gdy obserwacje wskazują, że dalsze slajdy nie pracują, nie usuwaj karuzeli w ciemno. Zastąp ją jednym banerem z najlepiej klikanym przekazem i porównaj dwa okresy. Fikcyjny przykład: sklep meblowy ma cztery slajdy, a niemal wszystkie kliknięcia trafiają w pierwszy, z kolekcją sof. Baner z tą kolekcją i jednym przyciskiem jest naturalnym kandydatem do testu.
- Zapisz punkt wyjścia.Zbierz kliknięcia slajdów, zasięg przewijania na telefonie i komputerze oraz liczbę zapytań ze strony głównej z tego samego okresu.
- Zmień tylko slider.Wstaw statyczny baner w to samo miejsce. Nie zmieniaj w tym czasie menu, oferty ani kampanii prowadzących na stronę główną.
- Zbierz porównywalną próbkę.Licz od dnia zmiany, osobno dla urządzeń, aż obie wersje mają podobną liczbę odsłon i obejmują te same dni tygodnia.
- Porównaj trzy liczby.Kliknięcia głównego przycisku, zasięg tuż poniżej banera i liczbę zapytań. Sprawdź też w nagraniach, czy ktoś szuka treści z usuniętych slajdów.
Test przed i po nie jest testem A/B: między okresami zmienia się też ruch i sezon, więc wynik traktuj jako mocną wskazówkę, a nie dowód. Gdy ruch na to pozwala, porównanie obu wersji w tym samym czasie opisuje poradnik o testach A/B na stronie. Jeśli po zmianie problemem okazuje się sam przycisk, a nie karuzela, przejdź do diagnozy z tekstu o tym, że nikt nie klika przycisku CTA.
Kiedy karuzela jest do obrony
Slider nie musi znikać, jeśli dane pokazują, że ludzie go używają, na przykład przeglądają realizacje w portfolio albo zdjęcia jednego produktu. Wtedy karuzela jest treścią, którą ktoś świadomie przegląda, a nie sposobem na zmieszczenie kilku ofert w jednym miejscu. Do obrony jest też karuzela z jedną główną wiadomością na pierwszym slajdzie, gdy dalsze slajdy tylko ją uzupełniają.
- Pierwszy slajd sam odpowiada, co robisz i dla kogo
- Slajdy nie przełączają się same albo da się je zatrzymać
- Pod karuzelą na telefonie widać fragment kolejnej sekcji
- Każdy slajd ma jeden link prowadzący w konkretne miejsce
- Treść z dalszych slajdów jest dostępna także niżej na stronie
Kryterium WCAG 2.2.2 (poziom A) wymaga mechanizmu zatrzymania, wstrzymania lub ukrycia treści, która porusza się automatycznie, trwa dłużej niż pięć sekund i jest wyświetlana obok innej treści. W3C: Understanding Pause, Stop, Hide. Kryterium dotyczy dostępności, a nie tego, czy karuzela zwiększa liczbę zapytań.
W Analityce Meetlead mapy kliknięć i przewijania otwierasz osobno dla telefonu, tabletu i komputera, a nagrania z tej samej strony możesz filtrować po urządzeniu. Aplikację Heatmapy instalujesz dla wybranej witryny, a zapisywanie nagrań i długość ich historii zależą od planu.
Pytania o slider na stronie głównej
Czy autoodtwarzanie pomaga, bo ludzie zobaczą więcej slajdów? Nie musi. Slajd wyświetlony przez kilka sekund nie oznacza, że ktoś go przeczytał, a zmiana w trakcie czytania przerywa wiadomość. Jeśli zostawiasz automatyczne przełączanie, dodaj widoczny przycisk pauzy i sprawdź w nagraniach, czy kliknięcia nie trafiają w znikające slajdy.
Ile czasu powinien trwać test ze statycznym banerem? Tyle, żeby obie wersje miały porównywalną liczbę odsłon na każdym urządzeniu i objęły pełne tygodnie. Przy małym ruchu może to oznaczać kilka tygodni na wersję. Wtedy oprzyj decyzję bardziej na nagraniach i pytaniach klientów niż na samej różnicy liczb.
