Present matching narration and animation at the same time
For explanatory viewing of animated processes, use simultaneous timing for matching narration and animation to improve insight and mitigate representational holding across successive media for viewers integrating words and pictures.
- purpose:refine
- basis:empirical
- quality:insight
- lever:interaction-access
- temporal-pattern:dynamic
advice
Align timing across words and visuals
Present each spoken explanation at the same time as the matching visual event. For example, narrate each step while its corresponding movement is visible instead of showing the full animation before or after the full narration.
reason
Why simultaneous timing works here
Successive blocks force viewers to hold one representation in working memory until the other appears. Simultaneous timing reduces that holding load and supports direct integration of words and pictures.
Mechanism: When corresponding narration and animation are synchronized, viewers do not need to store one medium while waiting for the other, so more capacity remains for selecting, organizing, and integrating.
Evidence: Across eight studies, learners showed better problem-solving transfer from simultaneous presentations than from versions that presented the complete animation before or after the complete narration (Mayer & Moreno, 2003).
context
Use when the current design blocks media successively
- User Goal: Understand how a process or system works from words and pictures.
- Task: Integrate narration with animated change.
- Data: Ordered steps in a causal explanation.
- Chart Setting: The design currently presents the full narration and full animation in separate blocks.
- Audience: Viewers who must connect verbal and visual explanations.
- Success Criterion: Viewers can apply the explanation after viewing.
exceptions
Do not use when the sequence already alternates in very small chunks
Break it when: The presentation already alternates in bite-size segments of narration and matching animation. Why: The paper reports that the full successive-block penalty disappears when only a small amount must be held in memory at a time.
costs
Tradeoffs of synchronizing media
Sacrifice: You give up the simpler all-audio-first or all-visual-first sequencing.
Risk: The benefit is lost if the timing does not match truly corresponding words and visuals.
Mitigation: Pair each spoken segment with its specific animated segment.
mistakes
Common failure mode
Mistake: Grouping all the narration into one block and the full animation into another block. Why it fails: Viewers must hold one representation in working memory while waiting for the other.
check
Check whether timing is synchronized
Failure Sign: Viewers hear or see a complete explanation long before the matching other medium appears.
Quick Check: Step through the sequence. Each narrated segment should overlap its corresponding visual event.
Stronger Test: Compare a simultaneous version and a full successive-block version of the same explanation.
fix
Fix the timing mismatch
- Recut the sequence so each spoken segment overlaps its matching visual segment.
- Replace all-audio-then-all-animation or all-animation-then-all-audio blocks with concurrent pairs.
- If full simultaneity is impossible, alternate very small narration and animation segments.