Guidelines
Suggest edit

Add a visible progress tracker for multi-step narratives

For ordered narrative walkthroughs, use a progress tracker on multi-frame presentations to improve readability and mitigate loss of place for readers moving through sequential sections.

  • purpose:refine
  • basis:empirical
  • structure:multi-view
  • quality:readability:use
  • lever:layout-structure
  • communication:workflow

advice

Progress and location cues

Add a visible progress tracker that shows both the current step and the full length of the narrative. For example, place a progress bar above a slideshow, use a timebar that updates with the chart, or mirror the sections in a checklist overview that readers can also use for navigation.

reason

Why progress cues work

Narrative graphics ask readers to manage both content and sequence. A visible tracker tells readers where they are, how much remains, and where they can jump next without breaking orientation.

Mechanism: Progress cues externalize narrative structure, so readers do not have to infer sequence and location from changing content alone.

Evidence: The analyzed slide-based narratives used progress bars, timebars, and checklist overviews to communicate structure, preserve orientation, and support navigation, and the paper identifies these as recurring visual-structuring tactics (Segel & Heer, 2010).

context

Use when the story has an ordered sequence

  • User Goal: Move through a multi-step explanation while knowing current position and remaining steps.
  • Task: Follow a sequence of authored sections or slides.
  • Chart Setting: Multi-frame presentations with next/back controls or section tabs.
  • Audience: Readers who need help tracking narrative order.
  • Success Criterion: Readers can tell where they are and how far the story goes at any step.

exceptions

Do not add sequence trackers to unordered views

Break it when: The graphic is a single-frame view or an intentionally random-access exploratory display with no prescribed order. Why: There is no narrative path to track.

costs

Costs of progress cues

Sacrifice: Progress trackers consume visible space.
Risk: A tracker that does not match the actual sequence misleads readers about where they are.
Mitigation: Keep the tracker synchronized with the real section order and, when possible, make it navigable.

mistakes

Common failure with progress cues

Mistake: Hiding sequence in next/back controls alone without showing total length or current position. Why it fails: Readers cannot tell where they are in the story or how the current step relates to the whole.

check

How to check progress cues

Failure Sign: Readers can advance, but cannot tell current section or remaining length from the interface.
Quick Check: At any frame, verify that the current step and total number of steps are visible.
Stronger Test: Step through the sequence and confirm that the progress indicator updates in sync with each frame.

fix

How to fix missing progress cues

  • Add a progress bar or timebar that marks current position and total span.
  • Mirror the section structure in a checklist or overview screen when the narrative has named segments.
  • Make the tracker itself a navigation device when the interface supports jumping between sections.

References

Segel, E., & Heer, J. (2010). Narrative Visualization: Telling Stories with Data. IEEE Transactions on Visualization and Computer Graphics, 16(6), 1139–1148. https://doi.org/10.1109/TVCG.2010.179