Post on 11-Nov-2014
description
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