Pro Yearly is on sale from $80 to $50! »

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

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.

761be20b5ebd271008bcee1244fc5b52?s=128

Matthew Crist

July 19, 2014
Tweet

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.