Download - #MTC2017: Aplikacje "kupujemy" wzrokiem. Dlaczego motion design ratuje UX? - Maciej Szwed
Maciej SzwedHEAD OF DESIGN
Dlaczego motion design ratuje UX?
Czym jest motion design?
parallax
video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl
problemy UX
• co jest najważniejsze i na co zwrócić uwagę? • co mam robić dalej? • skąd mam wiedzieć że ukończyłem zadanie? • nie rozumiem co te informacje przedstawiają
Patterny / przykłady użycia
video credit: https://material.google.com/motion
potwierdzenie akcji
video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl
potwierdzenie akcji
video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl
potwierdzenie akcji
hierarchia informacji
video credit: https://material.google.com/motion
video credit: https://dribbble.com/ColinGarven, https://dribbble.com/chanpory
pokazanie statusu kontrola
dummy content
video credit: Dribbble, Andrew McKay for Atlassian
pull to refresh
video credit: FB Paper App
wyznaczenie kierunku orientacja
video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/
ograniczona powierzchnia
video credit: https://dribbble.com/shots/1640866-Alarm-Material-UI
zoom
video credit: https://material.google.com/motion
przejście między ekranami
`
`
visual continuity
video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/
video credit: FB Paper App
wskazówka
video credit: https://dribbble.com/shots/1861517-Messages-Animation
wskazówka
video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/
symulacja opowiadanie historii
video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/
ukrywanie opóźnień
video credit: https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu, https://uimovement.com/
wzmocnienie brandu
video credit: https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu, https://uimovement.com/
zadbanie o szczegóły
video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/
podsumowanie
Maciej SzwedHEAD OF DESIGN
