Strona mobilna, responsywna i tradycyjna – dowiedz się czym się różnią. Czego użytkownicy smartfonów i tabletów oczekują od strony mobilnej? Jaki wpływ będzie miała strona mobilna na Twoją obecną tradycyjną stronę www? Sprawdź czy jest się czego bać!

1. 1

2. Strona mobilna w pigułce
Strona responsywna a strona mobilna 3
Strona mobilna a strona tradycyjna 4
Kluczowe cechy strony mobilnej 7
Bądź mobilny! 13
2

3. Strona responsywna a strona mobilna
Firmy przygotowując się na obsługę klienta mobilnego stoją przed nie lada wyborem: strona responsywna
(RWD), osobna strona mobilna czy aplikacja natywna. Co wybrać? Nie da się jednoznacznie odpowiedzieć na to
pytanie – wybór zależy od przyjętej strategii firmy, stopnia skomplikowania rozwiązania, dostępnego budżetu
i zasobów programistycznych, czy wreszcie czasu, jaki jesteśmy w stanie poczekać na gotowe rozwiązanie. Małe
i średnie firmy, które chcą ograniczyć koszty i być gotowe na klienta mobilnego w kilka dni, mogą z powodze-niem
stworzyć profesjonalną mobilną wersję swojej strony same, korzystając z gotowych kreatorów dostępnych
na rynku. Korzystanie z kreatorów stron mobilnych jest tanie i wiąże się średnio z wydatkiem ok. 200 zł rocznie.
Duże firmy zapewne będą korzystały z usług profesjonalnych agencji interaktywnych, gdzie budżety rozwiązań
będą średnio oscylowały w tysiącach lub dziesiątkach tysięcy złotych. Cena ta zależy od wielu czynników, jak po-ziom
zaawansowania rozwiązania, integracja z systemami zewnętrznymi, czy technika wykonania.
Nie wiesz, które rozwiązanie jest dla Twojej firmy najlepsze? Dowiedz się więcej
o różnicach między stroną responsywną, stroną mobilną, a aplikacją natywną.
3

4. Strona mobilna a strona tradycyjna
Jaki wpływ będzie miała strona mobilna na Twoją obecną tradycyjną stronę internetową? Dedykowana
strona mobilna jest oddzielną i niezależną stroną, na którą automatycznie przekierowujesz użytkowników
urządzeń mobilnych.
Co to oznacza? Jeżeli ktoś wyszuka Twoją firmę na smartfonie i wejdzie na jej stronę, lub po prostu wpisze adres
www Twojej firmy w przeglądarce swojego smartfona, trafi na stronę mobilną. Użytkownicy, którzy w ten sam
sposób otworzą Twoją stronę na komputerach, trafią na tradycyjną stronę internetową. Stworzenie nowej strony
mobilnej nie wiąże się z przebudową Twojej tradycyjnej strony – jest do niej cennym dodatkiem. Co więcej, każda
z nich może być zarówno wykonana, jak i utrzymywana przez inną firmę.
Jaka jest zatem podstawowa różnica pomiędzy tradycyjną stroną internetową, a stroną dostosowaną
do wyświetlania na urządzeniach mobilnych?
4

5. 5
Strona tradycyjna
Tradycyjna strona internetowa nie nadaje się do przeglądania na
smartfonie, ponieważ:
• jest “ciężka”, dlatego zbyt długo ładuje się na smartfonie
• jej nawigacja przystosowana jest do operowania myszką
• niewygodnie przegląda się ją na małym ekranie smartfona (trzeba
powiększać i przewijać treści)
• jest przeładowana treścią, co utrudnia wykonanie typowych “mobil-nych”
akcji, jak zlokalizowanie firmy, czy szybki kontakt z jej pracow-nikami

6. 6
Strona mobilna
Strona mobilna:
• jest lekka i szybko ładuje się na smartfonie
• jej nawigacja jest przystosowana do trybu dotykowego
• jest zoptymalizowana do wyświetlania na ekranach smart-fonów
• oraz zorientowana na akcje mobilnych użytkowników – po-siada
klikalne numery telefonu czy wskazówki dojazdu do
firmy

7. Kluczowe cechy strony mobilnej
Przyczyny odchodzenia od rozwiązań stacjonarnych i zwrotu w stronę mobilności są dosyć oczywiste. Smartfon
i tablet są niezastąpione w przypadku potrzeby natychmiastowego dostępu do informacji. Ich użytkownicy mogą
połączyć się z internetem niemal z każdego miejsca – stojąc w korku, jadąc autobusem,
czy czekając w kolejce.
Jakie zatem z tej perspektywy są najważniejsze aspekty wzorcowej strony mobilnej lokalnej firmy?
• prędkość przeglądania
• przyjazna nawigacja
• bezpośredni kontakt
• szybka lokalizacja
• najważniejsze informacje
Dowiedz się więcej o projektowaniu stron
mobilnych w przewodniku dla początkujących.
Poznaj wszystkie elementy strony mobilnej,
których oczekują użytkownicy!
7

