Na niemal trzy tysiące przebadanych polskich małych i średnich przedsiębiorstw zaledwie 207 ma stronę dostosowaną do komunikacji mobile. Z najnowszego raportu ActiveMobi wynika, że 93% stron internetowych polskich małych i średnich firm nie jest przyjazna mobilnym urządzeniom.
2. 2
CZĘŚĆ 1. Małe i średnie firmy nie gotowe na klienta mobilnego. 3
Wprowadzenie 4
Cel badania 5
Metodologia badania 6
Raport uwzględnia branże 7
Raport uwzględnia największe miasta w Polsce 8
Wniosek kluczowy 9
Zestawienie według branż 10
Zestawienie według wielkości miast 11
Zestawienie według miast 12
Gotowi na klienta mobilnego 14
Responsywnie nie zawsze znaczy dobrze - analiza przypadków 15
CZĘŚĆ 2. Dlaczego Twoja firma potrzebuje strony mobilnej? 21
Poznaj swojego prosumenta 22
Ze smartfonem na łowy 24
Ze smartfonem po okolicy 26
Jak zwiększyć zasięg Twojej firmy? 27
Nieprzyjaźnie na smartfony 29
CZĘŚĆ 3. Strona mobilna w pigułce. 30
Strona responsywna a strona mobilna 31
Strona mobilna a strona tradycyjna 32
Kluczowe cechy strony mobilnej 35
Bądź mobilny! 41
4. 4
Wprowadzenie
Ostatnie lata charakteryzował dynamiczny rozwój nowych technologii. Wygoda, jaką zapewniły nam urządzenia
przenośne sprawiła, że zaczęliśmy je stopniowo adaptować do wykonywania codziennych czynności. Ewoluował
również obraz typowego konsumenta, zmieniły się jego zachowania związane z dokonywaniem zakupów,
a medium najczęściej wykorzystywanym w tym procesie stał się smartfon.
Raport, który oddajemy w Wasze ręce przedstawia stopień gotowości małych i średnich przedsiębiorstw
w Polsce na klienta nowego typu, funkcjonującego w innym niż dotychczas kontekście – klienta mobilnego.
Gotowość ta przejawia się dostosowaniem strony internetowej, która jest dzisiaj pierwszym miejscem kontaktu
z firmą dla większości konsumentów. Okazuje się, że właściciele firm wciąż nie doceniają potencjału urządzeń
mobilnych, a podstawowym problemem wydaje się być brak wiedzy o ich użytkownikach.
Mamy nadzieję, że lektura naszego raportu pozwoli lepiej poznać oczekiwania konsumentów mobilnych, co
pozwoli polskim przedsiębiorcom realizować swoje cele biznesowe w najdynamiczniej rozwijającym się kanale
sprzedażowym.
5. 5
Cel badania
Celem badania było sprawdzenie czy strony internetowe polskich małych i średnich przedsiębiorstw są
dostosowane do przeglądania na urządzeniach mobilnych, jak również udzielenie właścicielom firm odpowiedzi
na pytanie dlaczego ich firma potrzebuje strony mobilnej oraz zwiększenie ich świadomości o użytkowniku
mobilnym. Za strony internetowe przyjazne urządzeniom mobilnym uznano strony responsywne (Responsive
Web Design - w skrócie RWD) lub dedykowane strony mobilne.
6. 6
Metodologia badania
• W trakcie badania sprawdzono 2937 stron internetowych małych i średnich firm zlokalizowanych w 30
największych miastach Polski, z dziewięciu typowych branż wyszukiwanych na urządzeniach mobilnych.
• Strony wyszukiwano za pomocą wyszukiwarki Google. W badaniu uwzględniono jedenaście pierwszych
wyników dla danej branży w wybranym mieście.
• Do sprawdzenia, czy strony internetowe firm są responsywne (RWD), lub posiadają dedykowaną stronę
mobilną, użyto programu Opera Mobile Classic Emulator, służącego do wyświetlania stron internetowych
w rozdzielczości ekranu smartfona.
• Badanie przeprowadzono w trzecim kwartale 2014 roku.
8. 8
Raport uwzględnia największe miasta w Polsce:
źródło: Główny Urząd Statystyczny –
Powierzchnia i ludność w przekroju terytorialnym w 2013 r.
Gliwice
Zabrze
Wrocław
Bytom
Częstochowa
Dąbrowa Górnicza
Ruda
Śląska Tychy
Katowice
Bielsko-Biała
Sosnowiec
Rzeszów
Kraków
Płock Białystok
Lublin
Radom
Łódź
Kielce
Elbląg
Gdańsk
Gdynia
Szczecin
Gorzów Wlkp.
Poznań
Bydgoszcz
Toruń
Warszawa
Olsztyn
9. 9
Wniosek kluczowy
93% stron internetowych małych i średnich firm
nie jest przyjazna urządzeniom mobilnym.
stron internetowych zaledwie 207 jest dostosowanych
do wyświetlania na urządzeniach mobilnych.2937Na
10. 10
Zestawienie według branż
9,59%
Fryzjer Dentysta
8,92%
Restauracja
7,29%
Remonty
7,25%
Elektryk
7,05%
Hydraulik
6,53%
Pomoc
drogowa
5,63%
Kwiaciarnia
5,43%
Weterynarz
5,38%
Najlepiej na tle wszystkich uwzględnionych branż wypadli fryzjerzy, stomatolodzy i restauratorzy. Odsetek
firmowych stron mobilnych i RWD jest wśród nich najwyższy. Najsłabiej wypadli weterynarze, natomiast
w samym środku rankingu uplasowali się elektrycy, hydraulicy i firmy remontowe.
11. 11
Zestawienie według wielkości miast
Firmy w większych miastach są zdecydowanie lepiej przygotowane na zainteresowanie ze strony
użytkowników mobilnych niż firmy w mniejszych miastach. Gotowość ta przejawia się dostosowaniem ich
stron internetowych do wyświetlania na smartfonach i tabletach. Ilość firmowych stron mobilnych i RWD
jest największa w dużych miastach i maleje wraz z ich wielkością.
11,47%
miasta ponad
400 000 mieszkańców
8,08%
miasta od
200 000 do 399 999 mieszkańców
3,91%
miasta od
100 000 do 199 999 mieszkańców
12. 12
Warszawa
14,9%
Białystok
15,0%
Poznań
16,0%
Szczecin
12,0%
Łódź
10,6% Lublin
13,3%
Zdecydowana większość kraju nie jest
przygotowana na erę mobilną.
Najlepiej dostosowane do klienta
ze smartfonem są firmy w Poznaniu
16%, Białymstoku 15%, Warszawie
14,95% i Lublinie 13,27%.
Najgorzej wypadły firmy w Rybniku,
Płocku, Dąbrowie Górniczej, Rudzie
Śląskiej oraz Bielsku-Białej – poniżej
3%.
Stron internetowych na smartfony
w ogóle nie znajdziemy w Elblągu.
Zestawienie według miast
13. 13
Zestawienie według miast
Miasto
% stron
mobilnych i RWD
Miasto
% stron
mobilnych i RWD
Poznań 16,0% Zabrze 6,2%
Białystok 15,0% Sosnowiec 6,1%
Warszawa 14,9% Częstochowa 6,1%
Lublin 13,3% Radom 5,1%
Szczecin 12,0% Gliwice 5,0%
Łódź 10,6% Bytom 4,7%
Katowice 9,9% Tychy 4,0%
Kraków 9,7% Olsztyn 3,1%
Gdańsk 9,3% Toruń 3,1%
Kielce 9,0% Bielsko-Biała 3,0%
Gorzów Wlkp. 8,4% Ruda Śląska 2,0%
Wrocław 7,1% Dąbrowa Górnicza 2,0%
Rzeszów 7,1% Płock 2,0%
Bydgoszcz 7,1% Rybnik 1,0%
Gdynia 7,0% Elbląg 0,0%
14. 14
Gotowi na klienta mobilnego
restauratorzy
w Warszawie 50%
dentyści
w Białymstoku 38,46%
fryzjerzy
w Łodzi 38,46%
firmy remontowe
w Poznaniu 30%
elektrycy
w Poznaniu 27,27%
hydraulicy
w Gdyni30%
pomoc drogowa
w Częstochowie28,57%
kwiaciarnie
w Szczecinie27,27%
weterynarze
w Zabrzu25%
15. 15
Responsywnie nie zawsze znaczy dobrze - analiza
przypadków
Z raportu wynika, że Polscy przedsiębiorcy stojący przed koniecznością dostosowania witryny swojej firmy
do wyświetlania na urządzeniach mobilnych, częściej decydują się na stronę responsywną (RWD), niż na
dedykowaną stronę mobilną. Należy jednak pamiętać, że przygotowanie witryny w tej technice nie gwarantuje
jeszcze pełnego sukcesu. Decydując się na projektowanie w RWD bardzo istotny jest etap przygotowania
odpowiedniej architektury informacyjnej oraz funkcjonalności serwisu w zależności od urządzenia, na którym
przeglądana jest strona (komputer stacjonarny, tablet czy smartfon).
Jak pokażemy na przykładzie wybranych responsywnych stron internetowych uwzględnionych w raporcie, istnieje
szereg problemów, które znacząco wpływają na użyteczność stron oraz jakość wrażeń płynących z przeglądania
ich na małych ekranach.
Projektując stronę responsywną rekomendujemy podejście “mobile first” (tłum. “najpierw na mobilne”),
zaproponowane przez Luke’a Wroblewskiego. Zgodnie z nim projektując stronę responsywną należy wyjść od
urządzenia mobilnego i dostosować zawartość strony oraz sposób prezentacji treści wraz ze wzrostem wielkości
ekranu, na jakim będzie wyświetlana, a nie odwrotnie. Dzięki temu będziemy mieć pewność, że użytkownikowi
mobilnemu nie zaoferujemy strony, która co prawda dostosuje się do wielkości ekranu, jednak będzie dla niego
niefunkcjonalna i trudna w użytkowaniu.
16. 16
Case Study – Analiza przypadków 1/3
Największy problem dla użytkowników smartfonów
stanowią strony internetowe, których pełna zawartość
nie wyświetla się na ich urządzeniu.
W trakcie badania trafiliśmy na atrakcyjną witrynę firmową
wykonaną w technologii RWD. Po otworzeniu strony
na smartfonie, okazało się, że część jej elementów nie
dostosowuje się do wielkości ekranu i nie mieści się
w jego obszarze, a ponadto nie daje się przewijać.
W efekcie użytkownik widzi tylko fragment tekstu, menu
oraz grafik, nie mając dostępu do pozostałej części.
Drugim problemem są nachodzące na siebie elementy,
dodatkowo utrudniające korzystanie ze strony.
Błędnie zaprojektowana strona responsywna (RWD),
zamiast otworzyć firmę na użytkowników urządzeń
mobilnych, może całkowicie uniemożliwić im dotarcie
do niej. W omawianym przypadku korzystniej byłoby
pozostać przy tradycyjnej stronie internetowej, niż
oferować potencjalnym klientom mobilnym stronę RWD,
z której trudno się korzysta.
Zeskanuj, aby zobaczyć
na smartfonie
Zrzut ekranu ze smartfona LG G2 Mini,
strona otworzona w przeglądarce
Google Chrome for Mobile
Zrzut ekranu ze smartfona LG G2 Mini,
strona otworzona w przeglądarce
Google Chrome for Mobile
17. 17
Case Study – Analiza przypadków 2/3
Jednym z błędów najczęściej popełnianych podczas dostosowywania
stron internetowych do wyświetlania na urządzeniach mobilnych jest
wykorzystywanie tych samych treści i form.
Wiele nowoczesnych witryn projektowanych jest w formie długich
pojedynczych stron, które przeglądamy przewijając je w dół. Takie
rozwiązanie sprawdza się, gdy stronę otwieramy na komputerze.
Wielokrotne przewijanie strony na urządzeniach mobilnych jest dla ich
użytkowników niewygodne, a ponadto sprzyja utracie orientacji i utrudnia
odnalezienie konkretnych informacji, jak w przypadku strony internetowej
jednej z firm uwzględnionych w naszym badaniu.
Użytkownik mobilny otwiera stronę podzieloną na sekcje, które wykraczają
poza długość jednego ekranu. Duży plus za menu dostępne cały czas
w górnej części – w przypadku tak długiej strony zdecydowanie ułatwia
poruszanie się po jej sekcjach. Według nas należałoby popracować nad
jego widocznością oraz stylem, aby swoim wyglądem nie przypominało pola
tekstowego.
Zrzut ekranu ze smartfona LG G2 Mini,
strona otworzona w przeglądarce
Google Chrome for MobileZeskanuj, aby zobaczyć
na smartfonie
18. 18
Case Study – Analiza przypadków 2/3
Pomimo obecności menu, użytkownik nie wie jednak jak obszerna jest na
przykład galeria zdjęć, czy cennik, a w efekcie – czego spodziewać się
w następnej kolejności, po przewinięciu strony. W przypadku tej strony
dobrym rozwiązaniem byłoby umieszczenie zdjęć na karuzelach,
umożliwiających ich przewijanie, co znacząco skróciłoby jej długość.
Dodatkowo warto byłoby wyróżnić treści kluczowe dla użytkowników
mobilnych, a pozostałe schować w rozwijanych akordeonach, lub całkowicie
z nich zrezygnować. Część treści, choć atrakcyjna na komputerze, jest
z punktu widzenia użytkownika mobilnego zbędna i myląca, jak ikony
wprowadzające do cennika – nie wnoszą one wartości informacyjnej,
a swoim wyglądem przypominają przyciski. Inne treści nie wykorzystują
potencjału, jaki daje urządzenie mobilne, jak w przypadku zamieszczonego
na stronie numeru telefonu kontaktowego. Co prawda jest klikalny
i powoduje automatyczne wybranie numeru, jednak nie każdy użytkownik
o tym wie. Idealnym rozwiązaniem byłoby wyróżnienie numeru graficznie
w formie przycisku.
Zrzut ekranu ze smartfona LG G2 Mini,
strona otworzona w przeglądarce
Google Chrome for Mobile
19. 19
Case Study – Analiza przypadków 3/3
Przyjazna nawigacja w dużej mierze decyduje o funkcjonalności strony
mobilnej.
Jedna ze stron internetowych, które przeanalizowaliśmy, przykuła naszą
uwagę nietypowym rozwiązaniem. Oglądana na urządzeniu mobilnym
posiada dwa niezależne menu nawigacyjne, po prawej i lewej stronie,
z których każde zawiera inny zestaw odnośników, każde też jest oddzielnie
rozwijane. Odnalezienie konkretnych informacji wymaga od użytkownika
rozwijania obydwu menu za każdym razem, lub zapamiętania ich zawartości.
Jedno z menu częściowo pokrywa się z przyciskiem społecznościowym, co
dodatkowo zmniejsza jego i tak niewielką powierzchnię aktywną. Wreszcie
żadna z podstron nie jest wyposażona w przycisk powrotu do poprzedniej
strony, co oznacza konieczność korzystania z rozwijanych menu, lub logotypu
prowadzącego do strony głównej, za każdym razem kiedy zechcemy przejść
dalej.
Trzymając się sprawdzonych metod oraz dobrych praktyk projektując
nawigację na stronę mobilną, unikniemy efektownych, lecz funkcjonalnie
nieudanych rozwiązań.
Zrzut ekranu ze smartfona LG G2 Mini,
strona otworzona w przeglądarce
Google Chrome for MobileZeskanuj, aby zobaczyć
na smartfonie
20. 20
Case Study – Analiza przypadków 3/3
Nawet dobrze wykonana strona internetowa o ciekawej treści nie spełni
swojej roli biznesowej, jeżeli użytkownik nie będzie w stanie się po niej
swobodnie poruszać. Warto odnieść się tutaj do znanej zasady użyteczności
“Nie każ mi myśleć” (ang. “Don’t make me think”), zaproponowanej przez
Steve’a Kruga, zgodnie z którą interfejsy powinny być projektowane w taki
sposób, aby użytkownik nie musiał zastanawiać się nad tym jak się po nich
poruszać, lecz intuicyjnie wiedział jak działają.
W przedstawionym przykładzie strony mobilnej należałoby zawrzeć całą
nawigację pod jednym rozwijanym menu, umieszczonym w prawym górnym
rogu oraz zadbać o to, aby przycisk menu był odpowiednio duży i oddalony
od innych aktywnych obszarów. Przycisk „Powrót” umieszczony w dolnej
części podstron powinien umożliwić użytkownikom łatwe przejście do wyższej
podstrony, w szczególności, gdy nie jest nią strona główna. Punkt za duży
logotyp odsyłający do strony głównej.
Zrzut ekranu ze smartfona LG G2 Mini,
strona otworzona w przeglądarce
Google Chrome for Mobile
22. 22
Poznaj swojego prosumenta
Czy zauważyłeś jak na przestrzeni ostatnich lat
zmienili się konsumenci oraz ich zachowania
związane z dokonywaniem zakupów?
Konsumenci mają dzisiaj nieograniczony dostęp
do informacji o produktach i usługach. Za pomocą
darmowych narzędzi dostępnych w internecie mogą
porównywać ceny i warunki zakupu, weryfikować
dostawców, a nawet tworzyć zestawienia podobnych
produktów. Wszystko po to aby lepiej przygotować
się do podjęcia decyzji o zakupie. “Prosument”, czyli
dzisiejszy typowy konsument, “to aktywny klient będący
czymś na pograniczu profesjonalisty” – przeczytamy
w “Marketingu wielkich możliwości” Grzegorza Urbana.
Nowy konsument nie opiera się już tylko i wyłącznie na
tradycyjnej reklamie, ale poszukuje informacji z własnej
inicjatywy.
23. 23
Poznaj swojego prosumenta
W momencie decyzji o zakupie posiada szeroką wiedzę na temat samego produktu i jego cech, ofert
firm konkurencyjnych oraz opinii innych konsumentów. Głównym źródłem pozyskiwania tych informacji
jest samodzielne wyszukiwanie ich w internecie, jak zadeklarowało 71 proc. uczestników badania
przeprowadzonego w 2012 roku przez portal B2B Marketing.
Przedsiębiorco, czy Twoja firmowa strona internetowa jest dostosowana do najnowszej rewolucji
wśród prosumentów – posługiwania się urządzeniami mobilnymi?
Coraz więcej ludzi wykonuje dziś codzienne czynności przy pomocy smartfona lub tabletu. Z prognoz wynika,
że już w 2015 roku więcej użytkowników będzie łączyło się z internetem za pomocą urządzeń mobilnych niż za
pomocą komputerów. Jeżeli Twoja strategia pozyskiwania klientów nie uwzględnia zachowań współczesnego
konsumenta, z miesiąca na miesiąc będziesz go tracił.
24. 24
Ze smartfonem na łowy
Konsumenci coraz chętniej wykorzystują urządzenia mobilne do wyszukiwania informacji o produktach,
a w konsekwencji do dokonywania zakupów online. Ten trend potwierdza szereg analiz przeprowadzonych
między innymi przez firmę Google, czy IAB Polska, które pokazują jak duży potencjał dla małego
i średniego biznesu tkwi w mobilno – technologicznej rewolucji.
Już 44 proc.1
Polaków powyżej 15 roku życia posiada smartfona, a co dziesiąta osoba używa tabletu. Udział
urządzeń mobilnych osiągnął 10,1 proc.1
całego ruchu w sieci w pierwszym kwartale 2014 roku – to o 100%
więcej niż w roku poprzednim. Do tego aż 59 proc.1
konsumentów korzysta ze smartfonów przy szeroko
rozumianych procesach zakupowych.
44%
Polaków
powyżej 15
rż. posiada
smartfona
59%
konsumentów
korzysta ze
smartfonów
przy
procesach
zakupowych
27%
konsumentów
poleca
wyszukane na
smartfonie
firmy innym
10,1%
ruchu w sieci
z urządzeń
mobilnych
25. 25
Ze smartfonem na łowy
Użytkownicy mobilni wyszukują za pomocą
swoich urządzeń informacji o firmach
w najbliższej okolicy, a następnie dzwonią
do nich, sprawdzają ich lokalizację na mapie,
wchodzą na stronę firmy, czy odwiedzają jej
siedzibę.
27 proc.2
z tych osób poleca znalezione w ten
sposób firmy innym, lub zostawia w internecie
swoją opinię. Aż 40 proc.2
dokonuje zakupu –
online, czy też w sklepie. Te liczby pokazują jak
ważne dla firm z sektora MŚP jest posiadanie
odpowiedniej strony mobilnej.44%
Polaków
powyżej 15
rż. posiada
smartfona
59%
konsumentów
korzysta ze
smartfonów
przy
procesach
zakupowych
27%
konsumentów
poleca
wyszukane na
smartfonie
firmy innym
40%
konsumentów
mobilnych
dokonuje
zakupu w
znalezionym
sklepie
26. 26
Ze smartfonem po okolicy
Dzięki smartfonom możemy łatwo dotrzeć do informacji o tym,
co znajduje się w najbliższej okolicy. Dlatego dostosowanie
stron internetowych firm do przeglądania na urządzeniach
mobilnych ma ogromne znaczenie dla ich potencjalnych
klientów.
Aż 90 proc.2
wszystkich użytkowników smartfonów wyszukuje firmy
w pobliżu swojego miejsca pobytu. 90 proc.2
z nich podejmuje
działania konsumenckie – kontaktuje się z firmą, odwiedza ją,
robi zakupy, czy poleca innym. Dlatego tak ważne jest, aby Twoja
strona internetowa była przyjazna urządzeniom mobilnym, to
znaczy dobrze wyświetlała się na małych ekranach i umożliwiała
potencjalnym klientom nawiązanie bezpośredniego kontaktu
z firmą. Aż 63 proc.2
osób wybiera właśnie tę drogę dotarcia do
firmy po znalezieniu informacji lokalnych. Gdy m-stronę wesprzemy
reklamą opartą na lokalizacji, w pełni wykorzystamy potencjał, jaki
daje lokalnym firmom smartfon.
wszystkich użytkowników
smartfonów wyszukuje
firmy z okolicy
90%
27. 27
Jak zwiększyć zasięg Twojej firmy?
Większość właścicieli małych i średnich firm w Polsce nie
jest świadoma tego jak łatwo, a do tego bezpłatnie można
znacząco zwiększyć zasięg swojej firmy.
Głównym źródłem informacji o firmach jest dzisiaj internet,
dlatego powinieneś zadbać o to, aby dane Twojej firmy
były łatwo dostępne w wyszukiwarce Google oraz Mapach
Google, używanych codziennie przez miliony użytkowników.
Darmowa usługa Google Moja Firma umożliwia stworzenie
takiej wirtualnej wizytówki w kilka minut. Gdy zadbasz o to, aby
zawierała ona pełne i szczegółowe dane dotyczące Twojej firmy,
klienci z łatwością odnajdą Cię w wyszukiwarce Google,
a wizytówka pojawi się już w samych wynikach wyszukiwania.
28. 28
Jak zwiększyć zasięg Twojej firmy?
Będzie ona zawierała dane kontaktowe Twojej firmy,
wskazówki dojazdu do niej, czy odnośnik do Twojej witryny.
Zatem zadbaj o to, żeby odnośnik prowadził do estetycznej
i funkcjonalnej strony mobilnej. Gdy Twój potencjalny klient
mobilny trafi już na Twoją stronę, będziesz mieć zaledwie kilka
sekund na to, aby zachęcić go do skorzystania z Twoich usług.
Dlatego tworząc stronę mobilną dla swojej firmy, będziesz
w pełni gotowy na klienta dzisiejszych czasów – klienta
mobilnego.
Pobierz darmowy przewodnik projektowania
stron mobilnych.
29. 29
Nieprzyjaźnie na smartfony
Badanie przeprowadzone przez firmę Google pokazuje
jakie zagrożenia niesie za sobą lekceważenie mobilnych
użytkowników.
Aż 96 proc.3
konsumentów mobilnych odwiedziło stronę, która nie
była dostosowana do ich urządzenia. A im mniej taka strona jest
przyjazna użytkownikowi, tym bardziej jest on skłonny przerwać
wyszukiwanie, stracić zainteresowanie firmą, a nawet całkowicie
zaniechać zakupu danego produktu.
96%
konsumentów mobilnych
odwiedziło stronę, która nie
była przyjazna ich urządzeniu
Dowiedz się, jak sprawdzić ilu potencjalnych klientów
mobilnych odwiedza Twoją stronę.
31. 31
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ą.
32. 32
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?
33. 33
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
loading...
34. 34
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
35. 35
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!
36. 36
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 sekunda5
Tradycyjna strona internetowa ładuje się średnio
10 sekund na smartfonach410s
1s
37. 37
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
38. 38
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
39. 39
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
40. 40
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
41. 41
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.
42. 42
Źródła
1. Raport Perspektywy Rozwojowe Mobile Online w Polsce, IAB, Wrzesień 2014: http://iab.org.pl/wp-content/
uploads/2014/09/raport_iab_polska_mobile.pdf
2. Our Mobile Planet: Polska - Poznaj konsumentów mobilnych, Google, Maj 2013: http://services.google.com/fh/
files/misc/omp-2013-pl-local.pdf
3. Google Think Insights: http://www.google.co.uk/think/research-studies/what-users-want-most-from-mobile-
sites-today.html
4. Google Analytics: http://analytics.blogspot.com/2012/04/global-site-speed-overview-how-fast-are.html
5. Google Developers: https://developers.google.com/webmasters/smartphone-sites/common-mistakes
44. 44
www.activemobi.pl
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.