Web Design 

 Lynx Users:Press Return (Enter) to skip the Menu below and jump down to start of page info

Design Theory

Site Design

Page Design

MultiMedia

Animation

Teacher Resources

Table of Contents

Home Page


Copyright © 1999 by Bonnie Skaalid

Animation

 

Research about animations or motion in instructional materials states:

  • "animation (motion) can lead to positive learning effects if it is a critical attribute of the concept(s) being presented
  • animation (motion) can increase learning of a complex procedural task
  • motion or action used primarily to enhance the realism of the presentation does not appear to have a significant effect on learning" [1, p. 766]

According to Nielsen [2], appropriate uses for animation include:

  • showing continuity in transitions - "When something has two or more states, then changes between states will be much easier for users to understand if the transitions are animated instead of being instantaneous - ie proving the Pythagorean theorem by animating the movement of various squares and triangles as they move around to demonstrate that two areas are the same size"
  • indicating dimensionality in transitions - animated arrows pointing left and right can indicate movement forward and back, zooming boxes can indicate one screen was enlarged from another
  • illustrating change over time - showing population change by fading from one density map to the next over time
  • multiplexing the display - showing more than one piece of information in the same location - ie, buttons which change color when the mouse rolls over them, help labels which appear when the cursor is on top, menus which pull down when you hold the mouse down
  • enriching graphical representations - animated icons can give a better understanding of the function of the icon - ie. an eraser icon which erases pixels to explain its function

Moving images focus attention. A study by Reeves and Nass [3] using an EEG to measure brain waves showed that attention increased every time motion appeared on the screen. Needless to say, it is hard to concentrate on reading a message if your brain is attending to the spinning logo or the cycling advertisement at the top of the screen. Rieber states that "designers...must resist incorporating special effects, like animation when no rationale exists" (Rieber, 1990, p. 84, as quoted in [1]).


[1] Anglin, G., Towers, R., & Levie, H. (1996). Visual message design and learning: The role of static and dynamic illustrations. In D.H. Jonassen (Ed.), Handbook of Research for Educational Communications and Technology . New York: Simon and Schuster Macmillan.

[2] Nielsen, J. (Dec. 1995). Guidelines for multimedia on the web. [Online]. Available: http://www.useit.com/alertbox/9512.html

[3] Reeves, B. & Nass, C. (1996). The media equation: How people treat computers, television, and new media like real people and places. New York, NY: Cambridge University Press.

Media:[Multimedia Research] [Using Graphics and Pictures] [Animation] [Video] [Audio] [Response Times]

Main Level: [Home Page] [Design Theory][Site Design] [Page Design] [MultiMedia] [Teacher Resources] [Table of Contents]