Transcript Animation for instruction

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?site
_id=1348&option=more_detail
Showing relationships
• http://www.lukew.com/work/planetary_geolo
gy/slope.html
Exploring objects & spaces
• http://dsc.discovery.com/convergence/titanic/technology/te
chnology.html
How things work - designed things
• http://www.consumer.es/web/es/motor/educacion_y_segur
idad_vial/2005/12/20/147943.php
How things work - natural things
• http://www.newsobserver.com/content/news/health_scienc
e/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/encr
ypt.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/medicalconditions/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?