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

621 views

Published on

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

Published in: Travel
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
621
On SlideShare
0
From Embeds
0
Number of Embeds
148
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 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
  • 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

    ×