TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz...

19
Mobilne Strony czyli przyszłość WWW

description

 

Transcript of TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz...

Page 1: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

Mobilne Strony czyli przyszłość WWW

Page 2: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

StatystykiMobilność

Page 3: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

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

Page 4: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

Typy projektowania na mobile

Responsive web design (RWD)

Aplikacje Natywne (Appki)

Mobilne Strony WWW

Projektowanie na mobile

Page 5: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

RWDResponsive Web Design

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

Page 6: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

Przykłady stron responsywnych

www.bostonglobe.com

Page 7: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

Przykłady stron responsywnych

Page 8: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

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

Page 9: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

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

Page 10: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

Dedykowana Strona Mobilna

Page 11: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

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

Page 12: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

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

Page 13: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

� 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

Page 14: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

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

Page 15: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

Przykłady Stron Mobilnych

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

Page 16: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

Jak projektować mobilną stronę?

Źródło: Materiały Google

Page 17: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

Platforma do budowy stron mobilnych

Page 18: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

www.activemobi.com/become-reseller

Projektuj i sprzedawaj strony mobilnezostań resellerem

Page 19: TARGI MOBILNE, DZIEN I, SALA A, Mobilne strony czyli przyszłość WWW, Łukasz Baran i Grzegorz Miśta, ActiveMobi

www.ActiveMobi.com

Dziękujemy

Łukasz BaranGrzegorz Miśta

[email protected]