Do Animations Teach Better Than Static Diagrams?

A product team wants to explain how a valve actuator sequences through its states, and the first suggestion in the meeting is an animation, because animations are engaging and everyone assumes they teach better. Sometimes they do. The research on animations vs static diagrams is more interesting than the assumption: animations have an average advantage, but it’s modest, it depends heavily on what’s being taught, and a careful static diagram sometimes wins. This article summarizes what the main studies and meta-analyses found and turns it into a practical way to decide.

Key Takeaways

• A 2007 meta-analysis by Höffler and Leutner (26 studies, 76 comparisons) found a medium-sized average advantage for instructional animations over static pictures, d = 0.37.
• A 2016 meta-analysis by Berney and Bétrancourt (61 studies, 140 comparisons, N = 7036) found a smaller overall advantage, g = 0.226, with larger effects when animation was paced by the system, accompanied by narration, or presented without accompanying text.
• The advantage was largest for procedural-motor knowledge (d = 1.06) and for highly realistic, video-based animations (d = 0.76) in Höffler and Leutner’s analysis.
• Learners can miss what matters: in Lowe’s 2003 study, viewers of an animated weather map tended to notice perceptually striking changes rather than the meteorologically important ones.
• Static diagrams can match or beat narrated animations when they’re well annotated and let learners study at their own pace (Mayer, Hegarty, Mayer and Campbell, 2005).

The problem: the format decision is made on instinct

Animation is often chosen because it looks more impressive, or because static diagrams are associated with dull documentation. Neither is a reason to expect better learning. Animation also costs more to produce and is harder to update when the product changes, so choosing it by default can waste budget on a format that doesn’t help.

The opposite instinct, “just use a diagram,” fails too. Some things really are about change over time: a sequence, a waveform evolving, a mechanism moving. A static picture of a dynamic process asks the learner to imagine the motion, and that can be hard.

What the research says

The average advantage is real but modest

Höffler and Leutner’s meta-analysis in Learning and Instruction (2007) pooled 26 primary studies yielding 76 pairwise comparisons of dynamic and static visualizations. They found a medium-sized overall advantage for animations, with a mean weighted effect size of d = 0.37. The advantage was larger when the animation was representational (showing the content to be learned) rather than decorative, when it was highly realistic, such as video (d = 0.76), and especially when the goal was procedural-motor knowledge, learning how to perform a physical procedure (d = 1.06).

Berney and Bétrancourt’s later meta-analysis in Computers & Education (2016) was larger: 61 primary studies, 140 comparisons, and 7,036 participants. It found an overall positive effect of animation over static graphics, with a smaller effect size of g = 0.226. Moderator analyses showed larger effects when the animation was system-paced (g = 0.309), when it was coupled with auditory commentary (g = 0.336), and when the instruction had no accompanying text (g = 0.883).

Taken together: animation helps on average, but the average is small enough that design and context decide whether a particular animation helps.

Why earlier comparisons were often unfair

Tversky, Morrison and Bétrancourt’s review “Animation: can it facilitate?” (International Journal of Human-Computer Studies, 2002) examined studies reporting advantages for animation and found that many weren’t equivalent comparisons: the animated version often carried more information or more interactivity than the static one. They proposed two principles for when animation should help. The Congruence Principle says the structure of the graphic should match the structure of the concept; animation fits concepts that are about change over time. The Apprehension Principle says the graphic must be perceived and understood accurately; animations that are too fast or too complex fail it.

Learners don’t always see what matters

Lowe’s study “Animation and learning: selective processing of information in dynamic graphics” (Learning and Instruction, 2003) looked at how people learned from an animated weather map. Learners tended to extract information based on perceptual salience, the changes that were visually striking, rather than on thematic relevance, the changes that mattered meteorologically. In technical content, the moving part that catches the eye isn’t necessarily the one that explains the system.

Hegarty’s commentary “Dynamic visualizations and learning: getting to the difficult questions” (Learning and Instruction, 2004) pressed the field to move from “are animations better?” to questions about when, for whom and why. That shift is the practical one for anyone making technical content.

Static media can promote active learning

Mayer, Hegarty, Mayer and Campbell’s “When Static Media Promote Active Learning: Annotated Illustrations Versus Narrated Animations in Multimedia Instruction” (Journal of Experimental Psychology: Applied, 2005) compared paper-based annotated illustrations with computer-based narrated animations explaining how systems work, such as lightning formation and how a toilet tank or car brakes work. Across four experiments, the static illustrations produced learning as good as, or in some measures better than, the narrated animations. Their argument: static illustrations let learners control the pace and invite them to mentally animate the system themselves.

