Czy Twoja firmowa strona internetowa wygląda dobrze na telefonie? Sprawdzamy!

Responsywność, czyli automatyczne dopasowywanie się strony www do wielkości ekranu i urządzenia, to podstawa współczesnego projektowania serwisów internetowych. Musisz wiedzieć, że już ponad połowa wejść na Twoją witrynę odbywa się z poziomu urządzeń mobilnych. Należy zatem zadbać o to, aby strona wyglądała dobrze i była w pełni funkcjonalna nie tylko na komputerze, ale też telefonie. Jak to sprawdzić? Oto gotowa instrukcja krok po kroku.

Krok 1: wejdź na swoją stronę na telefonie

Trudno zacząć od czegokolwiek innego, prawda? Chwyć za swój smartfon i w pasku przeglądarki wpisz adres firmowej strony www. Po jej uruchomieniu (zwróć od razu uwagę na czas ładowania – powinien być jak najkrótszy) spróbuj szybko znaleźć jakieś informacje, na przykład zakres oferty, cennik, formularz kontaktowy etc. Jeśli masz z tym problem, to uwierz, że inni użytkownicy również mogą sobie z tym nie poradzić i po prostu opuszczą stronę na rzecz konkurencji.

Krok 2: czytelność strony

Po wejściu na stronę www na urządzeniu mobilnym oceń czytelność serwisu. Jeśli musisz powiększać ekran, aby odczytać np. opisy usług czy trafić w poszczególne elementy (np. linki do zakładek, w koszyk zakupowy etc.), to strona nie jest responsywna i wymaga natychmiastowej poprawy.

Krok 3: użyteczność

Z poziomu telefonu spróbuj wykonać proste czynności symulujące zachowanie przeciętnego użytkownika strony: wypełnij formularz kontaktowy, wrzuć produkt do koszyka, złóż zamówienie, zapisz się na newsletter, przejdź na profil marki w mediach społecznościowych etc.

Jeśli masz z tym problem i już po chwili odczuwasz irytację, to nic z tego nie będzie – Twoja strona, w aktualnym wydaniu, odstrasza użytkowników mobilnych. Trzeba to jak najszybciej zmienić.

Krok 4: układ strony

Strona internetowa powinna wyglądać zupełnie inaczej na urządzeniu mobilnym niż na komputerze. Przede wszystkim zmieni się jej układ – zamiast szerokiego menu w górnej części ekranu, stosuje się menu rozwijalne (pod symbolem tzw. hamburgera, czyli trzech poziomych kresek). Tekst na stronie głównej powinien być sformatowany w taki sposób, aby można było go swobodnie przeczytać bez przesuwania ekranu na boki. Jeśli jest inaczej, to czeka Cię poważna rozmowa z projektantem strony, który najwyraźniej nie zadbał o jej responsywność.