1. Mobilne Strony
czyli przyszłość WWW

2. StatystykiMobilność

3. Statystyki
35% 11mln
ruchu w sieci w 2015 roku
będzie stanowił ruch
z urządzeń mobilnych60%
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

4. Typy projektowania na mobile
Responsive web
design (RWD)
Aplikacje
Natywne (Appki)
Mobilne
Strony WWW
Projektowanie na mobile

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

6. Przykłady stron responsywnych
www.bostonglobe.com

7. Przykłady stron responsywnych

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

9. Aplikacja Natywna
Dostępna dopiero po
zainstalowaniu na smartfonie
Niedostępna w SERP
Kosztowny Development
10.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

10. Dedykowana
Strona Mobilna

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

12. Mobilna Strona WWW
Mobilna 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 (click
to call)
Dedykowana subdomena
Osobny kontent

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

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

15. Przykłady Stron Mobilnych
hair-salon.activemobi.com hotel.activemobi.comrestaurant.activemobi.com

16. Jak projektować mobilną stronę?
Źródło: Materiały Google

17. Platforma do budowy stron mobilnych

18. www.activemobi.com/become-reseller
Projektuj i sprzedawaj strony mobilne
zostań resellerem

19. www.ActiveMobi.com
Dziękujemy
Łukasz Baran
Grzegorz Miśta
contact@activemobi.com