unikalnych użytkowników na mobilnej stronie danej firmy jest w skali miesiąca wyższa niż łączna liczba pobrań aplikacji mobilnej ze wszystkich marketów. Zasadę tę potwierdzają polskie serwisy. Użytkownicy portalu Nasza Klasa w ogromnej większości korzystają z m.nk.pl (ponad 90%), a nie z natywnych aplikacji112. Aplikację webową odwiedza 1,3 mln użytkowników miesięcznie. Podobnie wyglądają statystyki Facebooka. W Polsce aktywnych użytkowników mobilnego Facebooka jest 3,6 mln, z czego zdecydowanie więcej osób korzysta ze strony mobilnej. Łączna liczba pobrań aplikacji mobilnej jakdojade.pl wynosi ponad 600 tys. – mniej więcej tyle, ile unikalnych odwiedzin serwisu m.jakdojade.pl w ciągu jednego miesiąca. Przykłady te pokazują, że aplikacje mobilne oferują o wiele mniejszy zasięg niż serwisy internetowe otwierane w przeglądarkach telefonów komórkowych.
Według Netmarketshare.com, w październiku 2012 r. globalny ruch w sieci internetowej pochodzący z urządzeń mobilnych przekroczył 10%.
Z kolei w Polsce, na koniec maja 2013 r. ruch z urządzeń mobilnych w sieci internetowej wyniósł 7,9%, według StatCounter.com. O ile ruch globalny113 przeżywa lekkie wahania (np.: marzec 2013 – 14,44%, kwiecień 2013 – 13,9%, maj 2013 – 14,62%), o tyle w Polsce nieprzerwanie od roku rośnie.
Niezależnie od analizy opisanych wcześniej danych ważna jest kontrola statystyk własnej strony internetowej dostarczanych przez narzędzia, takie jak Google Analytics. Podpowiadają one, jak znaczący jest wzrost odsłon mobilnych w przypadku każdego biznesu.
O ile większość polskich stron internetowych faktycznie notuje jednocyfrowy udział ruchu z mobile w stosunku do całego ruchu na stronie, to istnieją przykłady serwisów mogących pochwalić się wynikiem 20, a nawet 30% ruchu z urządzeń mobilnych. Należy do nich np. serwis internetowy rozkład-pkp.pl, chociaż jest to strona niedostosowana do rozmiarów małych ekranów (do dnia przygotowania materiałów do tej książki) i nawigacja po niej wymaga dużego wysiłku i determinacji ze strony internauty. Jeśli zatem statystyki twojego serwisu internetowego są podobne lub przynajmniej wykazują znaczący trend rosnący, to najwyższy czas zadbać o jego optymalizację pod kątem mobile. O tym, w jaki sposób to zrobić, napiszemy w kolejnej części.
Strony mobilne 114
W tej części podejmiemy temat podobieństw, różnic i kryteriów wyboru między dedykowaną stroną mobilną a stroną przygotowaną zgodnie z ideą responsive web design. Poziom przekazywanej wiedzy jest podstawowy – rozpatrujemy tu tylko typowe dylematy, nie zagłębiając się w przypadki krzyżowe, np. dedykowanej strony mobilnej posiadającej właściwości responsywne. Nie poruszamy także kwestii technicznych, których detale mogą zaważyć na końcowym uogólnieniu. Chcemy jedynie dać podstawę do podejmowania wstępnych decyzji.
Jak już wiemy z poprzednich części, udział ruchu z poziomu urządzeń mobilnych w sieci internetowej rośnie. Coraz częściej i chętniej surfujemy po stronach internetowych z poziomu przeglądarki mobilnej. Twórcy stron internetowych powinni przygotować swoje treści do wyświetlania na urządzeniach o ekranach mniejszych niż komputery stacjonarne, laptopy, netbooki itp. Właściciele stron internetowych mają do wyboru trzy opcje:
• Pozostawienie serwisu internetowego bez wprowadzania zmian i adaptacji. Jeśli serwis jest skalowalny, użytkownik będzie miał możliwość przeglądania jego treści (nieprzystosowanych do urządzeń mobilnych, ale wciąż odczytywalnych) i korzystania z jego funkcji. Warto jednak mieć świadomość, że nawigowanie po takim niezoptymalizowanym serwisie wymaga od użytkownika mobilnego dużo cierpliwości i wytrwałości (powiększanie, przesuwanie palcem po ekranie itp. to czynności żmudne, lecz niezbędne do korzystania z takiego serwisu).
• Przygotowanie nowej wersji strony, zaprojektowanej specjalnie dla telefonów komórkowych, niezależnej od wariantu desktopowego i niewymagającej w niej zmian. Nowa strona będzie działać pod innym adresem i posiadać elementy nowe, zaprojektowane i zrealizowane specjalnie na rzecz nośników mobilnych: interfejs, grafika i funkcjonalności.
• Przygotowanie serwisu internetowego zgodnie z ideą responsive web design. Ta opcja oznacza całkowitą przebudowę strony internetowej w taki sposób, aby automatycznie dopasowywała się do rozmiaru ekranu, na którym mobilny internauta będzie ją otwierał. Serwis zachowa jeden adres internetowy.
Używając kolokwialnego porównania, moglibyśmy powiedzieć, że dedykowana strona mobilna jest jak kot – zupełnie niezależna od swojej wersji tradycyjnej (desktopowej) i chodząca swoimi ścieżkami (linkami).
Stronę dedykowaną można poznać po konstrukcji jej adresu URL. Strony mobilne zazwyczaj otrzymują adresy domen z subdomeną lub też pracują na zupełnie innej domenie (np. m.nazwastrony.pl, mini.nazwastrony.pl, nazwastrony.mobi).
Strona niezależna od wersji desktopowej daje możliwość wypracowania dużo lepszego, w całości dedykowanego User Experience. Struktura strony, nawigacja, treści mogą być zaprojektowane od nowa. Jeśli wiemy, że mobilny internauta wykonuje inne czynności na danej stronie, kiedy ogląda ją w telefonie komórkowym, od tych, które praktykuje na jej tradycyjnej wersji, możemy to wykorzystać i zaproponować mu inne, nowe doświadczenia.
Wybór takiego podejścia oznacza zazwyczaj konieczność zarządzania i aktualizowania wielu wersji serwisów, co z jednej strony może być koszto- i czasochłonne, ale z drugiej – ułatwia tworzenie i serwowanie różnych treści, osobno dla wersji mobilnej i osobno dla wersji tradycyjnej.
Dużą zaletą stron dedykowanych jest ich krótszy czas ładowania w przeglądarce, co dziś (jeszcze) stanowi o ich przewadze. Internet dostępny z poziomu telefonów komórkowych jest niemal 30% wolniejszy niż ten szerokopasmowy, a mobilni internauci nie wykazują dużej cierpliwości podczas czekania na załadowanie się wszystkich danych115. Kwestia tempa ładowania oraz obciążenia stron zmienia się wraz z rozwojem technologii i rozwiązań, argument ten zatem przytaczamy jako obowiązujący dziś, ale w najbliższym czasie coraz mniej ważny i przeważający na rzecz dedykowanych stron mobilnych.
Strona przygotowana z uwzględnieniem RWD jest z kolei jak woda – dopasowuje się do naczynia, w którym się znajduje.
Responsive web design to nowe podejście, nowa filozofia tworzenia i budowania serwisów i aplikacji internetowych z nadrzędnym założeniem: responsive websites respond to their environment. Sam termin został ukuty przez Ethana Marcotte’a w artykule „Responsive Web Design”116; 25 maja 2013 r. obchodził swoje drugie urodziny. Serwis WWW tworzony jest w sposób, który pozwala na jego samodzielną adaptację do wielkości ekranu/urządzenia czy okna przeglądarki. Strona prezentuje się więc w różny sposób w zależności od szerokości (i rzadziej wysokości) wymienionych parametrów. Takie podejście do projektowania serwisów ułatwia internautom czytanie zawartości, nawigację oraz ogranicza potrzebę powiększania/pomniejszania i przewijania.
Spróbujmy zatem wymienić cechy charakterystyczne oraz porównać wady i zalety obu opisywanych przez nas rodzajów stron.
Wywiad bezpośredni z Marcinem Barcińskim, Head of Mobile, nk.pl.
gs.statcounter.com/#mobile_vs_desktop-ww-monthly-201206-201305.
Monika Mikowska, Anna Zarudzka.
J. Chan.
E. Marcotte.
