Responsive web design jako metoda na dotarcie do mobilnych klientów

27
Copyright 2015. R ESPONSIVE W EB D ESIGN JAKO METODA NA DOTARCIE DO KLIENTÓW MOBILNYCH Norbert Boroń, Marketing Technology Lead Engineer ([email protected]) Katarzyna Sulej-Chhugani, Marketing Services Manager ([email protected])

Transcript of Responsive web design jako metoda na dotarcie do mobilnych klientów

Copyright 2015.

RESPONSIVE WEB DESIGN JAKO METODA

NA DOTARCIE DO KLIENTÓW MOBILNYCH

Norbert Boroń, Marketing Technology Lead Engineer([email protected])

Katarzyna Sulej-Chhugani, Marketing Services Manager([email protected])

2Copyright 2015

Urządzeń mobilnych jest już więcej niż komputerówŹródło: Microsoft Tag

3Copyright 2015

Ile gadżetów używamy?

4Copyright 2015

Najpopularniejsze urządzenia mobilneŹródło: Sophos

5Copyright 2015

Średnia liczba urządzeń mobilnych na użytkownikaŹródło: Sophos

6Copyright 2015

Przewidywany miesięczny ruch mobilny w terabajtachŹródło: iGR

3G 4G LTE WiFi

Raport nie uwzględnia ruchu WiFi

7Copyright 2015

Platformy mobilne przejmują rynek komunikacji emailŹródło: Litmus

8Copyright 2015

Wróżenie z fusówSzacunek na rok 2015.

%stron jest responsywnych

9Copyright 2015

Udział stron responsywnychŹródło: Akamai

Copyright 2015.

CZYM JEST RWD ?

11Copyright 2015

Responsywne strony internetoweAutomatycznie dostosowują się do urządzenia, na którym są wyświetlane.

12Copyright 2015

Responsywny emailTechnologia ogranicza projektowanie responsywnych maili dużo bardziej, niż w przypadku stron internetowych.

13Copyright 2015

BreakpointsRóżne układy tej samej strony przeznaczone dla różnych urządzeń. Najczęściej oparte o szerokość ekranu.

14Copyright 2015

Układ płynnyDobrze zaprojektowany, zapewnia dostosowanie strony do dowolnej szerokości urządzenia.

15Copyright 2015

Mobile firstMetoda projektowania od najprostszego, najbardziej zoptymalizowanego układu mobilnego w górę.

16Copyright 2015

Responsywne mediaWariacje tych samych mediów zoptymalizowane pod urządzenie.

17Copyright 2015

TestowanieNa przeglądarkach desktop, urządzeniach mobilnych i maszynach wirtualnych.

Copyright 2015.

7 GRZECHÓW GŁÓWNYCH RWD

19Copyright 2015

1 Zbyt mały rozmiar tekstu

20Copyright 2015

2 Długi czas ładowania na źle zaprojektowanych stronach RWDŹródło: Akamai

Średni rozmiar zasobu w kilobajtach

21Copyright 2015

3 Zbyt małe elementy aktywne (przyciski, linki, itp.)

22Copyright 2015

4 Formularze bez wsparcia dla różnych klawiatur

23Copyright 2015

5 Flash na urządzeniach, które go nie wspierają

24Copyright 2015

6 Utrudnione zamykanie okien powiadomień

25Copyright 2015

7 Akcje uruchamiane po najechaniu myszką

Urządzenia mobilne obsługują tylko zdarzenie kliknięcia

26Copyright 2015

Zdanie użytkownikówBadanie przeprowadzone na grupie 118 użytkowników mobilnych

Copyright 2015

Customer is no longer tech-savvy,

but tech-dependent.