Definition of Animation in Multimedia
Boag, 2002 – "Animation can be a very powerful tool capable of communicating complex ideas. It is often much easier to show somebody how something works then to try and explain it."
- Use animations to show changes over time or three-dimensional structure (Nielsen 1995, Najjar 1998)
- Animations should transition slowly instead of rapidly changing (Nielsen 1995).
- Add stop and replay controls to allow users to pause animations or replay them as needed.
- A single quick animation can attract attention (Rieber 1990), but continuous animation can be distracting (Nielsen 1995).
- Interactive animations (where students control settings) allow for increased practice (Rieber 1990)
- Some research studies reported a significant effect on student achievement of instruction that is supplemented with animation strategies.
- Search Learning Object Repositories like the Penn State Multimedia Teaching Object archive for freeware educational animations.
- Accessibility accomodations include
- Text description action in animation as needed
- Avoid continuous looping animations (looping distracts some students)
- Avoid rapid movement (too rapid can trigger seizures)
Motion Based Usage
Najjar, 1998 – "To communicate motion-based information that changes continuously over time, when it is important to show how the information changes over time, animation or video appear to be [the] best [choice].
Three-Dimensional Use/Slow Pace
Nielsen, 1995 – "Since the computer screen is two-dimensional, users can never get a full understanding of a three-dimensional structure by a single illustration, no matter how well designed. Animation can be used to emphasize the three-dimensional nature of objects and make it easier for users to visualize their spatial structure. The animation need not necessarily spin the object in a full circle: just slowly turning it back and forth a little will often be sufficient"
Nielsen, 1995 – "Animated text should be drawn by a one-time animation (e.g., text sliding in from the right, growing from the first character, or smoothly becoming larger) and never by a continuous animation since moving text is much harder to read than static text. The user should be drawn to the new text by the initial animation and then left in peace to read the text without further distraction."
Definition of animation
animation – a sequence of frames (or images) that, when played in order at sufficient speed, presents a smoothly moving image like a film or video. An animation can be digitized video, computer-generated graphics, or a combination. (Scala 1993-2006).
When you include animation in instruction, consider
Design for Audience Considerations
Rieber (1990) presented three design recommendations for the use of animated visuals in instructional materials:
- Animation should be used only when its attributes are needed in the instruction.
- It may be difficult for novice learners to attend to the cues and details provided by animation.
- Animations contribute to computer-based instruction by providing animation strategies that facilitate interaction between students and the instruction.
Different Animation Types
Here are some other factors to consider when choosing an animation. Decide whether you need:
- Viewing Three Dimensional Objects – These animations move around and among objects to provide a sense of perspective. These animations can also focus on relative size, speed of an object, or how it moves in relation to other objects.
- Motion over Time – These animations stress changes over time. Examples include time lapse to illustrate a flower opening or the operation of a machine in real time.
- Drawing Attention – Simple "pulses", "fades" or "slides" can draw users' attentions to key portion of a content or to a change in information.
- Interactive Animations – These animations add buttons or fields which allow users to change settings. Interactive animations are a good way to help students understand the effect of different settings or parameters on a process.
Simple Controls – Simple controls such as Pause, Stop and Replay are recommended for most animations so that users can focus on different aspects in different viewings.
In recent years, many academic institutions and consortia have been placing educational animations for other educators to use.
The Penn State Multimedia Teaching Object archive includes animations and links to learning object repositories.
Unfortunately, creating quality animations remains time consuming. If you need to create your animation, the following tips are suggested.
- It's often most efficient to hire or contract an animation specialist – Most animation programs such as Flash, Java, and others take significant time to learn.
- Remember to storyboard your animation carefully so that you or others can program it more quickly. Keep in mind that complex animations may be better for learners already familiar with the basics in a given topic.
- Test out prototype animations with your target population of learners.
- Test in your campus lab
- Test in multiple browsers (e.g. Firefox, Safari, Internet Explorer)
- Test in multipe platforms (e.g. Windows, Macintosh)
- Recruit student testers from home machines (e.g. for extra credit)
- Use version control to ensure that the most recent version of the animation is tested then implemented.
- Animations needed to present content should also include a non-animated, text- based alternative accessible to screen readers. Text with still images could also be beneficial for users who have cognitive difficulties processing animations.
Note: Animations use for drawing attention or "decoration" do not need a text description.
- Avoid automatic or looped animations, blinking and scrolling. These are distracting and, if incorrectly implemented, could trigger an epileptic seizure or headaches for some users.
- Animations with sound should have synchronized captions or a text transcript.
A popular program for creating different animations is Flash. The benefits of Flash are
- Flash files are usually compatible with Windows and Macintosh
- Flash is flexible enough to add simple player controls (e.g. Pause, Replay) and more complex interactivity.
- Flash files are smaller than comparative video files.
- Flash can be used for illustration so both still illustrations and animations can be in the same style.
- Huge learning curves (greater than for scanning photos, recording podcasts or creating Web pages)
- Accessibility difficult to build in. Text transcriptions are recommended for accessibility purposes.
This is a special type of GIF file which combines multiple images in one file. This is very much the same as cel-based animation, where each frame in the animation is slightly different from the one preceding it. When the GIF document is viewed, the multiple images display, quickly and in succession, and produce a streaming animation.