Maciek Saganowski, Przegląd trendów w mobile travel
Download as PPTX, PDF1 like391 views
Maciek Saganowski, Przegląd trendów w mobile travel
- 2. Mobile+Travel Maciek Saganowski | mobiler.pl
- 3. mieszkańców naszej planety posiada urządzenie mobilne
- 4. 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
- 5. time – shift… … a później kontynuuje na Odwiedza komputerze stronę na smartfonie
- 6. … a później kontynuuje Odwiedza stronę na na PC smartfonie
- 7. 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/
- 8. udział urządzeń mobilnych w 17.4% ruchu serwisów turystycznych http://www.argophilia.com/news/mobile-browsing-travel/24859/
- 9. 26% osób korzysta z urządzania mobilnego podczas researchu wakacji http://www.argophilia.com/news/mobile-browsing-travel/24859/
- 10. Osób, które rezerwowały na laptopach zabukowały na ten sam dzień
- 11. Osób, które rezerwowały na tabletach zabukowały na ten sam dzień
- 12. Osób, które rezerwowały na komórkach zabukowały na ten sam dzień
- 13. Aplikacja czy strona mobilna?
- 17. Usuń połowę …a potem jeszcze połowę z tego co zostało
- 18. Pokawałkuj
- 23. zidentyfikuj “primary activity” - Jakie jest najważniejsze zadanie, które realizuje Twoja aplikacja?
- 24. Design + Function + Content Design + Function + Content
- 25. Testuj aplikację na wszystkich etapach produkcji
- 26. Ogranicz ilość elementów ekranowych i ikonek. Kontrolki można pokazać po dotknięciu.
- 29. Najważniejsze akcje w zasięgu kciuka
- 30. Najważniejsze akcje w zasięgu kciuka
- 31. Wysoki kontrast
- 32. Min wielkość pojedynczego obszaru dotyku (tap target) = 44 points (ok 7mm)
- 33. Tap target = elementowi graficznemu
- 34. Przyciski po szerokości (lewo / prawo reczni) Wystarczający dystans między przyciskami Nie za blisko dolnego menu
- 35. więcej inputów Ekran dotykowy + • Żyroskop – 3 osie • Akcelerometr • Czujnik zbliżania • Obraz z kamery (AR) • Głos (SIRI) • GPS
- 37. Tap na pole tekstowe Otwiera się modal z kontrokami
- 38. Zoptymalizowane kontrolki
- 39. Labele na górze od pola
- 40. Custom kontrolki
- 41. • 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
- 42. Domyślne wartości w formularzu = 4 razy szybsze czasy inputu !!!
- 45. KONTEKST LOKALNY
- 49. Używaj standardowych elementów GUI (tam gdzie to możliwe)
- 50. 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
- 51. Dziękuję za uwagę [email protected] http://www.facebook.com/mobilerapps
- 52. Źródła: Josh Clark, Oliver Weidlich, Don Norman, Luke Wroblewski, Stephanie Rieger Most cool images from flickr, for credits – ask google images
Editor's Notes
- #17: Dlategotaklubierobienieapekna mobile, bo to zmuszaklienta do myślenia, projektyweboweniesąwyzywające,projektymobilnesą 10 razybardziejwyzywające, dlategożemamy 10 razymniejprzestrzeni do zagospodarowaniaPamiętajmy, niekończysiętylkonarozmiarzeekranów, niemamyteżwielkiejergonomicznejklawiatury, ale cośmałego co zasłoni 2/5 ekranupowyświetlleniu
- #18: Najczęściejwyjdzie totwojejaplikacjinadobre
- #24: Najczęściejwyjdzie totwojejaplikacjinadobre
- #25: Przewartościujkomponentyswojejaplikacji
- #26: Na wszystkichetapachNieważneczyrobiszapkedladzieciczydladoroslychOceniajgrafiki, nienaekraniemonitora, ale nasłuchawceJaktestowalismy LE (napapierowychkartonikach, potemnaaplikacji, zrobilismy 4 iteracje I takprostego UI)
- #27: Najważniejszy content nasamągóręOgranicz scrolling tam gdzie to możliwe
- #29: W aucie / w autobusie / naspacerze / czekającnacośMasaprzeszkadzajekdookołaKorzystanie z apki to takitrochęstosunekprzerywanyRóznica jest taka zeprojektujesz WIZYCZNA RZECZ
- #30: Po przeciwnejstronie od kciuka, leworęcznipodrugiejstronieOczywisciekciukdotrzewszedzieNiektóreapki (twitterific) mają w opcjachmożliwośćprzełączaniadlaleworęcznych (wówczasnp. Przyciskusuń, przesuwasięnadrugąstronę)Pamiętajmy, żepaleczasłania contentMenu nadół, content nagóręNajczęściejwykorzystywaneprzyciskinalewoGórapoprawej, nażadkowykorzystywanefunkcje
- #31: Niektóreapki (twitterific) mają w opcjachmożliwośćprzełączaniadlaleworęcznych (wówczasnp. Przyciskusuń, przesuwasięnadrugąstronę)
- #32: poka
- #35: Imbliżejsiebiesądanetargety, tymwiększepowinnybyć
- #36: Ekrandotykowy +Żyroskop – 3 osieAkcelerometrCzujnikzbliżaniaiczujnikświatłaObraz z kamery (AR)Głosem (SIRI)GPS
- #45: PORTRET (pion) – naogółpodstawowywidokLANDSCAPE (poziom) – główniegrywideo, ale czasemobracającDodatkowefunkcjonalnościFull screenPo to żebyułatwićpisanie I czytanieTo teżotwierawyzwania– kindle pokazujedokladnie ten samtekstnastronie, zaczynasie I konczytymsamymwyrazem
- #46: 40%mobilnychsearchynagoogludotyczyaktualejlokalizacji
- #47: Lokalizacja + Godzina + Znajomi w okolicy – to wszystko ma bezpośredniwpływnafunkcjonalnośćAPKA BANKOWA – bankomaty w pobliżuważniejszeniżrelacjeinwestorskie
- #49: Dobrzezaprojektowanyprzedmiotniewymagainstrukcji