Skip to content

Motion or Reveal Cue

Temporal attention cue — instantiates Focal Emphasis Design

Draws attention through time — a small movement, a staged reveal, or progressive disclosure — so focal points arrive in sequence rather than competing all at once, without triggering distraction or motion-sensitivity problems.

A Motion or Reveal Cue emphasizes in the time dimension. Instead of making one element louder in a static field, it uses movement, animation, staged reveal, or progressive disclosure to bring the focal element in — or to release several focal points one after another so attention is guided over time. Its distinctive move is temporality: it is the only mechanism here whose cue is when, not just what or where. That power comes with a specific liability — motion is the strongest attention-grabber the visual system has, so it distracts easily and can harm viewers with vestibular or attention sensitivities, which makes a restraint-and-accessibility discipline part of the mechanism itself.

Example

A conference talk needs to explain a system architecture that would overwhelm the audience if the whole diagram appeared at once. Instead the slide reveals it in layers on each click: first the data plane, then the control plane, and finally the failure path highlighted last. Each reveal is the current focal point, and the earlier layers dim to become context rather than vanish. For attendees who have set prefers-reduced-motion, the animation is swapped for an instant appearance so no one is made queasy or distracted. The audience follows the structure in the order the speaker intends, one focal point at a time.

How it works

The cue sequences focal points over time so items that would compete in a static frame are separated temporally, each getting its own moment. It reveals supporting detail on demand — progressive disclosure — so depth is available without crowding the first view. And because movement is so grabby and can be harmful, it is bounded by an accessibility discipline: a reduced-motion path, no autoplay loops, short and purposeful animation only.

Tuning parameters

  • Trigger — automatic/timed vs. user-driven (click or scroll). User-driven respects the viewer's pace; timed keeps momentum but can outrun a slow reader.
  • Motion amount — a subtle fade or slide vs. a large animation. More movement grabs harder and distracts more.
  • Sequence granularity — how many reveal steps. More steps guide finely but slow the whole delivery.
  • Persistence — does earlier material stay (as dimmed context) or disappear. Staying preserves context; disappearing sharpens focus.
  • Accessibility fallback — the reduced-motion or static alternative. The non-negotiable dial that keeps the cue safe.

When it helps, and when it misleads

Motion helps when several things matter and showing them at once would be chaos — sequencing resolves the competition — and when a first-time viewer needs guiding through structure. It fails when the motion is decorative, grabbing attention with no focal payoff; when it autoplays or loops until it becomes ignorable noise or actively harmful; and its classic misuse is animation-for-delight that repeatedly steals attention from the actual content. The discipline is to use motion only where the movement itself carries meaning, and always with a reduced-motion path.[1]

How it implements the components

Motion or Reveal Cue fills the temporal-sequencing subset — the components a time-based cue can genuinely operate:

  • multi_focal_sequence_plan — it stages several focal points across time so they arrive in order rather than competing at once.
  • secondary_path_recovery — progressive disclosure reveals supporting detail on demand, after the primary point has landed.
  • accessibility_and_safety_guardrail — the reduced-motion path and restraint keep the movement from distracting or harming sensitive viewers.

It does not create the static, always-on perceptual cue — that is Contrast Emphasis's salience_mechanism — nor rank a fixed field in space, which is Visual Hierarchy's work; its ordering is temporal, not spatial.

  • Instantiates: Focal Emphasis Design — Motion or Reveal Cue is the archetype's time-based mechanism: it orders emphasis across moments rather than across a static field.
  • Sibling mechanisms: Visual Hierarchy · Spotlighting · Annotation Overlay · Callout · Contrast Emphasis · Dashboard Highlight · Focal-Point Composition · Isolation Framing · Priority Marker · Typographic Emphasis · Warning Design

Notes

Motion and visual hierarchy solve the same problem — several things matter — but hierarchy resolves it in space (levels seen at once) and motion in time (one after another). Choose motion when simultaneous presence would overwhelm and the viewer can afford to wait for each point in turn.

References

[1] prefers-reduced-motion is a real user setting (a CSS media feature, backed by WCAG animation guidance) by which people signal that motion should be minimized. Honouring it is the accessibility floor for this mechanism: animation that ignores it can cause genuine harm to viewers with vestibular disorders. ↩