Czego oczy nie widza tego palec nie uzywa
9 likes2,780 views
Prezentacja z konferencji Internet Beta 2014, 11.09.2014, Rzesz坦w, pt. Czego oczy nie widz tego palec nie u甜ywa, czyli kilkanacie porad, jak projektowa rozwizania mobilne, Monika Mikowska.
Czego oczy nie widza tego palec nie uzywa
- 5. UX DESIGN jest 稼温逮敬温甜稼庄艶逮壊噛霞.
- 7. 1 2 3 4
- 8. Will it rain today?
- 13. Typowy projekt UI/UX To naprawd ze podejcie! Klient Specyfikacje Analiza Makiety Projekt graficzny
- 17. Konwencje zmieniaj si co 6 miesicy Facebook 2011 LinkedIn 2011 Yelp 2011 Nasza Klasa 2014 :-) Siatka ikon (pocztek 2011)
- 18. Zmierzch siatki ikon (koniec 2011) LinkedIn 2011 Facebook 2011
- 19. Instagram Path Socialcam The 5-tab social app with center icon (2011)
- 20. Trend w kierunku spaszczania, upraszczania UI (2012) Instagram 2011 Instagram 2012 Pinterest 2011 Pinterest 2012
- 21. Facebook Messenger YouTube Feedly Allegro Side drawer = Hamburger Drawer = Hamburger Sidebar (koniec 2012)
- 22. HAMBURGER DRAWER ! ikona menu jest umieszczona na stae w g坦rnej belce po tapniciu w ikon hamburgera, strona g坦wna odsuwa si i wysuwa si menu z boku tapnicie na dowoln cz wystajcej strony, zamyka szuflad w szufladzie dostp do sekcji, z kt坦rych nie korzysta si czsto
- 23. ZEEBOX (obecnie Beamly TV) Czytaj wicej: http://thenextweb.com/dd/2014/04/08/ux-designers-side-drawer-navigation-costing-half-user-engagement/
- 24. Preferowany wzorzec dla aplikacji na Androidzie Czytaj wicej: https://developer.android.com/design/patterns/navigation-drawer.html
- 25. REZULTATY: ! pozytywne komentarze, np. Love the new design, 5 stars! ! spadek zaanga甜owania w aplikacji o poow!!!
- 26. TESTY A/B
- 27. A
- 28. B
- 29. B
- 30. B
- 31. Wyniki test坦w A/B w ZEEBOX (15/85) Czytaj wicej: http://thenextweb.com/dd/2014/04/08/ux-designers-side-drawer-navigation-costing-half-user-engagement/
- 32. OUT OF SIGHT OUT OF MIND
- 33. CO Z OCZU TO SPOD PALCA mobimoni
- 34. CZEGO OCZY NIE WIDZ TEGO PALEC NIE U纏YWA MONIKA MIKOWSKA mobimoni
- 36. szybszy dostp do poszczeg坦lnych sekcji - po 1 tapniciu, nie po 2 szybsze przeczanie si pomidzy sekcjami notyfikacje widoczne od razu u甜ytkownicy s wiadomi istnienia wszystkich funkcji aplikacji 店r坦do obrazka: TechCrunch.
- 39. 粥晦掘
- 44. Czy s zote 姻艶乙顎霞?
- 46. NIE PROJEKTUJECIE DLA DESIGNERW, TYLKO DLA ZWYKYCH LUDZI
- 49. +7,2% +22,4% Czytaj wicej: http://exisweb.net/mobile-menu-icons.
- 50. +12,9% +5,7% -22,2% Czytaj wicej: http://exisweb.net/mobile-menu-abtest.
- 51. +20% Czytaj wicej: http://exisweb.net/menu-eats-hamburger.
- 52. Tutorials - hot or not?
- 70. Dobrze zaprojektowany interfejs zachca do odkrywania!
- 71. Podsumowanie 1. Spos坦b nawigacji jest determinowany przez zakres funkcji. 2. U甜ytkownik liczy czas dotarcia do celu. Ty licz tapnicia. 3. Aktualizuj wiedz! Konwencje zmieniaj si co 6 miesicy. 4. Nie ma zotych regu. Ka甜dy przypadek jest indywidualny :) 5. Testuj koncepcje. Korzystaj z test坦w A/B. 6. Design mo甜na mierzy. A projektowanie to proces.
- 72. Give me 6 hours to chop down a tree and I will spend the first 4 sharpening the axe. Abraham Lincoln ( 1809-1865 )
- 73. mobee dick mobile UX design studio MONIKA MIKOWSKA mobimoni monika@mobeedick.com +48 604 196 082