Pattern 51

Change translation without losing the passage

Preserve a semantic reading anchor rather than a pixel offset.

Research-informed design proposal

Concrete takeaway

Before switching, identify the relevant anchor: the active selection or opened target, otherwise the visible reading verse; use the spoken verse only while Follow narration is enabled.

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 · Selected verseA selection or opened target is activeReapply its semantic anchor after layout settles
B · Reading freelyThe person is exploring while audio continuesPreserve the reading anchor rather than the audio anchor
C · Mapping or audio differsMapping or the recording edition differsExplain the mismatch instead of claiming exact alignment

The problem

Different wording, poetry, headings and verse grouping change layout height. Retaining the old scroll offset can move the selected verse out of view.

The pattern

Before switching, identify the relevant anchor: the active selection or opened target, otherwise the visible reading verse; use the spoken verse only while Follow narration is enabled. Retain its approximate viewport position or bring it safely into view after the new edition has laid out. Reapply placement after late font or media loading only until the user scrolls; manual exploration takes precedence. Resolve versification with a trusted mapping and explain missing, split or merged verses. Keep reference notes separate from edition-specific word selections. Audio stays bound to its recorded edition: offer matching audio or clearly separate listening from the new text, and disable incompatible word cues.

Compare the alternatives

Preserve a semantic reading anchor rather than a pixel offset.

A · Selected verse

Bible reader · Example interface
‹   Passage context · Schematic text   ⋯
8
9
10
Before: Translation A · Mark 1:8
Selected verse, visible here
Switch edition →
After: Translation B · Mark 1:8
Mapped verse remains in view

A semantic anchor survives a different paragraph height.

B · Reading freely

Bible reader · Example interface
‹   Passage context · Schematic text   ⋯
8
9
10
Reading Mark 1:5 · Audio at 1:8
Follow narration is off.
Translation B · Mark 1:5
Reading anchor restored.
Return to spoken verse

Preserve the visible reading place rather than the audio position.

C · Mapping or audio differs

Bible reader · Example interface
‹   Passage context · Schematic text   ⋯
8
9
10
The selected verse has different numbering.
Open the mapped passage
This recording uses Translation A.
Keep audio without word cues
Choose matching audio

Unavailable equivalence has an explicit recovery.

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

Restoring raw pixels; jumping to the chapter start; following audio after the reader scrolled away; copying word highlights onto unrelated wording; endlessly recentering during loading.

What to validate

Switch editions while selecting a verse, freely reading, following audio, opening a note and using large text. Test poetry, missing verses, split or merged mappings, load failure and late reflow.

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

Examples in use

Attributed app evidence with dates and review limits. A screenshot illustrates an implementation; it does not establish that the proposal works for every audience.

Explore the growing app-example collection

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.