Pattern 33

Overlaps remain legible

Distinguish playback, selection, search and saved highlights.

Research-informed design proposal

Concrete takeaway

Use different visual and accessible cues for transient and saved states.

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 · Different statesPlayback, selection and saved marks overlapColour alone cannot carry all meanings
B · Reference noteA note attaches to a reliably mapped referenceEdition-specific word marks still need separate handling
C · Original word selectionExact wording has no reliable equivalentKeep the original mark rather than transferring it silently

The problem

Several states may highlight the same text. After a translation change, a saved word selection may have no reliable equivalent.

The pattern

Use different visual and accessible cues for transient and saved states. Carry reference-based notes through reliable reference mappings. Keep exact selections attached to their original edition when no word alignment exists.

Compare the alternatives

Distinguish playback, selection, search and saved highlights.

A · Different states

Bible study · Example interface
‹   Passage context · Schematic text   ⋯
8
9
10
Audio: currently spoken passage
Saved highlight
Personal annotation.
Selection: outline
Search result: underline

Visual roles are distinguishable beyond colour.

B · Reference note

Bible study · Example interface
‹   Passage context · Schematic text   ⋯
8
9
10
Translation B
Note on Psalm 23:1
Reference anchor retained.
Open my note

A reliable passage anchor can remain visible.

C · Original word selection

Bible study · Example interface
‹   Passage context · Schematic text   ⋯
8
9
10
This highlight belongs to Translation A.
Open the original selection
Create a new highlight in B

No new wording is invented.

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

Everything represented by background colour; inventing a new selection in another edition; hiding the original annotation when mapping fails.

What to validate

Combine playback, search and a personal mark on one verse. Switch editions and check that every annotation remains explainable and recoverable.

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.