Guidelines
Suggest edit

Use motion on the key changing element

For ordered-time explanatory visuals, use motion on the key changing element in a dynamic display to improve readability and mitigate uncontrolled viewing order for viewers following an unfamiliar process.

  • purpose:refine
  • basis:empirical
  • time:ordered-time
  • temporal-pattern:dynamic
  • quality:readability:use
  • lever:encoding

advice

Direct attention with motion

Animate the most important changing object to set viewing order. For example, use the onset of motion on the key object to pull attention to it, and let that object’s movement carry the viewer through the step before introducing the next important item.

reason

Why motion works here

Motion strongly controls where viewers look in a dynamic sequence. When the moving element is the one that matters most, the display can impose a usable reading order instead of leaving viewers to scan multiple competing items.

Mechanism: The onset of motion pulls attention to the moving object, and viewers then tend to track its path. That tracking creates an ordered viewing sequence during the animated step.

Evidence: Eye tracking showed that viewers rapidly shifted to a moving object when it appeared and then tracked its path; the authors turned this result into a guideline to use object motion to control attention and viewing order in multimedia presentations (Faraday & Sutcliffe, 1997).

Notes: The same study found that attention often lands on the moving object’s path and end location.

context

Use when the sequence needs a forced reading order

  • User Goal: Follow a step-by-step explanation of a changing process.
  • Data: A visual sequence contains changing states or actions.
  • Chart Setting: A dynamic display shows multiple visible objects, labels, or symbols in the same scene.
  • Audience: Viewers are learning content they may not already know.
  • Success Criterion: Viewers look at the intended item first and can recall the key action.

exceptions

Do not rely on motion when it dominates the wrong thing

Break it when: The moving object is not important, or the movement is too rapid to track. Why: The motion still captures attention, so viewers either spend attention on the wrong item or fail to follow the action cleanly.

costs

What motion costs

Sacrifice: You give up attention to other simultaneous elements. Risk: A label or newly revealed object can be missed if it appears during the animated step. Mitigation: Delay competing reveals until the motion finishes or slows.

mistakes

Common motion misuse

Mistake: Animating a secondary object while another important item must be read or identified. Why it fails: Viewers follow the movement and neglect the competing information.

check

How to test the motion step

Failure Sign: Viewers can describe the moving object but miss another important item that appeared during the same interval. Quick Check: Replay the segment once and note whether your eye is pulled along one moving path while another important item remains unread. Stronger Test: Show the segment once and ask viewers to recall both the moving action and the competing item.

fix

What to change

  • Restrict motion to the key object or action in that segment.
  • Slow the movement if viewers cannot track it.
  • Delay other reveals until the animated step ends.
  • Remove animation from secondary elements that do not carry the message.

References

Faraday, P., & Sutcliffe, A. (1997). Designing effective multimedia presentations. Proceedings of the ACM SIGCHI Conference on Human Factors in Computing Systems, 272–278. https://doi.org/10.1145/258549.258753