Dedykowana strona mobilna vs responsive web design mikowska zarudzka mt4 m

Post on 01-Dec-2014

9.204 views 0 download

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

responsive web design.

vs

DEDYKOWANA STRONA MOBILNA

Anna Zarudzka Chilid Web Design Agency

@annazarudzka

Monika Mikowska mobee dick

@mobimoni

HIPSTER COFFEE TIME

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

NIE MOGĘ CI WIELE DAĆ?

1 a. Olać

1 b. Udać, że go nie ma

2. Dać mu dedykowaną stronę mobilną

2. Dać mu dedykowaną stronę mobilną

2. Dać mu dedykowaną stronę mobilną

2. Dać mu dedykowaną stronę mobilną

2. Dać mu dedykowaną stronę mobilną

3. Dać mu responsive web design

3. Dać mu responsive web design

.DEDYKOWANA.

STRONA MOBILNA.

..RESPONSIVE.WEB.

DESIGN.

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

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.

JAK WYGLĄDAŁABY. TWOJA STRONA.

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

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

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

ZATEM CO WYBRAĆ . DLA CZEKAJĄCEGO .

NA PORANNE . LATTE? .

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

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

...i jak?.

ZATEM. CO WYBRAĆ?.

opcja 1.

PYTANIA-KLUCZE.

Odbiorca. Strategia. Szczegóły.

opcja 2.

TROCHĘ PSYCHOLOGII.

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

samorealizacja

prestiż i uznanie

potrzeby społeczne

poczucie bezpieczeństwa

potrzeby fizjologiczne

Maslow.

self-actualization

esteem

love/belonging

safety

physiological

Layon.

HTML 5

performance

respond share

read

see navigate

My hero - Brad Frost.

enhance

perform

interact

access

W praktyce - nie tylko my mamy problem z wyborem

looking for information or looking for action?

A TY jak traktujesz swojego klienta czekającego

na poranne latte?

Anna Zarudzka Chilid Web Design Agency

chilid.pl

Monika Mikowska mobee dick

mobeedick.com