Mobile+Travel

Maciek Saganowski | mobiler.pl

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

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

Odwiedza stronę na

smartfonie

… a później kontynuuje na komputerze

time – shift…

Odwiedza stronę na PC

… a później kontynuuje

na smartfonie

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%

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

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

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

26%osób korzysta z

urządzania mobilnego podczas researchu wakacji

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

ten sam dzień

Osób, które rezerwowały na

tabletach zabukowały na ten sam dzień

Osób, które rezerwowały na

komórkachzabukowały na ten sam dzień

Aplikacja czy strona mobilna?

Kompletnie inne Wielkości ekranów

Różnica

Różnica

Usuń połowęSugestia

…a potem jeszcze połowę z tego co

zostało

PokawałkujSugestia

zidentyfikuj“primary activity”

-Jakie jest

najważniejsze zadanie, które realizuje Twoja

aplikacja?

Sugestia

Design + Function + Content

Sugestia

Design + Function + Content

SugestiaTestuj aplikację na wszystkich etapach

produkcji

Sugestia

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

Różnica

Różnica

Sugestia

Najważniejsze akcje w

zasięgu kciuka

Sugestia

Najważniejsze akcje w

zasięgu kciuka

Sugestia

Wysoki kontrast

SugestiaMin wielkość pojedynczego

obszaru dotyku

(tap target)=

44 points (ok 7mm)

Tap target

=elementowi graficznemu

Sugestia

Sugestia Przyciski po szerokości (lewo /

prawo reczni)

Wystarczający dystans między

przyciskami

Nie za blisko dolnego menu

więcej inputówRóżnica

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

Ekran dotykowy +

Tap na pole tekstowe

Otwiera się modal z kontrokami

Zoptymalizowane kontrolki

Labele na górze od

pola

Custom kontrolki

• 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

Domyślne wartości w formularzu

= 4 razy szybsze czasy inputu

!!!

Sugestia

Sugestia

Różnica

KONTEKST LOKALNY

Sugestia

TU&

TERAZ

Różnica

Problem z affordance

Używaj standardowych elementów GUI

(tam gdzie to możliwe)

Sugestia

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

maciek@mobiler.pl

Dziękuję za uwagę

http://www.facebook.com/mobilerapps

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