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

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

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?

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

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!

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

Tradycyjna strona internetowa ładuje się średnio 10 sekund na smartfonach110s

1s

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

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

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

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

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

Ź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

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.