Blink & Marquee: Let's get it right this time.

Design isn't static anymore. We must think about adding motion to our designs to help users. This means that our design processes need to adapt to account for adding this motion to our final deliverables.

Transcript

1. Blink & Marquee Matthew Crist Let’s get it right this time.
2. Matthew Crist @matthewcrist
4. Animation
5. :blink:
7. :yellow fade:
9. Deep engagement social innovation worldwide humanitarian Ford Foundation. Resolve fighting poverty, transform the world international frontline forward-thinking significant carbon emissions reductions. Citizens More
10. Deep engagement social innovation worldwide humanitarian Ford Foundation. Resolve fighting poverty, transform the world international frontline forward-thinking significant carbon emissions reductions. Citizens of change, global health provide, Bloomberg social good social impact advancement informal economies social entrepreneurship. Accelerate fellows treatment vaccines Rosa Parks livelihoods truth. Microloans convener, social equity carbon rights; aid relief promising development focus on impact. The Elders, pathway to a better life empowerment minority refugee community health workers Action Against Hunger. Safeguards sustainable combat malaria thinkers who make change happen sustainability. Measures accelerate progress save the world gender rights working families effectiveness. Visionary overcome injustice fluctuation life-expectancy. Less
11. Deep engagement social innovation worldwide humanitarian Ford Foundation. Resolve fighting poverty, transform the world international frontline forward-thinking significant carbon emissions reductions. Citizens More
12. Deep engagement social innovation worldwide humanitarian Ford Foundation. Resolve fighting poverty, transform the world international frontline forward-thinking significant carbon emissions reductions. Citizens of change, global health provide, Bloomberg social good social impact advancement informal economies social entrepreneurship. Accelerate fellows treatment vaccines Rosa Parks livelihoods truth. Microloans convener, social equity carbon rights; aid relief promising development focus on impact. The Elders, pathway to a better life empowerment minority refugee community health workers Action Against Hunger. Safeguards sustainable combat malaria thinkers who make change happen sustainability. Measures accelerate progress save the world gender rights working families effectiveness. Visionary overcome injustice fluctuation life-expectancy. Less
13. Deep engagement social innovation worldwide humanitarian Ford Foundation. Resolve fighting poverty, transform the world international frontline forward-thinking significant carbon emissions reductions. Citizens of change, global health provide, Bloomberg social good social impact advancement informal economies social entrepreneurship. Accelerate fellows treatment vaccines Rosa Parks livelihoods truth. Microloans convener, social equity carbon rights; aid relief promising development focus on impact. The Elders, pathway to a better life empowerment minority refugee community health workers Action Against Hunger. Safeguards sustainable combat malaria thinkers who make change happen sustainability. Measures accelerate progress save the world gender rights working families effectiveness. Visionary overcome injustice fluctuation life-expectancy. Less
14. Deep engagement social innovation worldwide humanitarian Ford Foundation. Resolve fighting poverty, transform the world international frontline forward-thinking significant carbon emissions reductions. Citizens of change, global health provide, Bloomberg social good social impact advancement informal economies social entrepreneurship. Accelerate fellows treatment vaccines Rosa Parks livelihoods truth. Microloans convener, social equity carbon rights; aid relief promising development focus on impact. The Elders, pathway to a better life empowerment minority refugee community health workers Action Against Hunger. Safeguards sustainable combat malaria thinkers who make change happen sustainability. Measures accelerate progress save the world gender rights working families effectiveness. Visionary overcome injustice fluctuation life-expectancy. Less
16. And then…
18. Material Design
19. That is the logo for CSS3
21. CSS ❤️ Javascript
23. Modern design systems must begin to think about and include animation.
24. Animation is a utility.
25. Animation shows relationships.
26. Animation can explain.
27. Animation hides bottlenecks.
28. Less of this.
29. More of this.
30. Prototype early. Prototype often. ↺
31. Some things to keep in mind…
32. Animations should be quick
33. Animations should be non-blocking
34. But wait…There’s more…
35. “As the overlap between interface design and animation grows wider, designers would do well to take note of the many decades of insight and knowledge that animators have accrued. - Khoi Vinh
36. 9 Old Men
37. 9 Old Men Frank Thomas Ollie Johnston
39. Illusion of Life as demonstrated by Vincenzo Lodigiani http://www.centolodigiani.com/117722/3078861/work/the-illusion-of-life http://the12principles.tumblr.com/
40. With great animations comes great responsibility.
41. fin.