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

Transcript

1. Blink & Marquee Matthew Crist Let’s get it right this

   time.

2. Matthew Crist @matthewcrist

3. None

4. Animation

5. :blink:

6. None

7. :yellow fade:

8. None

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
15. None

16. And then…

17. None

18. Material Design

19. That is the logo for CSS3

20. None

21. CSS ❤️ Javascript

22. None

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

38. None

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.