Pattern 48

Playback cues are a reader preference

Separate timing granularity, visual style and automatic following.

Research-informed design proposal

Concrete takeaway

Offer background fill, underline or outline, a margin indicator, and no highlighting.

Choose an approach

These are editorial decision conditions to validate. Some alternatives are successive states or can be combined; they are not always exclusive choices.

AlternativeUse whenTradeoff or requirement
A · Background fillA filled segment helps visual trackingIt can conflict with saved highlights
B · Underline or marginA lighter underline, outline or margin cue helpsThe cue must remain legible beyond colour
C · No visual highlightingThe person prefers no temporary stylingKeep playback identity visible elsewhere

The problem

A precise playback position does not require a moving background fill. Some readers prefer an underline, a margin cue, or no visual cue at all.

The pattern

Offer background fill, underline or outline, a margin indicator, and no highlighting. Keep a labelled Now playing reference available when cues are off. Highlighting and Follow narration are independent settings: cues can be on without scrolling, and following can be on without a fill. Distinguish playback, saved annotations, search matches and temporary navigation targets using more than colour. Avoid announcing every spoken word to a screen reader. Respect reduced motion and text contrast.

Compare the alternatives

Separate timing granularity, visual style and automatic following.

A · Background fill

Audio and reading · Example interface
‹   Passage context · Schematic text   ⋯
8
9
10
Style: background fill
Currently spoken segment
Saved annotation
Personal mark, unchanged.
Follow narration: off

A temporary fill identifies playback; a saved annotation remains separate.

B · Underline or margin

Audio and reading · Example interface
‹   Passage context · Schematic text   ⋯
8
9
10
Style: underline
Currently spoken segment
Alternative: margin indicator
Choose outline instead

A line or a margin marker avoids a large background fill.

C · No visual highlighting

Audio and reading · Example interface
‹   Passage context · Schematic text   ⋯
8
9
10
Highlighting: off
Continuous Scripture text
No temporary playback styling.
PlaybackNow playing: Mark 1:8
Follow narration: on

Playback identity remains visible without changing Scripture styling.

Original wireframe proposals · No live controls · Grey rows represent schematic text, not loading states · Labelled placeholders are not Scripture quotations

Download this wireframe as SVG

Failure modes

One switch silently disabling audio or following; flashing cues; colouring saved marks as playback; hiding the playback reference when highlighting is off.

What to validate

Test each style with personal highlights, search matches, dark mode, enlarged text and reduced motion. Can readers disable cues and still identify where audio is playing?

Evidence status

Research-informed design proposal. These visual alternatives have not been tested with users in this atlas. Source findings, documented behaviour and this proposed adaptation are different kinds of evidence.

Sources and adaptation

This card is an original design synthesis. The following sources inform its content distinctions, interaction approach or review requirements; they do not validate the whole pattern.

Common scenarios and flows

Design principles in this decision

Editorial application of Missional by Design. These values frame review questions; they do not validate a pattern’s effectiveness.

Compare alternatives using the task and evidence above. Record competing needs instead of treating a principle as an automatic verdict.