Module 9: Interactive Animation
What is animation?
We ordinarily associate “animation” with TV or movie cartoons. The word actually means to breathe the life into something. Cartoon animation involves the illusion of a moving image created by the consecutive display of series of static images. While there are different types of animation (for example, cell animation, claymation, and stop-motion), our focus in this module is computer (digital) animation. Computer animation works pretty much like cartoons or the other types of animations, by "flashing" a series of still images rapidly to create the illusion of motion. You'll find computer animation in computer games, educational programs, movies, and elsewhere.
What is interactivity?
This is a little more difficult, as people define interactivity in many different ways.
This tutorial focuses on human-computer interactions. We can think of “interactivity” as a dialog between user and computer. The user manipulates an input device such as a mouse or keyboard, which activates a computer application. The computer application responds to that action in the form of visual and/or aural output. In interactive learning environments, learners actively participate in learning tasks and receive immediate response or feedback. Appropriately designed, this can lead to greater interest, motivation, and accomplishment of learning outcomes (Sims, 1999).
What are the differences between regular and interactive animation?
Computer animation may be categorized as regular (continuous) animations and interactive animations. The differences between regular animation and interactive animations are:
|Regular Animation||Interactive Animation|
|Does not allow users to pause, stop, or rewind.||User can start, pause, stop, or rewind.|
|Does not allow users to participate. Users watch the same scenario continuously.||Users actively engage in the animation. They can select, move, or drag an object by using keyboard or mouse.|
|Does not provide feedback.||Provides immediate feedback.|
Examples of regular animation:
Examples of interactive animation:
Why use interactivity?
In regular animation, users view but don't control the animation. Adding interactivity to this type of animation may help engage learners and enhance learning (http://www.sve.man.ac.uk/mvc/Research/Previous/icam/whatis/).
Jones and Scaife (2002) compare static and animated diagrams to demonstrate dynamic processes and their influence on cognitive interactions. They concluded that animated diagrams are more effective than static ones because learners show greater confidence and attention while working with animations. Nevertheless, learners did not respond clearly and completely to specific questions about the animations. The learners reported that animations were too fast, too complex, and lack user control. The researchers suggest that when animation presents complex information, let learners control the pace, repetition, and feedback.
Students often have difficulty understanding complex scenarios presented with video or still diagrams. Video can sometimes be more expensive to shoot or require large amounts of storage. In some cases, interactive animation can be used to present complex ideas more economically and with greater effectiveness. For instance, learners with little experience of hip surgery may have difficulty understanding it by reading a book or watching a video. However, interactive animation may help them grasp the basics: http://www.edheads.org/activities/hip/.
What are the advantages of interactive animations in education?
- Interactive animations allow students to learn intricate topics and help them enjoy the content.
- Interactive animations that have audio, graphics, feedback, and questions increase learner's interest in the topic and strengthen their skills.
- Interactive material makes it possible for users to see and manipulate things that cannot easily be shown and handled in other media (atoms, for example).
- Some scenarios are too hazardous to be practiced in the classroom, but may be practiced safely with interactive animation.
- Interactive animation may help provide learners approximate feelings of a real life experience.
- Interactive animation may help learners visualize a novel or abstract idea or situation.
- Learners improve practical skills by both watching and doing.
- It captures attention and motivates learners.
- Interactive animation may reduce cognitive load so learners can process instructional tasks more deeply using elaboration, organization, and other learning strategies.
Why is the cognitive process important in interactivity?
Probably the most important thing to remember about interactivity is that it is cognitive interaction that results in improved learning. To the extent that physical interaction (clicking, dragging, and the like) fosters cognitive activity (remembering, selecting, organizing, and integrating), it may enhance learning.
Think of interactivity as the interaction between inside (cognitive structures) and outside (physical, interface) representations.
Here is an example of an interactive animation designed to stimulate cognitive interactivity: http://edweb.sdsu.edu/canal/lockthru00.htm. (This is part of an experiment with 8 different treatments (versions) involving varying degrees of interactivity and feedback. The version you see here is the "full" version with all the interactivity and feedback.)
- The purpose of the animation is to teach learners how canal locks work.
- The users answer several questions at the beginning of the animation. This helps them enliven prior knowledge.
- During the animation, learners have control. They can interact with the animation in a variety of ways, including controlling the pace. This reduces the cognitive load for the learners, so they can organize the information well.
- The animation explains the activity as a step-by-step procedure and guides students to perform the steps using their mouse. This helps the students gain confidence and facilitates recall.
- After the animation, learners also answer questions. In this case they have the opportunity to connect new information to existing knowledge. Also these questions assist the learners to interpret the information they learned.
- The animation provides both visual and aural feedback.
- In terms of physical interactivity, it can be classified as drag and drop or release, mouse click.
Here are two more examples:
- http://www.mbayaq.org/lc/kids_place/tidepool/tidepool.asp. The instructional activity in this case is to find out which animals presented in the animation live in a tide pool. The behavioral process is to drag an animal object and drop it into the tide pool.
- http://www.classzone.com/books/earth_science/terc/content/investigations/es0602/es0602page02.cfm?chapter_no=investigation. The instructional event is to demonstrate the rock formation process. The behavioral process is a mouse click on an object and option.