Strona responsywna nie polega na mechanicznym zmniejszeniu wersji komputerowej. Użytkownik telefonu ma inne warunki: węższy ekran, obsługę dotykiem, często gorsze połączenie i mniej miejsca na formularze. Przed odbiorem strony trzeba sprawdzić wygodę korzystania, a nie tylko to, czy układ mieści się na ekranie.
Menu i najważniejsze przyciski
Na telefonie użytkownik powinien łatwo rozpoznać, czym zajmuje się firma i jak się z nią skontaktować. Przycisk telefonu, formularz i menu nie mogą być schowane pod elementami graficznymi. Zwróć uwagę na wielkość obszarów klikalnych, odstępy i zachowanie po rozwinięciu menu.
Obrazy, tekst i formularze
Zdjęcie hero może wyglądać idealnie na monitorze, a na telefonie obcinać ważną część kadru. Trzeba ustalić sposób kadrowania i położenie tekstu. Formularze testuj na rzeczywistym urządzeniu: klawiatura ekranowa nie powinna zasłaniać przycisku wysłania, a komunikaty błędów muszą być czytelne.
Testuj więcej niż jedną szerokość
Nie wystarczy sprawdzić jednej symulacji smartfona. Przejrzyj stronę przy kilku szerokościach, w orientacji pionowej i poziomej oraz z większym rozmiarem czcionki. Sprawdź również tabele, galerie, mapy, długie nazwy usług i wyskakujące okna zgód.
- Kliknij wszystkie pozycje menu w wersji mobilnej.
- Wyślij testowy formularz z telefonu.
- Sprawdź kadrowanie najważniejszych zdjęć.
- Powiększ tekst i oceń, czy układ nadal działa.
Odbiór projektu
Dobra wersja mobilna umożliwia wykonanie najważniejszego zadania bez powiększania ekranu i bez walki z interfejsem. Oceniaj ją na konkretnych scenariuszach, nie tylko na zrzucie wyglądu strony głównej.