1. Animation for instruction

2. Good reasons to use animation Showing processes Showing dynamic relationships in space or time Exploring objects or spaces Demonstrating how things work Explaining concepts Visualizing the invisible

3. Showing processes http://www.lukew.com/portfolio/multimedia /transistors.htmlhttp://www.lukew.com/portfolio/multimedia /transistors.html

4. Showing processes http://www.interactivenarratives.org/_pages/display_site?sit e_id=1348&option=more_detailhttp://www.interactivenarratives.org/_pages/display_site?sit e_id=1348&option=more_detail

5. Showing relationships http://www.lukew.com/work/planetary_geol ogy/slope.htmlhttp://www.lukew.com/work/planetary_geol ogy/slope.html

6. Exploring objects & spaces http://dsc.discovery.com/convergence/titanic/technology/t echnology.htmlhttp://dsc.discovery.com/convergence/titanic/technology/t echnology.html

7. How things work - designed things http://www.consumer.es/web/es/motor/educacion_y_segu ridad_vial/2005/12/20/147943.phphttp://www.consumer.es/web/es/motor/educacion_y_segu ridad_vial/2005/12/20/147943.php

8. How things work - natural things http://www.newsobserver.com/content/news/health_scien ce/20050524genetics/index.htmlhttp://www.newsobserver.com/content/news/health_scien ce/20050524genetics/index.html

9. How things work – experiential things http://www.usatoday.com/sports/graphics/baseball/batting prac/control.htmhttp://www.usatoday.com/sports/graphics/baseball/batting prac/control.htm

10. Explaining concepts http://www.learnthenet.com/english/animate/enc rypt.htmlhttp://www.learnthenet.com/english/animate/enc rypt.html

11. Visualizing the “invisible” http://www.dnaftb.org/dnaftb/31/concept/index.html

12. Poor reasons to use animation Junk animation – “Everything else is animated, so how do I add animation to this section?” Low control animation – “Here’s a complex series of steps, so sit back and watch me perform them at my pace, not yours.” Motivational animation – “I couldn’t bother to make this interesting, so how about some animation to cheer you up?” Faux-animation – there may not be anything wrong with this; just don’t call it animation!

13. Junk animation http://www.dnaftb.org/dnaftb/2/concept/index.html

14. Low control animation http://www.lib.ncsu.edu/tutorials/eric/

15. Low control animation http://your-doctor.com/healthinfocenter/medical- conditions/cardiovascular/heartpump-tutorial.htmlhttp://your-doctor.com/healthinfocenter/medical- conditions/cardiovascular/heartpump-tutorial.html

16. Motivational animation

17. Faux-animation http://www.funnelinc.com/funl_workpower.html

18. Faux-animation http://www.cnn.com/SPECIALS/2001/trade.center/damage.map.htmlhttp://www.cnn.com/SPECIALS/2001/trade.center/damage.map.html

19. Faux-animation The real name for faux-animation is “interactive graphics.” These are viable forms of representation for all kinds of information and the business of producing them is growing fast. They are not what you’re being asked for in project 3.

20. Tversky, 2003 (http://www.bogieland.com/infodesign/xtra/post_tversky.htm) (http://www.bogieland.com/infodesign/xtra/post_tversky.htm) “Animations use change in time to convey change in time. Animations are hard to perceive. People like them, but most of the animations are not productive. Graphics can convey information better than language. Animation in itself cannot. Interactive animations can add value. Why do animations fail? Animations are conceived as a series of discrete steps. Studies show very few animations are better than static graphs. Interactive animations are better than linear animations. High quality animations are better than graphics. BUT... most animations are low quality.”

21. Activity Consider the topic you are panning for project 3. Brainstorm – which part of presenting this topic might be served functionally through the use of animation? Draft a storyboard of that animation.

22. Activity Questions to ask yourself while you work on the storyboard: –What object, images or diagrams should be shown? –What view of those objects, images or diagrams should be shown? –Which motions are most critical for this animation? –Where should the control points be for the user of the animation?