Mobilne Strony czyli przyszłość WWW

StatystykiMobilność

Statystyki

35% 11mln

ruchu w sieci w 2015 rokubędzie stanowił ruchz urządzeń mobilnych 60%Polaków używa smartfona

64% Posiadaczy smarfonów nie wychodzi bez nich z domu

25% Rocznie rośnie liczba użytkowników smarfonów

Źródło:mobiletrends.pl, Google – Our Mobile Planet: Polska, Poznaj konsumentów mobilnych, Maj 2013

Typy projektowania na mobile

Responsive web design (RWD)

Aplikacje Natywne (Appki)

Mobilne Strony WWW

Projektowanie na mobile

RWDResponsive Web Design

dostosowują swój układ i wygląd do urządzenia na którym są wyświetlane.

Przykłady stron responsywnych

www.bostonglobe.com

Przykłady stron responsywnych

Mobilna Strona WWW

RWD

� Jeden adres URL

� Wspólny kod HTML, CSS, JS

� Wspólna zawartość informacyjna

� Jedno wdrożenie

� Duży rozmiar strony

� Wtyczki dostawców trzecich

� Kontekst użytkownika(rozdzielczość, połączenie)

� Trudne, czasochłonne testy

� Wysokie koszty utrzymania

Aplikacja Natywna

� Dostępna dopiero po zainstalowaniu na smartfonie

� Niedostępna w SERP

� Kosztowny Development10.000 PLN + i aktualizacje (Android, iOS, Windows Phone)

� Offline/Online

� Notyfikacje Push

� Bardziej zaawansowane funkcjonalnie np. logowanie, zarządzanie kontem itp.

� Dostep do funckji telefonu np.kalendarz, żyroskop, akcelerometr itp

Dedykowana Strona Mobilna

Mobilna Strona WWW

vs

Tradycyjna Strona Mobilna Strona

� Ciężka, zbyt długo się ładuje

� Nawigacja przystosowana do operowania myszką

� Przeładowana treścią

� Niewygodne przeglądanie strony na małym ekranie

� Lekka, szybko się ładuje

� Nawigacja przystosowana do trybu dotykowego

� Zoptymalizowana do ekranu smartfona

� Zorientowana na akcje mobilnych użytkowników np. Wywołanie numeru telefonu, wskazówki dojazdu

Mobilna Strona WWWMobilna Strona

� Lekka szybko się ładuje

� Dostępna online cały czas (SERP)

� Szybkie i tanie wdrożenie

� Tworzenie bez znajomości programowania(kreator)

� Wykorzystuje funkcje telefonu np. GPS, wywołanie numer telefonu (clickto call)

� Dedykowana subdomena

� Osobny kontent

� Video, Image, Text

� Click to call, Click to Sms

� Google Maps

� mCommerce, Business hours, Contact info

� Google calendar, Soundcloud, Google translate...

� Social components

Kluczowe komponenty strony mobilnej

DeviceAPI

Planowane funkcje telefonu do obsługi na stronach mobilnych

Calendar API

Contact API

Media Stream Recording

Media Stream Image Capture

Sensors API

Vibration API

Battery Status API

HTML Media Capture

Device API

Media Stream Image Capture

Battery Status API

Przykłady Stron Mobilnych

hair-salon.activemobi.com hotel.activemobi.comrestaurant.activemobi.com

Jak projektować mobilną stronę?

Źródło: Materiały Google

Platforma do budowy stron mobilnych

www.activemobi.com/become-reseller

Projektuj i sprzedawaj strony mobilnezostań resellerem

www.ActiveMobi.com

Dziękujemy

Łukasz BaranGrzegorz Miśta

contact@activemobi.com