Maciek Saganowski, Przegląd trendów w mobile travel

52

description

Prezentacja Maćka Saganowskiego na TravelCampie 24 maja 2012 w Gdańsku

Transcript of Maciek Saganowski, Przegląd trendów w mobile travel

Page 1: Maciek Saganowski, Przegląd trendów w mobile travel
Page 2: Maciek Saganowski, Przegląd trendów w mobile travel

Mobile+Travel

Maciek Saganowski | mobiler.pl

Page 3: Maciek Saganowski, Przegląd trendów w mobile travel

mieszkańców naszej planety posiada urządzenie mobilne

Page 4: Maciek Saganowski, Przegląd trendów w mobile travel

Najczęściej używam swojego smartfona… 84% - w domu 80% - w przerwach w trakcie dnia 74% - stojąc w kolejkach / czekając 64% - w pracy

Page 5: Maciek Saganowski, Przegląd trendów w mobile travel

Odwiedza stronę na

smartfonie

… a później kontynuuje na komputerze

time – shift…

Page 6: Maciek Saganowski, Przegląd trendów w mobile travel

Odwiedza stronę na PC

… a później kontynuuje

na smartfonie

Page 7: Maciek Saganowski, Przegląd trendów w mobile travel

http://www.argophilia.com/news/mobile-browsing-travel/24859/

w przeciągu ostatnich 6 miesięcy ruch

mobilny na stronach turystycznych wzrósł o

72%

Page 8: Maciek Saganowski, Przegląd trendów w mobile travel

http://www.argophilia.com/news/mobile-browsing-travel/24859/

udział urządzeń mobilnych w ruchu serwisów turystycznych17.4%

Page 9: Maciek Saganowski, Przegląd trendów w mobile travel

http://www.argophilia.com/news/mobile-browsing-travel/24859/

26%osób korzysta z

urządzania mobilnego podczas researchu wakacji

Page 10: Maciek Saganowski, Przegląd trendów w mobile travel

Osób, które rezerwowały na laptopach zabukowały na

ten sam dzień

Page 11: Maciek Saganowski, Przegląd trendów w mobile travel

Osób, które rezerwowały na

tabletach zabukowały na ten sam dzień

Page 12: Maciek Saganowski, Przegląd trendów w mobile travel

Osób, które rezerwowały na

komórkachzabukowały na ten sam dzień

Page 13: Maciek Saganowski, Przegląd trendów w mobile travel

Aplikacja czy strona mobilna?

Page 14: Maciek Saganowski, Przegląd trendów w mobile travel
Page 15: Maciek Saganowski, Przegląd trendów w mobile travel

Kompletnie inne Wielkości ekranów

Różnica

Page 16: Maciek Saganowski, Przegląd trendów w mobile travel

Różnica

Page 17: Maciek Saganowski, Przegląd trendów w mobile travel

Usuń połowęSugestia

…a potem jeszcze połowę z tego co

zostało

Page 18: Maciek Saganowski, Przegląd trendów w mobile travel

PokawałkujSugestia

Page 19: Maciek Saganowski, Przegląd trendów w mobile travel
Page 20: Maciek Saganowski, Przegląd trendów w mobile travel
Page 21: Maciek Saganowski, Przegląd trendów w mobile travel
Page 22: Maciek Saganowski, Przegląd trendów w mobile travel
Page 23: Maciek Saganowski, Przegląd trendów w mobile travel

zidentyfikuj“primary activity”

-Jakie jest

najważniejsze zadanie, które realizuje Twoja

aplikacja?

Sugestia

Page 24: Maciek Saganowski, Przegląd trendów w mobile travel

Design + Function + Content

Sugestia

Design + Function + Content

Page 25: Maciek Saganowski, Przegląd trendów w mobile travel

SugestiaTestuj aplikację na wszystkich etapach

produkcji

Page 26: Maciek Saganowski, Przegląd trendów w mobile travel

Sugestia

Ogranicz ilość elementów ekranowych i ikonek. Kontrolki można pokazać po dotknięciu.

