Wersja mobilna strony. Czy jest konieczna?

Czy wiesz, że w Polsce we wrześniu 2022 r. telefony komórkowe odpowiadały za aż 63% ruchu w internecie¹? Na całym świecie urządzenia mobilne kreują niemal 59% ruchu. Wniosek jest jeden: klienci coraz częściej będą przeglądać Twoją stronę internetową na telefonie. Dlatego koniecznie musisz zadbać o jej wersję mobilną. 

Zmiana nawyków konsumenckich na przestrzeni ostatnich lat

Jeśli te statystyki Cię nie przekonały, pomyśl o tym, że z biegiem czasu coraz częściej będziemy robić zakupy za pomocą smartfonów. Co wpływa na tę sytuację?

• Dostęp do nowych technologii – smartfony stają się powszechne m.in. za sprawą niższych cen. 
• Coraz większy zasięg internetu i niższe stawki za połączenie – za sprawą nowych standardów telefonii komórkowej (słynne 5G) możemy coraz szybciej przesyłać coraz to więcej danych. Przykładowo, internet 5G pozwoli na transfer z prędkością aż 20 Gbit/sec, podczas gdy sieć 4G LTE Advanced pozwala na pobieranie danych z prędkością „zaledwie” 300 Mbit/sec².
• Pokolenie digital natives, czyli osoby, które urodziły się w świecie niemal wszechobecnego internetu, są już dorosłe. Smartfony stanowią więc dla nich nieodłączny element życia i korzystają z nich praktycznie wszędzie. 
• Nowoczesne metody płatności – dziś płatności za pomocą Google Pay, Apple Pay czy BLIK-a, trwają… kilka sekund. 

Co z tego wynika dla Ciebie? Jeśli chcesz mieć ruch na swojej stronie, musisz zadbać o wersję mobilną. A jeśli zależy Ci, by klienci coś kupili – zadbaj o wdrożenie płatności bezgotówkowych!

Jak zadbać o potrzeby użytkowników mobilnych?

No dobrze, a czy nie wystarczy po prostu zmniejszyć poszczególnych elementów strony? Niestety, to nie zadziała.

O co trzeba zadbać, tworząc mobilną wersję firmowej strony internetowej?

• Tekst musi być czytelny, co oznacza, że powinien zajmować większą część ekranu, niż w przypadku wersji desktop.
• Przyciski powinny być wygodne do klikania, tzn. większe i łatwe w obsłudze. 
• Menu musi przybrać nieco inną formę, najczęściej jest tzw. hamburger menu (menu górne w formie trzech poziomych, równoległych linii, umieszczone w prawym górnym rogu ekranu).
• Zdjęcia i grafiki wyświetlane na desktopie powinny mieć orientację poziomą. Aby były dobrze widoczne w wersji mobilnej, trzeba je odpowiednio wykadrować. 

Jeśli projektujesz firmową stronę internetową w jednym z tzw. website builderów, czyli narzędzi typu WIX czy Squarespace – możesz odetchnąć z ulgą. Tam jej mobilną wersję stworzysz z łatwością i możesz ją dowolnie modyfikować, podobnie jak wersję na desktop.

Przede wszystkim użytkownik mobilny

Skoro więcej użytkowników przegląda strony, korzystając z telefonów niż z komputera, to może powinno się zaczynać projektowanie właśnie od wersji mobile? 

Tego zdania są twórcy podejścia tzw. mobile first. Taki model projektowania zakłada, że trzeba zacząć od mobilnej wersji strony, a dopiero później przystosować ją do widoku na laptopie. W ten sposób od razu skupiamy się na użytkowniku mobilnym i mamy pewność, że poradzi sobie z każdym zadaniem, z którym będzie musiał się zmierzyć na stronie. 

Wadą takiego projektowania może być fakt, że od początku skupia się ono na ograniczeniach (bo małe ekrany smartfonów takowe narzucają). Wtedy przy wersji desktop możesz za bardzo przywiązywać się do utworzonej już wcześniej wersji mobile i przegapić ciekawe rozwiązania, które na Twojej stronie internetowej wyglądałyby świetnie. 

Strona mobilna czy responsywna?

W projektowaniu strony internetowej w kolejności: najpierw desktop, potem mobile, masz do wyboru dwa sposoby. Możesz stworzyć stronę mobilną lub stronę responsywną. Czym one się od siebie różnią? 

• Strona responsywna zawiera te same informacje, które ma wersja desktopowa. Jest po prostu tak zaprojektowana, że poszczególne jej elementy zmieniają swoje położenie, gdy użytkownik zmniejsza okno przeglądarki – na pewno znasz wiele takich stron. 
• Strona mobilna jest nową wersją strony desktopowej, tzn. zawiera nieco mniej informacji, by nie przeciążać nimi użytkownika. Często jest po prostu drugą wersją, zaprojektowaną zupełnie od nowa.

Wybrane różnice między stroną mobilną a responsywną

W zależności od tego, jak bardzo skomplikowana jest Twoja firmowa strona, możesz wybrać albo pierwsze podejście, albo drugie. Strony tzw. wizytówkowe, na których po prostu opisujesz swoje usługi czy produkty, zwykle dobrze wypadają w wersjach responsywnych. Jeśli jednak Twoja strona internetowa zawiera wiele elementów i informacji, to… możesz albo wybrać stworzenie strony mobilnej, albo zastanowić się, czy przypadkiem nie zasypujesz użytkowników zbędnymi komunikatami.

¹ https://gs.statcounter.com/platform-market-share/desktop-mobile-tablet/poland

² https://komorkomat.pl/co-to-jest-internet-5g/