UX mobilny sklepu internetowego — co sprawdzić przed zmianą wyglądu

Mobilny UX sklepu internetowego to możliwość wykonania całego zadania na telefonie: znaleźć produkt, ocenić ofertę i kupić bez utraty kontekstu. Strona może idealnie mieścić się w ekranie, a mimo to utrudniać wybór wariantu, ukrywać koszt dostawy lub resetować formularz po błędzie. Dlatego audyt mobilny zaczyna się od ścieżki, nie od oceny estetyki.

Badania użyteczności mobilnego e-commerce Baymard opisują powtarzalne problemy w nawigacji, kartach produktów i checkoutcie. Traktuj je jako katalog hipotez. O tym, co naprawiać w Twoim sklepie, decyduje własny przebieg i pomiar.

Karta produktu: decyzja musi być możliwa bez zgadywania

Otwórz kartę produktu z wyników wyszukiwania lub reklamy na telefonie. Sprawdź, czy widzisz nazwę, cenę, dostępność, wybór wariantu i działanie prowadzące do koszyka. Następnie znajdź koszt i termin dostawy, warunki zwrotu, opis oraz zdjęcia potrzebne do decyzji.

Nie oceniaj wyłącznie pierwszego ekranu. Spróbuj wybrać niedostępny wariant, wróć do dostępnego i dodaj produkt. Zobacz, czy po błędzie zachowuje się wybór. Jeśli produkt wymaga rozmiaru, użyj tabeli rozmiarów i wróć do zakupu. Utrata wybranego wariantu po takim przejściu jest konkretnym problemem, który można odtworzyć.

W publicznym audycie mobilnym Answear pokazuję, jak zapisuję pojedyncze obserwacje i proponuję testy. Tamte wnioski dotyczą badanego stanu i nie są wynikiem dla każdego sklepu.

Koszyk i checkout: sprawdź zmianę kontekstu

Po dodaniu produktu klient powinien wiedzieć, co się stało i gdzie przejść dalej. Otwórz koszyk, zmień ilość, usuń produkt i ponownie go dodaj. Sprawdź zgodność cen i dostępność informacji o dostawie. Następnie rozpocznij checkout jako osoba bez konta.

Przejdź przez formularz z otwartą klawiaturą ekranową. Zwróć uwagę, czy klawiatura nie zasłania komunikatu błędu lub przycisku, czy pola mają odpowiedni typ i czy po pomyłce nie trzeba wpisywać wszystkiego od nowa. Spróbuj wrócić o krok i zmienić metodę dostawy. Jeśli wybór znika albo kwota zmienia się bez wyjaśnienia, zapisz dokładny warunek.

Przy płatności sprawdź, czy dostępne metody działają dla badanego urządzenia i czy po anulowaniu płatności można bezpiecznie wrócić do zamówienia. Test zatrzymaj przed realnym obciążeniem, jeśli nie masz przygotowanego środowiska i procedury zwrotu.

Dane: porównuj to samo z tym samym

W analityce porównaj etapy na telefonie i komputerze, ale nie wyciągaj wniosku z samej różnicy w konwersji. Kanały ruchu, intencja, typ klienta i oferta mogą się różnić. Najpierw upewnij się, że zdarzenia zakupu są mierzone tak samo. Potem analizuj ten sam okres, źródło i etap ścieżki. Google opisuje zalecane zdarzenia e-commerce w GA4, w tym dodanie do koszyka, rozpoczęcie checkoutu i zakup.

Jeżeli odpływ na telefonie jest wysoki, masz kierunek dochodzenia. Przyczynę potwierdza dopiero obserwacja: odtwarzalny błąd, nagranie sesji z zachowaniem prywatności, test użyteczności albo spójny zestaw sygnałów. Różnica między urządzeniami sama nie dowodzi wadliwego przycisku.

Co powinno zostać po kontroli

Przygotuj krótką listę: opis problemu, ekran i urządzenie, sposób odtworzenia, dane o skali, proponowana zmiana oraz metryka do sprawdzenia. Osobno oznacz błędy techniczne, które blokują zakup. Nie dopisuj prognozy wzrostu bez podstawy.

Dobry pierwszy krok to checklista audytu lejka. Jeśli potrzebujesz przejścia ścieżki na telefonie i komputerze wraz z priorytetami, sprawdź audyt jednego lejka.