Przygotowana prelekcja pozwoli uczestnikom Mobile Trends Conference przejść od podstawowych zasad i schematów projektowania ruchu w aplikacjach mobilnych do wyjątkowych rozwiązań, które często decydują o globalnym sukcesie. Prelekcja wygłoszona podczas Mobile Trends Conference, 8-10 marca 2017 r. w Krakowie. www.MobileTrends.pl

1. Maciej Szwed
HEAD OF DESIGN
Dlaczego motion design ratuje UX?

2. Czym jest motion design?

4. parallax
video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl

5. 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ą

6. Patterny / przykłady użycia

7. video credit: https://material.google.com/motion
potwierdzenie akcji

8. video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl
potwierdzenie akcji

9. video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl
potwierdzenie akcji

10. hierarchia informacji
video credit: https://material.google.com/motion

11. video credit: https://dribbble.com/ColinGarven, https://dribbble.com/chanpory
pokazanie statusu
kontrola

12. dummy content

13. video credit: Dribbble, Andrew McKay for Atlassian
pull to refresh

14. video credit: FB Paper App
wyznaczenie kierunku
orientacja

15. video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/
ograniczona powierzchnia

16. video credit: https://dribbble.com/shots/1640866-Alarm-Material-UI
zoom

17. video credit: https://material.google.com/motion
przejście między ekranami

18. video credit: https://material.google.com/motion

19. source: https://material.google.com/motion

20. `
`
visual continuity
video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/

21. video credit: FB Paper App
wskazówka

22. video credit: https://dribbble.com/shots/1861517-Messages-Animation
wskazówka

23. video credit: https://material.google.com/motion
zwrócenie uwagi

24. video credit: https://material.google.com/motion
zwrócenie uwagi

25. video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/
symulacja
opowiadanie historii

26. video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/
ukrywanie opóźnień

27. video credit: https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu, https://uimovement.com/
wzmocnienie brandu

28. video credit: https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu, https://uimovement.com/
zadbanie o szczegóły

29. video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/
podsumowanie

30. Maciej Szwed
HEAD OF DESIGN