Maciek Saganowski, Przegląd trendów w mobile travel
•Transferir como PPTX, PDF•
1 gostou•389 visualizações
Prezentacja Maćka Saganowskiego na TravelCampie 24 maja 2012 w Gdańsku
Recomendados
Recomendados
Mais conteúdo relacionado
Semelhante a Maciek Saganowski, Przegląd trendów w mobile travel
Semelhante a Maciek Saganowski, Przegląd trendów w mobile travel (20)
Mais de TravelCamp
Mais de TravelCamp (20)
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ę maciek@mobiler.pl 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
Notas do Editor
- 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
- Najczęściejwyjdzie totwojejaplikacjinadobre
- Najczęściejwyjdzie totwojejaplikacjinadobre
- Przewartościujkomponentyswojejaplikacji
- Na wszystkichetapachNieważneczyrobiszapkedladzieciczydladoroslychOceniajgrafiki, nienaekraniemonitora, ale nasłuchawceJaktestowalismy LE (napapierowychkartonikach, potemnaaplikacji, zrobilismy 4 iteracje I takprostego UI)
- Najważniejszy content nasamągóręOgranicz scrolling tam gdzie to możliwe
- W aucie / w autobusie / naspacerze / czekającnacośMasaprzeszkadzajekdookołaKorzystanie z apki to takitrochęstosunekprzerywanyRóznica jest taka zeprojektujesz WIZYCZNA RZECZ
- 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
- Niektóreapki (twitterific) mają w opcjachmożliwośćprzełączaniadlaleworęcznych (wówczasnp. Przyciskusuń, przesuwasięnadrugąstronę)
- poka
- Imbliżejsiebiesądanetargety, tymwiększepowinnybyć
- Ekrandotykowy +Żyroskop – 3 osieAkcelerometrCzujnikzbliżaniaiczujnikświatłaObraz z kamery (AR)Głosem (SIRI)GPS
- 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
- 40%mobilnychsearchynagoogludotyczyaktualejlokalizacji
- Lokalizacja + Godzina + Znajomi w okolicy – to wszystko ma bezpośredniwpływnafunkcjonalnośćAPKA BANKOWA – bankomaty w pobliżuważniejszeniżrelacjeinwestorskie
- Dobrzezaprojektowanyprzedmiotniewymagainstrukcji