Finding a passage

Browse, type a reference, or start from a need?

Someone hears “John 3” in a sermon. Someone else wants Isaiah but isn’t sure where it sits. A third person only wants today’s reading. One picker rarely serves all three, and sometimes the best picker is none at all. Opening the right page for someone is a small hospitality, and the first step of every reading.

At a glance

Five routes to a passage, side by side

  1. 1Step by stepFamiliar convention One question per screen Many taps for a known referenceTry it →
  2. 2Expandable book listObserved Book context stays in view Long books push the list downTry it →
  3. 3Type a referenceBorrowed Fastest for a known reference Needs the reference and spellingTry it →
  4. 4Start from a feelingObserved A way in without a reference Someone else chose the versesTry it →
  5. 5No passage pickerLeave it out Nothing to decide before reading Other passages are out of reachTry it →

Stills from the working example below. Choose one to try it.

Try it

Try five ways to reach a passage

Someone is reading Mark 3. A friend mentions John 3 and they want to look it up. Every example starts at Mark 3 in the Berean Standard Bible. Try reaching John 3, then change your mind and cancel.

Prototype controls

Option

OpeningNot used here
Book listNot used here
Go as far asNot used here
Why these settings?

These switches are separate decisions from the options. Opening on tap is faster; reviewing first helps when a mis-tap is costly or the destination is unfamiliar. A book grid fits all 66 books in one view, with no scrolling, at the cost of recognisability: it shows three-character codes (here the USFM identifiers), which suit people who already know the books. A contributed Olive Tree screenshot (undated, captured before May 2026) shows the same idea as a nine-column grid of three-letter codes. A verse step suits study and sermon follow-along, but adds a screen for anyone reading a whole chapter.

Familiar convention

1. Step by step

A widely used structure, generalized here. Not a copy of a particular app.

Try this

Tap “Mark 3”, choose John, then chapter 3. Then switch on the book grid and the verse step and try again.

Makes easier

Each screen asks one question, with large targets. Readers who recognise a book name but do not remember a reference can always get there.

Costs

Several screens for a destination the person already knows. Sixty-six books make a long list; a grid is shorter but relies on abbreviations.

Ask your teamDo most of your readers know where they are going, or are they finding out?

Options 1 to 3 differ in how the destination is expressed; option 4 replaces the destination with a felt need; option 5 removes the choice. The example uses the Protestant book order and English chapter and verse counts for all 66 books. It contains Mark 3:1–6 only; other destinations show where the reader would arrive. Verse ranges and translation choice are separate decisions not shown here. Switching options restarts the example from the same starting point.

What we noticed

Takeaways

  1. It depends on what the reader already knows

    Typing is fastest when the reference is in front of someone, and a wall when it isn’t. Browsing takes more taps but never asks anyone to remember. The expandable list sits between the two: the shape of the book stays in view while you choose.

  2. Leaving it out is a real option

    If your product guides people through a plan, a full picker is an exit as much as a feature. Leaving it out keeps the session calm and the scope honest. It also sends someone following a sermon to another app.

  3. A feeling asks a different question

    Not “where is it?” but “where should I begin?”. ESV and Glorify both offer it. It welcomes someone with no reference in mind, and hands quiet authority to whoever wrote the lists. Name the curators, open passages in their chapter, and keep acute distress out of a verse menu.

  4. Open on tap; review only when it costs something

    Opening on tap is what most people expect. A review step earns its place when a wrong destination is costly, such as changing a group’s shared reading. Going down to the verse helps someone following a sermon and slows down someone reading whole chapters.

  5. Offer both routes, and keep each one plain

    Most general Bible readers end up with browsing and typed entry. That works while each route says what it does. A reference field that quietly becomes text search or an AI answer box changes what people expect from it.

Use cases

Which situation, which option?

People come with different needs, sometimes in the same week. Each need fits some options better than others.

How well each option fits each situation
SituationNeeds1 Step by step2 Expandable book list3 Type a reference4 Start from a feeling5 No passage picker
Following a sermon or talkA spoken reference, found before the speaker moves onPossiblePossibleGood fitPoor fitPoor fit
New to the BibleSeeing which books exist and where, without typingGood fitGood fitPoor fitPossiblePoor fit
Studying across booksJumping between references quicklyPoor fitPossibleGood fitPoor fitPoor fit
Carrying on with a bookThe saved place, then the next chapterPossiblePossiblePossiblePoor fitGood fit
Looking for comfort, with no reference in mindA place to begin, with its chapter around itPoor fitPoor fitPoor fitGood fitPoor fit
A guided plan or group sessionToday’s passage without detoursPoor fitPoor fitPoor fitPoor fitGood fit
Screen readers, large text or limited dexterityFew, large targets and one decision at a timeGood fitPossibleGood fitPossibleGood fit

Editorial judgments drawing on the research below, not test results.

The research behind it

