Maciek Saganowski, Przegląd trendów w mobile travel
-
Upload
travelcamp -
Category
Travel
-
view
733 -
download
2
description
Transcript of Maciek Saganowski, Przegląd trendów w mobile travel
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
Źródła: Josh Clark, Oliver Weidlich, Don Norman, Luke Wroblewski, Stephanie RiegerMost cool images from flickr, for credits – ask google images