Najprostszy test użyteczności nie zaczyna się od pytania „czy strona wygląda dobrze?”. Wybierz jedno zadanie, które powinien wykonać odwiedzający, i przejdź je od początku tak, jakbyś nie znał własnej witryny. Może to być znalezienie usługi, sprawdzenie obszaru działania, wysłanie formularza albo wykonanie telefonu.
Podczas testu nie poprawiaj od razu każdego zauważonego szczegółu. Najpierw zapisz miejsca, w których trzeba było się zatrzymać, zgadywać, wracać albo ponawiać działanie. Dzięki temu odróżnisz przeszkody w wykonaniu zadania od zmian, które są wyłącznie kwestią gustu.
Wybierz jedno zadanie i punkt startu
Zapisz zadanie w jednym zdaniu, bez opisywania idealnej ścieżki. Na przykład: „Chcę sprawdzić, czy firma naprawia rowery elektryczne, i umówić termin”. Następnie otwórz stronę główną w nowej karcie. Nie korzystaj z zakładek ani wiedzy o tym, gdzie znajduje się dana podstrona.
Przykład fikcyjny: właścicielka lokalnego serwisu prosi znajomego, aby znalazł informację o naprawie roweru elektrycznego i wybrał sposób kontaktu. Nie podpowiada nazwy zakładki. Obserwuje, w którym miejscu tester zatrzymuje się po raz pierwszy i jakich słów szuka w menu.
Jedno zadanie daje czytelniejszy wynik niż swobodne „pooglądaj stronę”. Jeśli witryna obsługuje kilka ważnych spraw, przeprowadź dla każdej osobny test.
Sprawdź, czy nawigacja prowadzi do celu
Na stronie głównej znajdź element, który wydaje się następnym krokiem. Może to być pozycja menu, przycisk albo link w treści. Oceń go na podstawie etykiety, a nie położenia, które znasz z codziennej pracy.
Zwróć uwagę na trzy sytuacje:
- nie wiadomo, którą z podobnych pozycji wybrać;
- etykieta brzmi inaczej niż słowa używane przez klientów;
- po przejściu dalej nie da się rozpoznać, czy trafiono we właściwe miejsce.
Jeśli tester pyta „gdzie mam kliknąć?”, nie odpowiadaj od razu. Zapisz pytanie i elementy, które brał pod uwagę. Taka obserwacja jest bardziej użyteczna niż ogólna opinia „menu jest mało intuicyjne”. Poprawką może być precyzyjniejsza nazwa, usunięcie dwóch pozycji prowadzących do podobnej treści albo dodanie linku tam, gdzie naturalnie kończy się opis.
Oceń czytelność na treści potrzebnej do zadania
Nie musisz zaczynać od redagowania całej strony. Wybierz fragment potrzebny do wykonania zadania: nazwę usługi, najważniejszy warunek, obszar działania i następny krok. Sprawdź, czy da się go znaleźć bez czytania każdego akapitu od początku do końca.
Pomagają w tym konkretne nagłówki, krótkie akapity i listy użyte tylko tam, gdzie porządkują kilka równorzędnych informacji. Sam duży tekst nie rozwiąże problemu, jeśli nagłówek nie mówi, czego dotyczy sekcja. Z kolei skracanie wszystkiego może usunąć warunek potrzebny przed kontaktem.
Poproś testera, aby własnymi słowami odpowiedział: co firma oferuje, dla kogo jest dana usługa i co należy zrobić dalej. Jeśli odpowiedzi nie wynikają z przeczytanego fragmentu, zapisz brakującą informację lub niejasne sformułowanie.
Sprawdź kontrast, nie znaczenie emocjonalne kolorów
Kolor oceniaj razem z jego funkcją i tłem. Najpierw sprawdź tekst oferty, etykiety przycisków, linki, pola formularza oraz komunikaty o błędach. WCAG 2.2 na poziomie AA wskazuje minimalny kontrast 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu. Tego nie warto oceniać wyłącznie „na oko” — użyj narzędzia do pomiaru kontrastu dla konkretnej pary koloru tekstu i tła.
Nie zakładaj, że konkretny kolor zawsze uspokaja, pobudza albo przekonuje do działania. W teście użyteczności ważniejsze jest to, czy element da się odczytać, rozpoznać i odróżnić od otoczenia. Jeśli kontrola ujawni problem z paletą, skorzystaj z osobnego poradnika Jak dobrać kolory strony internetowej, żeby była spójna i czytelna.
Przejdź formularz od pierwszego pola do potwierdzenia
Formularz sprawdź zarówno przy poprawnych danych, jak i przy kontrolowanym błędzie. Każde pole powinno mieć widoczną etykietę lub potrzebną instrukcję. Sam tekst zastępczy wewnątrz pola łatwo znika po rozpoczęciu pisania, dlatego nie powinien być jedyną informacją o tym, czego oczekuje formularz.
Wykonaj kolejno te kroki:
- Rozpoznaj, które pola są wymagane i w jakim formacie wpisać dane.
- Pozostaw jedno wymagane pole puste albo wpisz błędny format.
- Spróbuj wysłać formularz i sprawdź, czy wskazano konkretne pole oraz opisano błąd tekstem.
- Popraw dane i wyślij formularz ponownie.
- Sprawdź, czy pojawia się jednoznaczne potwierdzenie wysłania.
Jeśli formularz przesyła wiadomości do rzeczywistej skrzynki firmy, oznacz test w treści wiadomości i uprzedź osobę obsługującą kontakt. Nie używaj cudzych danych.
Sprawdź kontakt telefoniczny na telefonie
Otwórz stronę na smartfonie i ponownie wykonaj to samo zadanie. Nie oceniaj w tym miejscu całej responsywności witryny. Sprawdź tylko, czy potrzebna treść pozostaje dostępna, numer telefonu da się znaleźć, a dotknięcie numeru lub przycisku połączenia uruchamia właściwą czynność.
Porównaj numer widoczny na stronie z aktualnym numerem firmy. Zobacz też, czy godziny kontaktu albo informacja o oddzwonieniu nie są ukryte w innej części witryny. Jeżeli problem dotyczy szerzej menu, układu, zdjęć lub treści na małym ekranie, przeprowadź osobny test responsywności strony.
Zapisz wynik jako listę konkretnych poprawek
Po teście uzupełnij prostą tabelę. W kolumnie „wynik” wpisuj obserwację, nie ocenę estetyczną.
| Punkt kontroli | Co sprawdzić | Kryterium wykonania zadania | Wynik |
|---|---|---|---|
| Nawigacja | Czy etykiety prowadzą do właściwej treści | Tester wybiera kolejny krok bez podpowiedzi | |
| Czytelność | Czy można znaleźć ofertę, warunki i następny krok | Tester potrafi własnymi słowami wskazać potrzebne informacje | |
| Kontrast | Czy ważny tekst i elementy sterujące są czytelne na swoim tle | Sprawdzone pary spełniają właściwy próg kontrastu | |
| Formularz | Etykiety, wymagane pola, błędy i potwierdzenie | Formularz pozwala rozpoznać i poprawić błąd oraz potwierdza wysłanie | |
| Telefon | Widoczność i działanie numeru na smartfonie | Użytkownik znajduje numer i może rozpocząć połączenie |
Na końcu nadaj poprawkom kolejność. Najpierw usuń przeszkody, które uniemożliwiają wykonanie zadania: brak drogi do oferty, nieczytelny komunikat, formularz bez informacji o błędzie albo niedziałający kontakt. Później zajmij się usprawnieniami, które skracają drogę lub porządkują treść.
Taki test pokaże problemy w wybranej ścieżce, ale nie zastąpi pełnego audytu dostępności ani badania wszystkich typów użytkowników. Jest za to dobrym sposobem na rozpoczęcie pracy od rzeczy, które można zaobserwować, opisać i ponownie sprawdzić po poprawkach.
Zdjęcie otwierające: Startup Stock Photos / Pexels.
