際際滷

際際滷Share a Scribd company logo
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wsp坦lnego ma
Castlevania
MONIKA MIKOWSKA
mobimoni
i projektowanie interfejs坦w?
jest najwa甜niejszy.
UX DESIGN
Abraham Lincoln
( 1809-1865 )
Give me 6 hours to chop down
a tree and I will spend the 鍖rst 4
sharpening the axe.
FUNKCJONALNO
AI
NAWIGACJA
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Konwencje zmieniaj si co 6 miesicy
Facebook
2011
LinkedIn
2011
Yelp
2011
Nasza Klasa
2014 :-)
Siatka ikon (pocztek 2011)
Zmierzch siatki ikon (koniec 2011)
LinkedIn
2011
Facebook
2011
The 5-tab social app with center icon (2011)
Instagram Path Socialcam
Trend w kierunku spaszczania, upraszczania UI (2012)
Instagram
2011
Instagram
2012
Pinterest
2011
Pinterest
2012
Side drawer = Hamburger Drawer = Hamburger Sidebar (koniec 2012)
Facebook
Messenger
YouTube Feedly Allegro
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
szu鍖ad

 w szu鍖adzie dostp do
sekcji, z kt坦rych nie korzysta
si czsto
ZEEBOX (obecnie Beamly TV)
Czytaj wicej: http://thenextweb.com/dd/2014/04/08/ux-designers-side-drawer-navigation-costing-half-user-engagement/
Preferowany wzorzec dla aplikacji na Androidzie
Czytaj wicej: https://developer.android.com/design/patterns/navigation-drawer.html
REZULTATY:
!
 pozytywne komentarze, np.
Love the new design, 5 stars!

!
 spadek zaanga甜owania w
aplikacji o poow!!!
TESTY A/B
A
B
B
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/
OUT OF SIGHT
OUT OF MIND
CO Z OCZU
TO SPOD PALCA
mobimoni
CZEGO OCZY NIE WIDZ
TEGO PALEC NIE U纏YWA
mobimoni
店rodo: http://techcrunch.com/2014/05/24/before-the-hamburger-button-kills-you/
店r坦do obrazka: TechCrunch.
 szybszy dostp do poszczeg坦lnych sekcji - po 1 tapniciu, nie po 2

 szybsze przeczanie si pomidzy sekcjami

 noty鍖kacje widoczne od razu

 u甜ytkownicy s wiadomi istnienia wszystkich funkcji aplikacji
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
粥晦掘
Ile wspolnego ma Castlevania z projektowaniem mobile UI
添r坦do: Luke Wr坦blewski, Mobile First
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
店r坦do: http://exisweb.net/mobile-menu-icons.
Czytaj wicej: http://exisweb.net/mobile-menu-icons.
+7,2% +22,4%
Czytaj wicej: http://exisweb.net/mobile-menu-abtest.
+12,9% +5,7% -22,2%
Czytaj wicej: http://exisweb.net/menu-eats-hamburger.
+20%
Aplikacja mobilna nie jest choink:
wszystkich bombek nie ud添wignie.
mobimoni
Facebook
Messenger
Foursquare
Swarm
The Great Unbundling Of 2014
Czy tutoriale s pomocne?
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Pamitacie, jak wyglda interfejs gry
Castlevania 1?
Ile wspolnego ma Castlevania z projektowaniem mobile UI
Czytaj wicej: https://medium.com/design-ui-and-shenanigans/94c555301d98.
店r坦do obrazka: bit.ly/1kcm3Kf.
Dobrze zaprojektowany interfejs
zachca do odkrywania!
4. Testuj koncepcje. Korzystaj z test坦w A/B.
5. Tu nie ma zotych regu. Ka甜dy przypadek jest indywidualny :)
3. Aktualizuj wiedz! Konwencje zmieniaj si co 6 miesicy.
2. U甜ytkownik liczy czas dotarcia do celu. Ty licz tapnicia.
1. Spos坦b nawigacji jest determinowany przez zakres funkcji.
Podsumowanie
mobeedick
mobile design studio
MONIKA MIKOWSKA
mobimoni
monika@mobeedick.com
+48 604 196 082
monika@mobeedick.com
+48 604 196 082

More Related Content

Ile wspolnego ma Castlevania z projektowaniem mobile UI