![Page 1: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/1.jpg)
![Page 2: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/2.jpg)
Mobile+Travel
Maciek Saganowski | mobiler.pl
![Page 3: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/3.jpg)
mieszkańców naszej planety posiada urządzenie mobilne
![Page 4: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/4.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/5.jpg)
Odwiedza stronę na
smartfonie
… a później kontynuuje na komputerze
time – shift…
![Page 6: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/6.jpg)
Odwiedza stronę na PC
… a później kontynuuje
na smartfonie
![Page 7: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/7.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/8.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/9.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/10.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/11.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/12.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/13.jpg)
Aplikacja czy strona mobilna?
![Page 14: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/14.jpg)
![Page 15: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/15.jpg)
Kompletnie inne Wielkości ekranów
Różnica
![Page 16: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/16.jpg)
Różnica
![Page 17: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/17.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/18.jpg)
PokawałkujSugestia
![Page 19: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/19.jpg)
![Page 20: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/20.jpg)
![Page 21: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/21.jpg)
![Page 22: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/22.jpg)
![Page 23: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/23.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/24.jpg)
Design + Function + Content
Sugestia
Design + Function + Content
![Page 25: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/25.jpg)
SugestiaTestuj aplikację na wszystkich etapach
produkcji
![Page 26: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/26.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/27.jpg)
Różnica
![Page 28: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/28.jpg)
Różnica
![Page 29: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/29.jpg)
Sugestia
Najważniejsze akcje w
zasięgu kciuka
![Page 30: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/30.jpg)
Sugestia
Najważniejsze akcje w
zasięgu kciuka
![Page 31: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/31.jpg)
Sugestia
Wysoki kontrast
![Page 32: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/32.jpg)
SugestiaMin wielkość pojedynczego
obszaru dotyku
(tap target)=
44 points (ok 7mm)
![Page 33: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/33.jpg)
Tap target
=elementowi graficznemu
Sugestia
![Page 34: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/34.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/35.jpg)
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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/36.jpg)
![Page 37: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/37.jpg)
Tap na pole tekstowe
Otwiera się modal z kontrokami
![Page 38: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/38.jpg)
Zoptymalizowane kontrolki
![Page 39: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/39.jpg)
Labele na górze od
pola
![Page 40: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/40.jpg)
Custom kontrolki
![Page 41: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/41.jpg)
• 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](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/42.jpg)
Domyślne wartości w formularzu
= 4 razy szybsze czasy inputu
!!!
Sugestia
![Page 43: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/43.jpg)
![Page 44: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/44.jpg)
Sugestia
![Page 45: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/45.jpg)
Różnica
KONTEKST LOKALNY
![Page 46: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/46.jpg)
Sugestia
TU&
TERAZ
![Page 47: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/47.jpg)
Różnica
Problem z affordance
![Page 48: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/48.jpg)
![Page 49: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/49.jpg)
Używaj standardowych elementów GUI
(tam gdzie to możliwe)
Sugestia
![Page 50: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/50.jpg)
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 52: Maciek Saganowski, Przegląd trendów w mobile travel](https://reader038.vdocuments.mx/reader038/viewer/2022103013/546299a2b1af9fba388b4f4b/html5/thumbnails/52.jpg)
Źródła: Josh Clark, Oliver Weidlich, Don Norman, Luke Wroblewski, Stephanie RiegerMost cool images from flickr, for credits – ask google images