1

2

CZĘŚĆ 1. Małe i średnie firmy nie gotowe na klienta mobilnego. 3Wprowadzenie 4Cel badania 5Metodologia badania 6Raport uwzględnia branże 7Raport uwzględnia największe miasta w Polsce 8Wniosek kluczowy 9Zestawienie według branż 10Zestawienie według wielkości miast 11Zestawienie według miast 12Gotowi na klienta mobilnego 14Responsywnie nie zawsze znaczy dobrze - analiza przypadków 15

CZĘŚĆ 2. Dlaczego Twoja firma potrzebuje strony mobilnej? 21Poznaj swojego prosumenta 22Ze smartfonem na łowy 24Ze smartfonem po okolicy 26Jak zwiększyć zasięg Twojej firmy? 27Nieprzyjaźnie na smartfony 29

CZĘŚĆ 3. Strona mobilna w pigułce. 30Strona responsywna a strona mobilna 31Strona mobilna a strona tradycyjna 32Kluczowe cechy strony mobilnej 35Bądź mobilny! 41

3

CZĘŚĆ 1

Małe i średnie firmy nie gotowena klienta mobilnego

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

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

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.

7

Raport uwzględnia branże:

Dentysta Elektryk Fryzjer

Hydraulik Kwiaciarnia Pomoc drogowa

Remonty Restauracja Weterynarz

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

SosnowiecRzeszów

Kraków

Płock Białystok

Lublin

Radom

Łódź

Kielce

Elbląg

Gdańsk

Gdynia

Szczecin

Gorzów Wlkp.Poznań

BydgoszczToruń

Warszawa

Olsztyn

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

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

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

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

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

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

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

Case Study – Analiza przypadków 1/3Najwię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ądarceGoogle Chrome for Mobile

Zrzut ekranu ze smartfona LG G2 Mini, strona otworzona w przeglądarceGoogle Chrome for Mobile

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ądarceGoogle Chrome for MobileZeskanuj, aby zobaczyć

na smartfonie

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ądarceGoogle Chrome for Mobile

19

Case Study – Analiza przypadków 3/3Przyjazna 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ądarceGoogle Chrome for MobileZeskanuj, aby zobaczyć

na smartfonie

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ądarceGoogle Chrome for Mobile

21

CZĘŚĆ 2

Dlaczego Twoja firma potrzebuje strony mobilnej?

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

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

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

przyprocesach

zakupowych

27%konsumentów

poleca wyszukane na

smartfonie firmy innym

40%konsumentów

mobilnych dokonuje zakupu w

znalezionym sklepie

10,1%ruchu w sieci

z urządzeń mobilnych

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

przyprocesach

zakupowych

27%konsumentów

poleca wyszukane na

smartfonie firmy innym

40%konsumentów

mobilnych dokonuje zakupu w

znalezionym sklepie

10,1%ruchu w sieci

z urządzeń mobilnych

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

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

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

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ę.

30

CZĘŚĆ 3

Strona mobilna w pigułce

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

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

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

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

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

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

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

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

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

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

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

Ź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

43

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.