8. Tradycyjna strona internetowa ładuje się średnio
10s 10 sekund na smartfonach1
8
Prędkość ładowania
Użytkownicy mobilni oczekują wysokiej prędkości przeglądania. Większość z nich spodziewa się, że strony na
ich urządzeniach załadują się w czasie 3 sekund. W przeciwnym razie opuszczą stronę i co gorsze, już na nią nie
wrócą. Jeżeli nie posiadasz strony przeznaczonej na urządzenia mobilne, załadowanie Twojej tradycyjnej strony
na takim urządzeniu może zająć nawet pół minuty! W tym czasie Twoi potencjalni klienci zamkną Twoją stronę,
a Ty stracisz nowych klientów. Dlatego przede wszystkim musisz mieć pewność, że Twoja strona załaduje się
w kilka sekund.
Google rekomenduje renderowanie stron na komórki
w czasie krótszym niż jedna sekunda2
1s

9. 9
Przyjazna nawigacja
Nawigacja jest równie ważna jak szybkość
ładowania strony mobilnej. Jej użytkownicy
powinni być w stanie wykonać najważniejsze
czynności z poziomu strony głównej, jak również
przejść do kluczowych treści z każdej podstrony.
Umieszczanie przycisku “Powrót” w dolnej oraz
górnej części podstron jest dobrą praktyką. Mu-simy
również pamiętać, że użytkownicy urządzeń
mobilnych dotykają ekranów palcami, dlatego więk-sze
przyciski to kolejna dobra praktyka. Zaleca się
projektowanie przycisków o wysokości min. 45 - 47
pikseli.
Zeskanuj, aby zobaczyć
na smartfonie

10. 10
Bezpośredni kontakt
Dobrze zaprojektowana strona mobilna umożliwia bezpośredni kontakt
z lokalną firmą.
Dodając przyciski “kliknij, aby zadzwonić” oraz “kliknij, aby wysłać SMS” na
stronie mobilnej swojej firmy sprawisz, że Twoi klienci będą kontaktować się
z Tobą za dotknięciem palca. Natomiast umieszczając formularz kontaktowy
umożliwisz im szybkie zadawanie pytań dotyczących interesujących ich pro-duktów
i usług. Dzięki takim rozwiązaniom Twoi klienci będą się z Tobą kon-taktować
gdy tylko zainteresuje ich Twoja oferta.
Zeskanuj, aby zobaczyć
na smartfonie

11. 11
Szybka lokalizacja
Większość współczesnych urządzeń mobilnych
posiada wbudowany system GPS.
Zatem integracja Twojej strony mobilnej z serwisami
obsługującymi mapy może doprowadzić potencjalnego
klienta bezpośrednio pod drzwi Twojej firmy. Jak to się
robi? Możesz dzisiaj umieszczać na stronach mobilnych
mapy ze wskazówkami dojazdu z dowolnego miejsca
prosto do Twojej siedziby. Przyciąganie klientów jeszcze
nigdy nie było tak proste!
Zeskanuj, aby zobaczyć
na smartfonie

12. 12
Najważniejsze informacje
Konsumenci mobilni szukają konkretnych
informacji. To, co jest pożądane na dużych
ekranach, może być postrzegane zaledwie
jako dodatkowa informacja na mniejszych
urządzeniach.
Aby uniknąć nadmiernej ilości treści, na stronach
mobilnych wyróżnia się tylko najważniejsze
informacje, a dłuższe opisy można ukryć pod
nagłówkami, które rozwijają się po ich dotknięciu
przez zainteresowane osoby. Przewijanie długiej
strony w dół jest mało wygodne dla użytkowników
urządzeń mobilnych i utrudnia szybki dostęp do
niezbędnych informacji, przez co zniechęca do
pozostania na stronie.
Zeskanuj, aby zobaczyć
na smartfonie

13. 13
Bądź mobilny!
Przedstawiliśmy powody, dla których powinieneś dostosować stronę Twojej firmy do potrzeb
użytkowników urządzeń mobilnych. Tradycyjna strona internetowa to już zdecydowanie za mało.
Profesjonalną stronę mobilną możesz dzisiaj stworzyć sam, w kilka minut. Dostępne na rynku kreatory pozwalają
niemal każdej osobie mającej dostęp do internetu na szybkie zbudowanie strony samodzielnie. Praca z takimi
kreatorami opiera się na czynnościach, które znamy z programów takich jak Word i nie wymaga zaawansowanej
obsługi komputera, ani umiejętności programowania. Jak się okazuje nowoczesna technologia wcale nie wymaga
wiedzy technicznej, a ponadto jest rozwiązaniem tanim, dostępnym dla portfela każdego przedsiębiorcy.
Nie czekaj aż konkurencja zabierze Ci klientów prosto spod Twoich drzwi – bądź mobilny! Sektor mobilny to
przyszłość więc jeśli Twoja mała lub średnia firma ma przetrwać, musisz ją dostosować do nowego oblicza
codziennego życia.

14. 14
Źródła
1. Google Analytics: http://analytics.blogspot.com/2012/04/global-site-speed-overview-how-fast-are.html
2. Google Developers: https://developers.google.com/webmasters/smartphone-sites/common-mistakes

15. ActiveMobi jest innowacyjnym serwisem do tworzenia i utrzymywania mobilnych stron internetowych dla
małych i średnich firm. Kreator stron mobilnych został zaprojektowany z myślą o tworzeniu stron, które są
proste w obsłudze, szybko się ładują i gwarantują użytkownikom doskonałe wrażenia.
Firmy mają możliwość stworzenia swojej strony mobilnej samodzielnie w kilka minut, bez znajomości
programowania, lub zlecenia wykonania profesjonalnej strony specjalistom z ActiveMobi. W tym przypadku
gotową stronę otrzymają w nie więcej niż 5 dni.
www.activemobi.pl
15