Od czego zacząć audyt mobilny
Audyt wersji mobilnej nie polega tylko na sprawdzeniu, czy strona mieści się na ekranie telefonu. Użytkownik musi móc znaleźć informacje, odczytać je i wykonać potrzebne działanie. Warto więc ocenić osobno zawartość, elementy interaktywne i układ. Taki podział ułatwia także przekazanie uwag osobie, która będzie poprawiać witrynę.
Wybierz kilka reprezentatywnych podstron: stronę główną, kategorię, artykuł, stronę produktu lub usługi oraz formularz kontaktowy, jeśli występuje. Otwórz je na telefonie i w narzędziach deweloperskich przeglądarki z ustawioną wąską szerokością ekranu. Symulacja pomaga szybko wykrywać problemy, ale nie zastępuje próby na urządzeniu z obsługą dotykową. Przetestuj też stronę po odświeżeniu i po rozwinięciu menu lub innych paneli.
Czy ważne treści są dostępne na małym ekranie?
Porównaj mobilny i szeroki widok tej samej podstrony. Sprawdź, czy na telefonie nadal są dostępne opis oferty, ceny lub warunki zakupu, dane kontaktowe, główne nagłówki oraz linki prowadzące do powiązanych informacji. Zwróć uwagę na elementy schowane za zakładkami, przyciskami „pokaż więcej” i akordeonami. Samo zwinięcie treści może porządkować ekran; problem pojawia się wtedy, gdy użytkownik nie widzi, że można ją otworzyć, albo panel nie działa.
Przyjrzyj się też temu, jak treść jest udostępniana. Tekst zapisany na stronie i pokazywany po kliknięciu to inna sytuacja niż opis, który wczytuje się dopiero po akcji i czasem nie pojawia się wcale. Jeśli ważny fragment znika na telefonie, sprawdź, czy odpowiada za to reguła stylów, warunek w szablonie czy błąd skryptu. Nie zakładaj na podstawie samego wyglądu, że treść jest albo nie jest dostępna dla wyszukiwarki; najpierw ustal, co strona faktycznie zawiera i wyświetla.
Przyciski i formularze: testuj zadania, nie tylko wygląd
Wykonaj na telefonie podstawowe zadania użytkownika: otwórz menu, przejdź do wybranej kategorii, użyj wyszukiwarki, dodaj produkt do koszyka lub wyślij formularz testowy, jeśli można to zrobić bez tworzenia prawdziwego zgłoszenia. Sprawdź, czy przyciski reagują, czy ich etykiety jasno opisują działanie oraz czy da się je dotknąć bez przypadkowego uruchomienia sąsiedniego elementu. Szczególnie łatwo przeoczyć przycisk zasłonięty przez baner, wysuwany panel albo stale widoczny pasek u dołu ekranu.
Przy formularzach oceń cały przebieg, również komunikaty o błędach. Czy widać, które pole wymaga poprawy? Czy po otwarciu klawiatury ekran nadal pozwala dotrzeć do przycisku wysłania? Jeśli menu lub okno dialogowe można otworzyć, sprawdź również, czy da się je zamknąć. Gdy to możliwe, przejdź przez te same elementy przy powiększonym tekście oraz z klawiaturą: problemy z kolejnością przechodzenia między polami często wskazują, że obsługa interfejsu wymaga dokładniejszej kontroli.
Błędy układu, które warto sprawdzić
Przewiń każdą podstronę od góry do dołu. Zwróć uwagę na poziomy pasek przewijania, tekst ucięty przy krawędzi, tabele i grafiki szersze od ekranu oraz nagłówki nachodzące na inne elementy. Częstą przyczyną takich usterek bywa element o sztywno określonej szerokości, ale warto potwierdzić to w narzędziach deweloperskich zamiast zgadywać. Obejrzyj także stronę po obróceniu telefonu i przy większym rozmiarze tekstu.
Nie każdy problem z układem jest od razu widoczny. Obrazy lub osadzone materiały mogą zmieniać rozmiar podczas wczytywania i przesuwać przycisk właśnie wtedy, gdy ktoś chce go dotknąć. Sprawdź stronę zarówno przy szybkim, jak i wolniejszym ładowaniu. Jeśli pojawia się usterka, zanotuj moment jej wystąpienia: przed załadowaniem obrazu, po otwarciu menu czy dopiero po wyświetleniu komunikatu. Taka obserwacja jest bardziej użyteczna niż ogólna uwaga, że „mobilna strona się rozjeżdża”.
Jak zapisać wyniki i ustalić kolejność poprawek
Dla każdego błędu zapisz adres podstrony, szerokość ekranu lub model urządzenia, przeglądarkę, kroki potrzebne do odtworzenia problemu oraz oczekiwane i rzeczywiste zachowanie. Zrzut ekranu pomaga pokazać ucięty tekst, a krótkie nagranie lepiej dokumentuje niedziałający przycisk lub przesuwający się układ. Po poprawce powtórz te same kroki i sprawdź, czy zmiana nie zepsuła innego widoku.
Na końcu przejdź krótką listę kontrolną: czy ważne informacje da się odnaleźć i odczytać, czy menu oraz przyciski wykonują swoje zadania, czy formularze pozwalają poprawić błędy, czy nic nie zasłania treści i czy strona nie wymaga poziomego przewijania. Najpierw zajmij się problemami, które blokują kluczowe zadania lub dostęp do informacji. Drobne niedoskonałości wizualne również warto odnotować, ale nie powinny przesłonić usterek uniemożliwiających korzystanie ze strony.
