Docstoc

Animation for instruction

Document Sample
Animation for instruction Powered By Docstoc
					  Animation
for instruction
  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
          Showing processes




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




• http://www.interactivenarratives.org/_pages/display_site?sit
  e_id=1348&option=more_detail
        Showing relationships




• http://www.lukew.com/work/planetary_geol
  ogy/slope.html
       Exploring objects & spaces




• http://dsc.discovery.com/convergence/titanic/technology/t
  echnology.html
How things work - designed things




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




• http://www.newsobserver.com/content/news/health_scien
  ce/20050524genetics/index.html
How things work – experiential things




• http://www.usatoday.com/sports/graphics/baseball/batting
  prac/control.htm
          Explaining concepts




• http://www.learnthenet.com/english/animate/enc
  rypt.html
       Visualizing the “invisible”




• http://www.dnaftb.org/dnaftb/31/concept/index.html
    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!
                Junk animation




• http://www.dnaftb.org/dnaftb/2/concept/index.html
        Low control animation




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




•   http://your-doctor.com/healthinfocenter/medical-
    conditions/cardiovascular/heartpump-tutorial.html
Motivational animation
            Faux-animation




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




• http://www.cnn.com/SPECIALS/2001/trade.center/damage
  .map.html
             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.
                    Tversky, 2003
           (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.”
                  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.
                    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?