Prezentacja wygłoszona na konferencji Mobile Trends 4 Marketers, Kraków, 23.05.2013. Anna Zarudzka chilid.pl, Monika Mikowska mobeedick.com.

1. responsive web
design.
vs
DEDYKOWANA
STRONA MOBILNA

2. Anna Zarudzka
Chilid Web Design Agency
@annazarudzka
Monika Mikowska
mobee dick
@mobimoni

3. HIPSTER COFFEE
TIME

4. czyli co mogę zrobić dla czekającego na latte?
NIE MOGĘ CI
WIELE DAĆ?

5. 1 a. Olać

6. 1 b. Udać, że go nie ma

7. 2. Dać mu dedykowaną stronę mobilną

8. 2. Dać mu dedykowaną stronę mobilną

9. 2. Dać mu dedykowaną stronę mobilną

10. 2. Dać mu dedykowaną stronę mobilną

11. 2. Dać mu dedykowaną stronę mobilną

12. 3. Dać mu responsive web design

13. 3. Dać mu responsive web design

14. .DEDYKOWANA.
STRONA MOBILNA.

15. ..RESPONSIVE.WEB.
DESIGN.

16. Brad Fost
http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/

17. Serwis adaptuje się do wielkości ekranu/urządzenia czy okna przeglądarki
Strona prezentuje się więc w różny sposób w zależności od szerokości
(i rzadziej wysokości) wyżej wymienionych
Dobre RWD ułatwia czytanie zawartości, nawigację oraz ogranicza potrzebę
powiększania/pomniejszania i przewijania
responsive websites
respond.
to their environment
To nie tylko. zmniejszanie obrazków.

18. JAK WYGLĄDAŁABY.
TWOJA STRONA.
RESPONSIVE?.
http://ami.responsivedesign.is

19. http://www.youtube.com/watch?v=OAc7pI3lif8
…i dlaczego nie powinniśmy w ten sposób oceniać, czy strona jest RWD czy nie?

20. ZATEM CO WYBRAĆ .
DLA CZEKAJĄCEGO .
NA PORANNE .
LATTE? .

21. nośniki – dziś i jutro
wielkość obrazków / tempo ładowania strony
user experience
kontent: treści, komunikaty, akcje
mit o 3 plusikach
na rzecz unikalności
mit, że tylko wtedy, gdy
kontent ten sam
realizacja – optymalizacja procesu tworzenia
utrzymanie
wykorzystanie natywnych funkcji telefonu
URL-e – promocja, komunikacja, sharing - zarządzanie
realizacja – koszty
Google friendly
Które rozwiązanie jest lepsze dla Twojej strony?
KLUCZOWE KWESTIE
DEDYKOWANA
STRONA MOBILNA
RESPONSIVE
WEB DESIGN

22. nośniki – dziś i jutro
wielkość obrazków / tempo ładowania strony
user experience
kontent: treści, komunikaty, akcje
mit o 3 plusikach
na rzecz unikalności
mit, że tylko wtedy, gdy
kontent ten sam
realizacja – optymalizacja procesu tworzenia
utrzymanie
wykorzystanie natywnych funkcji telefonu
URL-e – promocja, komunikacja, sharing - zarządzanie
realizacja – koszty
Google friendly
Które rozwiązanie jest lepsze dla Twojej strony?
KLUCZOWE KWESTIE
DEDYKOWANA
STRONA MOBILNA
RESPONSIVE
WEB DESIGN

23. ...i jak?.
ZATEM.
CO WYBRAĆ?.

24. opcja 1.
PYTANIA-KLUCZE.
Odbiorca.
Strategia.
Szczegóły.

25. opcja 2.
TROCHĘ PSYCHOLOGII.
Realizacja potrzeb użytkowników.
tu i teraz.

26. samorealizacja
prestiż i uznanie
potrzeby społeczne
poczucie bezpieczeństwa
potrzeby fizjologiczne
Maslow.

27. self-actualization
esteem
love/belonging
safety
physiological
Layon.
HTML 5
performance
respond share
read
see navigate

28. My hero - Brad Frost.
enhance
perform
interact
access

29. W praktyce - nie tylko my mamy problem z wyborem
looking for
information
or
looking for
action?

30. A TY jak traktujesz
swojego klienta czekającego
na poranne latte?

31. Anna Zarudzka
Chilid Web Design Agency
chilid.pl
Monika Mikowska
mobee dick
mobeedick.com