Theology, practice and science

Scripture and tradition

Finding the place

  • Finding the place is an old practice

    In Nazareth, “the scroll of the prophet Isaiah was handed to Him. Unrolling it, He found the place where it was written” (Luke 4:17). Before chapters and verses, passages were named by what happened in them: “have you not read about the burning bush in the Book of Moses?” (Mark 12:26). Chapters date from the thirteenth century and verse numbers from 1551.

  • Easy access is a stated commitment

    The Second Vatican Council asked that “easy access to Sacred Scripture should be provided for all the Christian faithful”. Protestant Bible societies have pursued the same goal through translation and distribution. A picker is where that access succeeds or fails on a phone.

    Second Vatican Council

How people arrive

Lookup, suggestion and habit

  • People reach Scripture in several ways

    Lifeway’s 2024 survey finds looking up passages, reading ones suggested by others, rereading favourites and reading systematically overlap in the same people. One route will not serve all of them.

    Lifeway Research

  • Apps teach a way of reading

    Hutchings shows Bible apps are designed as persuasive technologies that train reading habits. By the same logic, a picker that always opens at a verse teaches verse reading, and one that opens at a chapter teaches passages.

    Tim Hutchings

  • Reading on needs no picker

    YouVersion documents continuous chapter scrolling and an optional verse picker: for people reading on, the next chapter matters more than a destination.

    YouVersion Support

Interface research

What helps people find

  • Recognition is easier than recall

    Interfaces that show the options ask less of memory than fields that need someone to remember and type. Browsing books and chapters asks people to recognise; a reference field asks them to recall. Offer both.

    Raluca Budiu

  • Forgive the way people type

    When input is wrong and a correction is known, suggest it. Accept abbreviations, other languages’ book names and “Psalm” for “Psalms”, and say “Did you mean John 3?” instead of “Not found”.

    W3CUSFM documentation

  • Many small targets

    A grid of 150 Psalms or 176 verses packs many targets into a phone screen. Keep each at least 24 pixels with space between, and let the grid reflow when text is enlarged.

    W3CW3C WAI

Every source, with what it can and cannot show, is listed under Go further → Sources and their limits.

Where to start

Which fits your product?

These are editorial judgments from design review, not results of user testing.

In real apps

Examples in use

Attributed screenshots with dates and review limits. A screenshot shows an implementation; it does not show that it works for every audience.

Explore the growing app-example collection

Theological reflection

What is this practice for?

What finding the place is for

In Nazareth, Jesus unrolled the scroll and “found the place where it was written” (Luke 4:17). Knowing where a passage sits, in which book and among which neighbours, is part of understanding it. Finding the place is a small act of attention before reading.

Where Christians differ

The Bible itself is not the same book everywhere. Catholic and Orthodox Bibles include books that most Protestant Bibles omit or place in a separate Apocrypha, and the Hebrew Bible orders its books differently from Christian Old Testaments. Many readers know no references at all and come with a feeling or a story.

What follows for design

Use the canon and book order of the edition being read, and do not impose one tradition’s list on everyone. Serve the reader who knows no references as carefully as the expert, without steering either toward what the publisher wants them to read.

In conversation with

Scripture is quoted from the Berean Standard Bible. This reflection is the editor’s, written from within the Christian tradition and open to correction. How we approach theology here →

Three ways to build

What would each way do here?

The three ways are Praxis’s frame for redemptive entrepreneurship; their application here is ours. Why we use it, and its limits →

Take into your next review

Do most of the people you serve know where they are going, or are they finding out?

Exercise

Watch three people find a chapter you name aloud, then one they choose themselves. Note where each one hesitates, and whether they ever needed a route you didn’t offer.

Getting someone to the right page is the first hospitality of every reading.

Record the decision with the worksheet →

Something missing or wrong here? Send a correction or suggest a topic.

Details

Go further

This deep dive brings together 4 earlier patterns. Their guidance, wireframes and sources are kept below; their old addresses lead here.

Edge cases to design for

Offer book browsing and direct reference entry as complementary routes. Preserve the current location, make back and cancel predictable, and show the full destination before opening a parsed reference.

What tends to go wrong

Unexplained abbreviations; assuming every edition has the same book list; resetting book selection on back; accepting an ambiguous reference without clarification.

How to test it

Locate an unfamiliar book, enter an abbreviated range, cancel after choosing a chapter and return to the original verse. Test long book names, different canons, large text and one-chapter books.

How the example is built, and what it leaves out

Built with React, Tailwind and an adapted shadcn/ui Button, styled with the paper visual vocabulary used across these examples. Input stays in browser memory. The examples do not request an AI response, load more than a few verses of Bible text or save reading history.

Escape cancels. Opening or cancelling returns focus to the reader’s passage button, and each new screen moves focus to its heading. Chapter cells are ordinary toggle buttons, not an ARIA grid. The comparison selector follows the ARIA tabs pattern.

