Czy klient może zadzwonić jednym dotknięciem?
Numer telefonu na stronie nie powinien być obrazkiem. Powinien być prawdziwym linkiem z adresem `tel:`. Wtedy osoba na telefonie dotyka numeru i od razu może rozpocząć połączenie. To prosty test, który często mówi więcej niż hasło „responsywna strona”. Jeśli numer jest tylko częścią grafiki, klient musi go przepisać albo zapamiętać.
W Pryzmat Studio numer telefonu jest linkiem, a nie zdjęciem numeru. Ten sam wzór warto zastosować w nagłówku, przy kontakcie i w stopce. Nie trzeba powtarzać go w każdym akapicie. Wystarczy, że jest łatwy do znalezienia w momencie, gdy klient już chce porozmawiać.
Czy tekst da się przeczytać bez powiększania?
Na małym ekranie nie ma miejsca na ścianę tekstu. Zadbaj o czytelny rozmiar pisma, odstępy między akapitami i nagłówki, które mówią, co będzie dalej. Najważniejsze zdanie powinno być widoczne bez przewijania przez kilka ekranów. Klient ma rozpoznać usługę, lokalizację i następny krok bez szczypania ekranu.
Sprawdź też kontrast. Jasnoszary tekst na białym tle może wyglądać delikatnie na dużym monitorze, ale na telefonie męczy wzrok. Przycisk kontaktu powinien mieć rozmiar wygodny dla kciuka i jasno opisywać działanie: „Zadzwoń”, „Napisz” albo „Poproś o wycenę”.
Czy strona nie przewija się w bok?
Poziomy scroll zwykle oznacza, że jakiś element jest szerszy niż ekran. Czasem winne jest zdjęcie, czasem tabela, długa nazwa albo formularz z niepasującym polem. Przesuń stronę kciukiem od lewej do prawej. Jeśli cała strona „ucieka”, trzeba znaleźć element, który rozpycha layout.
To nie jest drobna niedogodność. Poziome przesuwanie zasłania część treści i utrudnia kliknięcie. Warto sprawdzić także menu, galerie i przyciski w najczęściej używanych szerokościach telefonu. Responsywny układ ma zmieniać kolejność i szerokość elementów, gdy ekran robi się mniejszy.
Czy formularz działa z kciukiem?
Formularz na telefonie powinien mieć kilka pól, jasne etykiety i duży przycisk wysłania. Nie ukrywaj nazwy pola w placeholderze, który znika po dotknięciu. Nie wymagaj informacji, których nie potrzebujesz do pierwszej rozmowy. Po wysłaniu pokaż, czy wiadomość dotarła i co stanie się dalej.
Przed publikacją wyślij prawdziwą wiadomość z telefonu. Sprawdź, czy działa walidacja, czy przycisk nie chowa się pod klawiaturą i czy odpowiedź trafia tam, gdzie powinna. W ofercie stron opisuję sprawdzenie formularza, linków i działania na telefonie przed publikacją.
Czy zdjęcia nie ważą kilku megabajtów?
Zdjęcie z telefonu może mieć kilka megabajtów. W galerii wygląda dobrze, ale na stronie spowalnia pierwsze wejście. Przygotuj właściwy rozmiar, użyj formatu, który dobrze kompresuje fotografię, i nie ładuj dużego pliku tam, gdzie wyświetla się mała miniatura. Lżejsze obrazy pomagają też osobom korzystającym z wolnego internetu.
Przejdź stronę jak klient: otwórz ją bez Wi-Fi, zadzwoń, przewiń ofertę i wyślij formularz. Jeśli po takim teście coś przeszkadza, napisz przez kontakt. Możesz też zobaczyć, jak temat wyboru formatu łączy się z wizytówką Google, bo oba miejsca często są pierwszym punktem wejścia do firmy.
Sprawdź też kolejność elementów. Na telefonie nagłówek, krótki opis i przycisk powinny pojawić się przed długą historią firmy. Menu nie może zasłaniać numeru telefonu ani zamykać się po każdym kliknięciu. Jeśli strona ma kilka usług, każda powinna mieć wyraźny początek i zakończenie, a nie tylko link ukryty w akapicie.
Dobrze działający telefon to także rozsądne decyzje techniczne. Nie każda animacja musi uruchamiać się przy przewijaniu. Nie każda fotografia potrzebuje pełnej rozdzielczości. Najpierw zapewnij czytelność i działanie, potem dodawaj ozdobniki. Dzięki temu strona zachowuje charakter studia, ale nie zabiera klientowi czasu na czekanie.
Test zrób na własnym telefonie i na drugim urządzeniu, jeśli jest pod ręką. Różne przeglądarki potrafią inaczej pokazać wysokość ekranu, klawiaturę albo przycisk zamykania. Nie chodzi o sprawdzanie każdego modelu świata. Chodzi o znalezienie oczywistej przeszkody, której nie widać na dużym monitorze. Zapisz, co wymaga poprawy, i przejdź listę jeszcze raz po wdrożeniu.
Warto poprosić inną osobę o wykonanie jednego zadania bez instrukcji. Powiedz tylko: znajdź usługę, zadzwoń albo wyślij pytanie. Obserwuj, gdzie zatrzymuje wzrok i czy rozumie przycisk. Taki krótki test pokazuje, czy układ jest zrozumiały dla kogoś, kto nie zna firmy tak dobrze jak Ty.
Jeśli masz wątpliwość, zacznij od najważniejszej ścieżki. Na przykład osoba szuka ceny, chce zobaczyć termin i dzwoni. Ułóż tę drogę, sprawdź ją na telefonie, a dopiero potem dodawaj poboczne sekcje. Mniej elementów, które działają, jest dla klienta lepsze niż dużo elementów wymagających powiększania, przesuwania i zgadywania.
Napisz do Jana, jeśli chcesz omówić temat artykułu.