Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

31
responsive web design. vs DEDYKOWANA STRONA MOBILNA

description

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

Transcript of Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

Page 1: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

responsive web design.

vs

DEDYKOWANA STRONA MOBILNA

Page 2: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

Anna Zarudzka Chilid Web Design Agency

@annazarudzka

Monika Mikowska mobee dick

@mobimoni

Page 3: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

HIPSTER COFFEE TIME

Page 4: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

czyli co mogę zrobić dla czekającego na latte?

NIE MOGĘ CI WIELE DAĆ?

Page 5: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

1 a. Olać

Page 6: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

1 b. Udać, że go nie ma

Page 7: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

2. Dać mu dedykowaną stronę mobilną

Page 8: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

2. Dać mu dedykowaną stronę mobilną

Page 9: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

2. Dać mu dedykowaną stronę mobilną

Page 10: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

2. Dać mu dedykowaną stronę mobilną

Page 11: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

2. Dać mu dedykowaną stronę mobilną

Page 12: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

3. Dać mu responsive web design

Page 13: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

3. Dać mu responsive web design

Page 14: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

.DEDYKOWANA.

STRONA MOBILNA.

Page 15: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

..RESPONSIVE.WEB.

DESIGN.

Page 16: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

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

Page 17: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

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.

Page 18: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

JAK WYGLĄDAŁABY. TWOJA STRONA.

RESPONSIVE?. http://ami.responsivedesign.is

Page 19: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

http://www.youtube.com/watch?v=OAc7pI3lif8

…i dlaczego nie powinniśmy w ten sposób oceniać, czy strona jest RWD czy nie?

Page 20: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

ZATEM CO WYBRAĆ . DLA CZEKAJĄCEGO .

NA PORANNE . LATTE? .

Page 21: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

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

Page 22: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

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

Page 23: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

...i jak?.

ZATEM. CO WYBRAĆ?.

Page 24: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

opcja 1.

PYTANIA-KLUCZE.

Odbiorca. Strategia. Szczegóły.

Page 25: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

opcja 2.

TROCHĘ PSYCHOLOGII.

Realizacja potrzeb użytkowników. tu i teraz.

Page 26: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

samorealizacja

prestiż i uznanie

potrzeby społeczne

poczucie bezpieczeństwa

potrzeby fizjologiczne

Maslow.

Page 27: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

self-actualization

esteem

love/belonging

safety

physiological

Layon.

HTML 5

performance

respond share

read

see navigate

Page 28: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

My hero - Brad Frost.

enhance

perform

interact

access

Page 29: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

W praktyce - nie tylko my mamy problem z wyborem

looking for information or looking for action?

Page 30: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

A TY jak traktujesz swojego klienta czekającego

na poranne latte?

Page 31: Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

Anna Zarudzka Chilid Web Design Agency

chilid.pl

Monika Mikowska mobee dick

mobeedick.com