Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

665 views

Published on

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

Published in: Travel
  • Be the first to comment

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

  1. 1. Mobile+TravelMaciek Saganowski | mobiler.pl
  2. 2. mieszkańców naszej planetyposiada urządzenie mobilne
  3. 3. 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
  4. 4. time – shift… … a później kontynuuje na Odwiedza komputerze stronę nasmartfonie
  5. 5. … a później kontynuujeOdwiedza stronę na na PC smartfonie
  6. 6. 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/
  7. 7. udział urządzeń mobilnych w 17.4% ruchu serwisów turystycznychhttp://www.argophilia.com/news/mobile-browsing-travel/24859/
  8. 8. 26% osób korzysta z urządzaniamobilnego podczasresearchu wakacji http://www.argophilia.com/news/mobile-browsing-travel/24859/
  9. 9. Osób, które rezerwowały na laptopach zabukowały na ten sam dzień
  10. 10. Osób, którerezerwowały na tabletach zabukowały na ten sam dzień
  11. 11. Osób, którerezerwowały na komórkach zabukowały na ten sam dzień
  12. 12. Aplikacja czy strona mobilna?
  13. 13. Kompletnie inneWielkości ekranów
  14. 14. Usuń połowę…a potem jeszczepołowę z tego co zostało
  15. 15. Pokawałkuj
  16. 16. zidentyfikuj“primary activity” - Jakie jest najważniejsze zadanie, które realizuje Twoja aplikacja?
  17. 17. Design + Function + Content Design + Function + Content
  18. 18. Testuj aplikację nawszystkich etapach produkcji
  19. 19. Ogranicz ilość elementów ekranowych i ikonek. Kontrolki można pokazać po dotknięciu.
  20. 20. Najważniejsze akcje wzasięgu kciuka
  21. 21. Najważniejsze akcje wzasięgu kciuka
  22. 22. Wysokikontrast
  23. 23. Min wielkośćpojedynczego obszaru dotyku (tap target) = 44 points (ok 7mm)
  24. 24. Tap target =elementowigraficznemu
  25. 25. Przyciski poszerokości (lewo / prawo reczni) Wystarczający dystans między przyciskami Nie za blisko dolnego menu
  26. 26. więcej inputów Ekran dotykowy + • Żyroskop – 3 osie • Akcelerometr • Czujnik zbliżania • Obraz z kamery (AR) • Głos (SIRI) • GPS
  27. 27. Tap na pole tekstowe Otwiera się modal z kontrokami
  28. 28. Zoptymalizowane kontrolki
  29. 29. Labelena górze od pola
  30. 30. Customkontrolki
  31. 31. • 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
  32. 32. Domyślne wartości w formularzu =4 razy szybsze czasy inputu !!!
  33. 33. KONTEKST LOKALNY
  34. 34. Problem z affordance
  35. 35. Używaj standardowych elementów GUI(tam gdzie to możliwe)
  36. 36. 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
  37. 37. Dziękuję za uwagę maciek@mobiler.plhttp://www.facebook.com/mobilerapps
  38. 38. Źródła: Josh Clark, Oliver Weidlich, Don Norman, Luke Wroblewski, Stephanie RiegerMost cool images from flickr, for credits – ask google images

×