Page 27: Maciek Saganowski, Przegląd trendów w mobile travel

Różnica

Page 28: Maciek Saganowski, Przegląd trendów w mobile travel

Różnica

Page 29: Maciek Saganowski, Przegląd trendów w mobile travel

Sugestia

Najważniejsze akcje w

zasięgu kciuka

Page 30: Maciek Saganowski, Przegląd trendów w mobile travel

Sugestia

Najważniejsze akcje w

zasięgu kciuka

Page 31: Maciek Saganowski, Przegląd trendów w mobile travel

Sugestia

Wysoki kontrast

Page 32: Maciek Saganowski, Przegląd trendów w mobile travel

SugestiaMin wielkość pojedynczego

obszaru dotyku

(tap target)=

44 points (ok 7mm)

Page 33: Maciek Saganowski, Przegląd trendów w mobile travel

Tap target

=elementowi graficznemu

Sugestia

Page 34: Maciek Saganowski, Przegląd trendów w mobile travel

Sugestia Przyciski po szerokości (lewo /

prawo reczni)

Wystarczający dystans między

przyciskami

Nie za blisko dolnego menu

Page 35: Maciek Saganowski, Przegląd trendów w mobile travel

więcej inputówRóżnica

• Żyroskop – 3 osie• Akcelerometr• Czujnik zbliżania• Obraz z kamery (AR)• Głos (SIRI)• GPS

Ekran dotykowy +

Page 36: Maciek Saganowski, Przegląd trendów w mobile travel
Page 37: Maciek Saganowski, Przegląd trendów w mobile travel

Tap na pole tekstowe

Otwiera się modal z kontrokami

Page 38: Maciek Saganowski, Przegląd trendów w mobile travel

Zoptymalizowane kontrolki

Page 39: Maciek Saganowski, Przegląd trendów w mobile travel

Labele na górze od

pola

Page 40: Maciek Saganowski, Przegląd trendów w mobile travel

Custom kontrolki

Page 41: Maciek Saganowski, Przegląd trendów w mobile travel

• Dotyk najpierw: pole tekstowe to Twoja ostatnia opcja

• Zostań na klawiaturze: skondensowany UI

• Mikro-taski: input podzielony na malutkie kawałki

• Odchudzanie: formularz pozbawiony tłuszczu

Sugestia

Page 42: Maciek Saganowski, Przegląd trendów w mobile travel

Domyślne wartości w formularzu

= 4 razy szybsze czasy inputu

!!!

Sugestia

Page 43: Maciek Saganowski, Przegląd trendów w mobile travel
Page 44: Maciek Saganowski, Przegląd trendów w mobile travel

Sugestia

Page 45: Maciek Saganowski, Przegląd trendów w mobile travel

Różnica

KONTEKST LOKALNY

Page 46: Maciek Saganowski, Przegląd trendów w mobile travel

Sugestia

TU&

TERAZ

Page 47: Maciek Saganowski, Przegląd trendów w mobile travel

Różnica

Problem z affordance

Page 48: Maciek Saganowski, Przegląd trendów w mobile travel
Page 49: Maciek Saganowski, Przegląd trendów w mobile travel

Używaj standardowych elementów GUI

(tam gdzie to możliwe)

Sugestia

Page 50: Maciek Saganowski, Przegląd trendów w mobile travel

Strategia mobile dla małego hotelu

• Dodanie się do gowalla, foursquare, google places etc - checkiny

• Strona mobilna• Komunikacja SMS

(check-in / check-out times)

• …no i najważniejsze – darmowy wifi dla gości

Page 51: Maciek Saganowski, Przegląd trendów w mobile travel

[email protected]

Dziękuję za uwagę

http://www.facebook.com/mobilerapps

Page 52: Maciek Saganowski, Przegląd trendów w mobile travel

Źródła: Josh Clark, Oliver Weidlich, Don Norman, Luke Wroblewski, Stephanie RiegerMost cool images from flickr, for credits – ask google images