Treści i design
Sklep na telefonie: checklista wygodnych zakupów
Sprawdź menu, warianty, koszyk i formularze na małym ekranie. Konkretna lista prób, które ujawniają problemy niewidoczne na komputerze.
Responsywny układ to początek, a nie koniec pracy nad sklepem mobilnym. Strona może mieścić się na ekranie, a mimo to utrudniać zakup: klawiatura zasłania przycisk, wariant jest trudny do zaznaczenia albo baner blokuje koszyk. Sprawdzaj pełne zadania na prawdziwym telefonie.
Przejdź od wejścia do produktu
Otwórz stronę bez zapisanej sesji. Rozwiń menu, wejdź do kategorii i zastosuj filtr. Sprawdź, czy po powrocie z produktu klient nadal rozumie, gdzie się znajduje. Długie nazwy kategorii nie powinny nachodzić na ikonę zamykania. Wyszukiwarka powinna mieć czytelną etykietę i zrozumiały stan bez wyników.
Sprawdź kartę produktu kciukiem
Wybierz najdłuższą nazwę produktu oraz kilka wariantów. Oceń widoczność ceny i dostępności po zmianie. Elementy klikalne powinny mieć wygodny obszar, nie tylko mały symbol. Przy przyklejonym przycisku zakupu upewnij się, że nie przykrywa ostatnich informacji ani komunikatów formularza.
Przetestuj koszyk i klawiaturę ekranową
- Dodaj produkt i zmień ilość.
- Wpisz niepoprawny kod rabatowy i przeczytaj komunikat.
- Wypełnij dane przy użyciu autouzupełniania.
- Usuń wymaganą wartość i sprawdź wskazanie błędu.
- Obróć telefon oraz wróć z zewnętrznej płatności testowej.
Błąd nie powinien kasować poprawnie wpisanych danych. Przycisk wysyłający formularz powinien pokazywać trwające przetwarzanie i chronić przed przypadkowym ponownym wysłaniem.
Uwzględnij dostępność
Sprawdź powiększenie tekstu i obsługę klawiaturą. Etykiety pól muszą pozostać czytelne po wpisaniu wartości. Kolor nie powinien być jedyną informacją o błędzie czy dostępności. Okna modalne wymagają działającego zamknięcia i logicznego powrotu do wcześniejszego miejsca.
Zapisuj warunki każdego testu
Przy zgłoszeniu błędu podaj model urządzenia, przeglądarkę, adres strony i kolejne kroki. Zamiast „koszyk nie działa” zapisz: „Po wyborze wariantu M i zwiększeniu ilości do dwóch suma nie zmienia się”. Po poprawce powtórz dokładnie ten scenariusz i jeden zwykły zakup. Test w symulatorze traktuj jako uzupełnienie próby na urządzeniu.