When each format tends to win

Situation	Animation tends to help	Static diagram tends to help
Content is about change over time (sequence, motion, waveform evolving)	✓ (congruence)	Possible with multi-panel diagrams
Learning a physical procedure (assembly, calibration steps)	✓ (largest effect in Höffler & Leutner)	Less suited
Structure, layout, relationships that don’t move	Rarely needed	✓
Learner needs to study details at their own pace	Only with good controls	✓
Complex scene with many simultaneous changes	Risky (learners miss the key change)	✓ with panels and signaling
Narration available	✓ (larger effects with commentary)	Text annotations work well
Content will change often	Expensive to update	✓ cheaper to update

What to actually do

Start from the concept, not the format

Ask whether what needs to be understood involves change over time. If it does, animation is a candidate. If it’s a structure or a relationship, a diagram is usually enough.

If you animate, direct attention

Highlight the part that matters at each step, dim the rest, and narrate. Don’t rely on viewers noticing the important change by themselves.

Slow down and segment

Fast, continuous animations fail the Apprehension Principle. Break the sequence into stages and let viewers pause or step through.

Consider multi-panel static diagrams

A sequence of annotated states with transition arrows often explains a process well, lets the learner set the pace, and is cheaper to update.

Make comparisons fair when you test

If you compare formats with your audience, make sure both versions carry the same information. Otherwise you’re testing content, not format.

Combine when it makes sense

A short animation for the motion and a static reference diagram for the structure often works better than either alone.

How to put it to work

If you have an hour

List the concepts in your next piece of training or product content and mark which ones involve change over time. Those are your animation candidates; the rest probably don’t need it.

If you have a sprint

For one animation candidate, storyboard both an animated version and a multi-panel static version. Show both to a few people from the target audience and ask them to explain the process back.

If you want it to last the product’s lifetime

Add a format decision step to your content brief: the concept, whether it involves change over time, the audience’s prior knowledge, and how often the content will change. Our format guide is a starting point.

The question to ask yourself: “Does this concept actually move, and will the viewer see the movement that matters?”

Frequently asked questions

Do animations teach better than static diagrams?

On average, slightly. Meta-analyses found an overall advantage for animation, with effect sizes around d = 0.37 (Höffler and Leutner, 2007) and g = 0.226 (Berney and Bétrancourt, 2016). The effect depends strongly on what’s being taught and how the animation is designed.

When should I use animation for technical content?

When the concept involves change over time, such as a sequence, a motion or a physical procedure, and when you can direct attention to the change that matters, ideally with narration.

Why might a static diagram work better?

Static diagrams let learners study at their own pace and can be annotated precisely. In one set of experiments, annotated illustrations produced learning as good as or better than narrated animations.

Do animations distract learners?

They can. Learners tend to notice visually striking changes rather than the most important ones, so animations need highlighting, segmenting and narration to keep attention on what matters.

Is video better than animation?

In Höffler and Leutner’s meta-analysis, highly realistic, video-based visualizations showed a larger advantage over static pictures. For abstract concepts that can’t be filmed, such as signals or internal states, animation or diagrams remain necessary.

Related reading: multimedia learning principles for technical training, animation, article or interactive demo and how we review technical animations for accuracy.

Sources

1. Höffler, T. N., & Leutner, D. (2007). Instructional animation versus static pictures: A meta-analysis. Learning and Instruction, 17(6), 722–738. https://doi.org/10.1016/j.learninstruc.2007.09.013
2. Berney, S., & Bétrancourt, M. (2016). Does animation enhance learning? A meta-analysis. Computers & Education, 101, 150–167. https://doi.org/10.1016/j.compedu.2016.06.005
3. Tversky, B., Morrison, J. B., & Bétrancourt, M. (2002). Animation: can it facilitate? International Journal of Human-Computer Studies, 57(4), 247–262. https://doi.org/10.1006/ijhc.2002.1017
4. Lowe, R. K. (2003). Animation and learning: selective processing of information in dynamic graphics. Learning and Instruction, 13(2), 157–176. https://doi.org/10.1016/S0959-4752(02)00018-X
5. Hegarty, M. (2004). Dynamic visualizations and learning: getting to the difficult questions. Learning and Instruction, 14(3), 343–351. https://doi.org/10.1016/j.learninstruc.2004.06.007
6. Mayer, R. E., Hegarty, M., Mayer, S., & Campbell, J. (2005). When static media promote active learning: Annotated illustrations versus narrated animations in multimedia instruction. Journal of Experimental Psychology: Applied, 11(4), 256–265. https://doi.org/10.1037/1076-898X.11.4.256