Prezentacja z konferencji Internet Beta 2014, 11.09.2014, Rzeszów, pt. “Czego oczy nie widzą tego palec nie używa, czyli kilkanaście porad, jak projektować rozwiązania mobilne”, Monika Mikowska.
22. HAMBURGER DRAWER
!
• ikona menu jest umieszczona
na stałe w górnej belce
• po tapnięciu w ikonę
hamburgera, strona główna
odsuwa się i wysuwa się menu
z boku
• tapnięcie na dowolną część
wystającej strony, zamyka
szufladę
• w “szufladzie” dostęp do
sekcji, z których nie korzysta
się często
23. ZEEBOX (obecnie Beamly TV)
Czytaj więcej: http://thenextweb.com/dd/2014/04/08/ux-designers-side-drawer-navigation-costing-half-user-engagement/
24. Preferowany wzorzec dla aplikacji na Androidzie
Czytaj więcej: 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 połowę!!!
31. Wyniki testów A/B w ZEEBOX (15/85)
Czytaj więcej: http://thenextweb.com/dd/2014/04/08/ux-designers-side-drawer-navigation-costing-half-user-engagement/
36. • szybszy dostęp do poszczególnych sekcji - po 1 tapnięciu, nie po 2
• szybsze przełączanie się pomiędzy sekcjami
• notyfikacje widoczne od razu
• użytkownicy są świadomi istnienia wszystkich funkcji aplikacji
Źródło obrazka: TechCrunch.
71. Podsumowanie
1. Sposób nawigacji jest determinowany przez zakres funkcji.
2. Użytkownik liczy czas dotarcia do celu. Ty licz tapnięcia.
3. Aktualizuj wiedzę! Konwencje zmieniają się co 6 miesięcy.
4. Nie ma “złotych 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