A production implementation still needs a licensed content catalogue, edition-specific book and chapter availability, loading and error states, and testing with assistive technology. The visual style is illustrative, not a required brand treatment.

Other approaches are not shown here: separate or combined translation, book and chapter controls; a two-pane browser on wider screens; verse and range selection; Mere Bible’s chapter rail beside the text; a single field that combines book filtering, references and AI suggestions; and different canons or book orders.

Earlier pattern: A reference opens at a deliberate destination

Choose the content scope, landing position and temporary cue separately.

Guidance

For contextual reading, open the containing chapter and place the first requested verse in view. For a focused preview, show only the verse or requested passage with a Read in context action. A chapter overview may open at the top, but retain the requested reference and provide Jump to verse. Scrolling and highlighting are independent: landing at a verse can use a temporary outline, a labelled margin cue, or no highlight. Mark a requested range rather than only its first verse when helpful. Temporary navigation cues never become saved annotations. Account for headers, players and delayed layout; retain back navigation to the search or chat.

What tends to go wrong

Opening at the chapter top without acknowledging the requested verse; permanently marking a deep-link target; hiding a focused excerpt’s boundaries; losing the origin.

How to test it

Enter one verse, a range and a cross-chapter passage from search, chat and an external link. Check large text, cold loading, missing content and return navigation.

Earlier wireframe comparison for A reference opens at a deliberate destination
Earlier wireframe comparison, kept for reference.

Sources

  • Scripture structure documentationRelevant structure and marker references reviewed · A format is not a complete model of app behaviour, annotations or formation.
  • Understanding ReflowOfficial guidance reviewed on 5 October 2026 · Semantic scroll restoration is an original design proposal, not a requirement stated by this criterion.
Earlier pattern: Book and chapter pickers: list, grid or drill-down?

Choose the browsing shape independently from the search field.

Guidance

Start with full book names and a clear selected state. Compare a list, a compact grid and progressive book-to-chapter selection for the intended readers. Keep search available, preserve the current location on cancel, and use the selected edition’s actual book and chapter availability.

What tends to go wrong

Unexplained abbreviations; tiny grid targets; assuming one canon or ordering; losing the list position when returning from a chapter; an unavailable book silently opening elsewhere.

How to test it

Find an unfamiliar book, select a chapter, go back and cancel. Repeat with long translated names, enlarged text, a one-chapter book and missing edition coverage.

Earlier wireframe comparison for Book and chapter pickers: list, grid or drill-down?
Earlier wireframe comparison, kept for reference.

Sources

  • Scripture structure documentationRelevant structure and marker references reviewed · A format is not a complete model of app behaviour, annotations or formation.
  • Understanding ReflowOfficial guidance reviewed on 5 October 2026 · Semantic scroll restoration is an original design proposal, not a requirement stated by this criterion.
  • VSB prototype: combined passage pickerBookChapterDropdown and reader header implementation reviewed 6 October 2026 · Local code review, not a device test or user study. Non-reference input triggers the AI endpoint after 450 ms, including partial book names; complete recognised references suppress that request. No exact verse-text corpus search or separate sourced inline-answer view established. Explicit text labels in this library are editorial proposals.
  • Mere Bible: contributed reader and picker screenshotsNine images supplied and reviewed 6 October 2026; capture date and build unverified · Still images establish visible states, not gesture timing, accessibility, persistence or exact interaction behaviour.
  • Mere Bible: publisher listing and renameReviewed 6 October 2026 · Does not identify the build shown in the contributed screenshots.
Earlier pattern: How do readers move to the next chapter?

Compare continuous reading, explicit buttons and a persistent navigation bar.

Guidance

Match navigation to the current task, not a permanent reader category. Continuous reading can cross a visible chapter boundary without permanent arrows. Discrete chapters benefit from explicit previous and next destinations. A compact bar suits frequent movement, while study may additionally need a back trail, saved place and direct reference entry. A bounded passage can end without a prominent Next action; retain optional wider context where useful. Keep controls clear of the final lines, audio controls and selection tools.

What tends to go wrong

Swipe-only navigation; wrapping from the last book to the first without warning; hiding the last verse behind a bar; changing chapter during text selection; a missing download leaving a blank page.

How to test it

Give participants different tasks: continue a narrative, compare distant references, follow a spoken reference, resume a note and finish one shared passage. Observe misnavigation, return to place and unwanted interruptions. Ask whether they wanted a next step; do not infer usefulness from the number of chapters opened. Include large text, assistive technology and unavailable chapters.

Earlier wireframe comparison for How do readers move to the next chapter?
Earlier wireframe comparison, kept for reference.

Sources

Sources and their limits

Editorial design proposal. Editorial review, not user validation.

Faith and interpretation

Use the selected edition’s book list and ordering. Group labels should describe the edition rather than impose one tradition’s canon on all readers.