CZĘŚĆ 1. Małe i średnie firmy nie gotowe na klienta mobilnego. 3. CZĘŚĆ 2. Dlaczego Twoja firma potrzebuje strony mobilnej? 21

Transkrypt

1 1

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 2

3 CZĘŚĆ 1 Małe i średnie firmy nie gotowe na klienta mobilnego 3

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

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

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

7 Raport uwzględnia branże: Dentysta Elektryk Fryzjer Hydraulik Kwiaciarnia Pomoc drogowa Remonty Restauracja Weterynarz 7

8 Raport uwzględnia największe miasta w Polsce: Gdynia Gdańsk Elbląg Olsztyn Szczecin Bydgoszcz Toruń Płock Białystok Gorzów Wlkp. Poznań Warszawa Łódź Radom Lublin Wrocław Częstochowa Kielce Zabrze Gliwice Ruda Śląska Bytom Katowice Tychy Bielsko-Biała Sosnowiec Dąbrowa Górnicza Kraków Rzeszów źródło: Główny Urząd Statystyczny Powierzchnia i ludność w przekroju terytorialnym w 2013 r. 8

9 Wniosek kluczowy 93% stron internetowych małych i średnich firm nie jest przyjazna urządzeniom mobilnym. Na 2937 stron internetowych zaledwie 207 jest dostosowanych do wyświetlania na urządzeniach mobilnych. 9

10 Zestawienie według branż 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. 9,59% 8,92% 7,29% 7,25% 7,05% 6,53% 5,63% 5,43% 5,38% Fryzjer Dentysta Restauracja Remonty Elektryk Hydraulik Pomoc drogowa Kwiaciarnia Weterynarz 10

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 mieszkańców 8,08% miasta od do mieszkańców 3,91% miasta od do mieszkańców 11

12 Zestawienie według miast 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%. Szczecin 12,0% Poznań 16,0% Warszawa 14,9% Białystok 15,0% Stron internetowych na smartfony w ogóle nie znajdziemy w Elblągu. Łódź 10,6% Lublin 13,3% 12

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% 13

14 Gotowi na klienta mobilnego elektrycy w Poznaniu 27,27% firmy remontowe w Poznaniu 30% hydraulicy 30% w Gdyni fryzjerzy w Łodzi 38,46% pomoc drogowa 28,57% w Częstochowie dentyści w Białymstoku 38,46% kwiaciarnie 27,27% w Szczecinie restauratorzy w Warszawie 50% weterynarze 25% w Zabrzu 14

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

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 16

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. Zeskanuj, aby zobaczyć na smartfonie Zrzut ekranu ze smartfona LG G2 Mini, strona otworzona w przeglądarce Google Chrome for Mobile 17

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 18

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ń. Zeskanuj, aby zobaczyć na smartfonie Zrzut ekranu ze smartfona LG G2 Mini, strona otworzona w przeglądarce Google Chrome for Mobile 19

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 20

21 CZĘŚĆ 2 Dlaczego Twoja firma potrzebuje strony mobilnej? 21

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

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ł. 23

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. 10,1% ruchu w sieci z urządzeń mobilnych 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 24

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 59% 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 konsumentów posiadanie odpowiedniej strony mobilnej. korzysta ze smartfonów przy procesach zakupowych 44% Polaków powyżej 15 rż. posiada smartfona 27% konsumentów poleca wyszukane na smartfonie firmy innym 40% konsumentów mobilnych dokonuje zakupu w znalezionym sklepie 25

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. 90% wszystkich użytkowników smartfonów wyszukuje firmy z okolicy 26

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

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

29 Nieprzyjaźnie na smartfony 96% konsumentów mobilnych odwiedziło stronę, która nie była przyjazna ich urządzeniu 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. Dowiedz się, jak sprawdzić ilu potencjalnych klientów mobilnych odwiedza Twoją stronę. 29

30 CZĘŚĆ 3 Strona mobilna w pigułce 30

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 powodzeniem 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 poziom 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ą. 31

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? 32

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ą loading... 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 mobilnych akcji, jak zlokalizowanie firmy, czy szybki kontakt z jej pracownikami 33

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 smartfonów oraz zorientowana na akcje mobilnych użytkowników posiada klikalne numery telefonu czy wskazówki dojazdu do firmy 34

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! 35

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. 10s Tradycyjna strona internetowa ładuje się średnio 10 sekund na smartfonach 4 Google rekomenduje renderowanie stron na komórki w czasie krótszym niż jedna sekunda 5 1s 36

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ą. Musimy również pamiętać, że użytkownicy urządzeń mobilnych dotykają ekranów palcami, dlatego większe przyciski to kolejna dobra praktyka. Zaleca się projektowanie przycisków o wysokości min pikseli. Zeskanuj, aby zobaczyć na smartfonie 37

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 produktów i usług. Dzięki takim rozwiązaniom Twoi klienci będą się z Tobą kontaktować gdy tylko zainteresuje ich Twoja oferta. Zeskanuj, aby zobaczyć na smartfonie 38

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 39

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 40

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

42 Źródła 1. Raport Perspektywy Rozwojowe Mobile Online w Polsce, IAB, Wrzesień 2014: uploads/2014/09/raport_iab_polska_mobile.pdf 2. Our Mobile Planet: Polska - Poznaj konsumentów mobilnych, Google, Maj 2013: files/misc/omp-2013-pl-local.pdf 3. Google Think Insights: 4. Google Analytics: 5. Google Developers: 42

43 43

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