Skip to main content

Onboarding

GospeLib's first-open experience follows a three-act structure — cinematic, then orienting, then tailored. The goal is to make the user feel at home in the app's unique aesthetic while quickly routing them to content that matters to them personally.

Three-Act First Open

Act 1 — Cinematic Intro (5 seconds)

A brief, beautiful moment that establishes the visual identity:

ElementDetails
Duration5 seconds (auto-advancing, skippable)
VisualDark background → warm light sweeps across the screen → GospeLib logo materializes
TypographyApp tagline in Gentium Plus, letter-by-letter fade-in
AudioNone — silent by default
MotionDeliberate duration (500ms transitions)

The cinematic intro plays exactly once — never on subsequent launches.

Act 2 — The Orienting Question (Single Screen)

One question that determines the initial experience:

"How would you like to begin?"

OptionIconDescription
Start reading📖"Open the scriptures right now"
Follow a plan📅"Study with Come Follow Me or a custom plan"
Explore connections"See how scriptures connect to each other"
Learn the tools🔍"Take a quick tour of study features"
I know my way around"Skip to the app"

This is a single tap — no multi-step wizard, no lengthy form.

Act 3 — Tailored First Experience

Based on the selection in Act 2, the app routes to a personalized first experience:

SelectionRoutingFirst Screen
Start readingReader opens to 1 Nephi 1 (or user's last-read if returning user)Scripture reader with gentle coach mark on verse interaction
Follow a planStudy plan pickerCurated list: Come Follow Me (current week), Book of Mormon 90-day, Custom
Explore connectionsGraph view with guided entryConstellation centered on a well-connected passage (e.g., John 3:16)
Learn the toolsInteractive feature tour4-step coach mark sequence (see below)
SkipHome screenDefault tab (Read) with no coaching overlays

Coach Mark System

Coach marks are used for first-time feature discovery. They follow strict rules:

Visual Design

PropertyValue
StyleFrosted glass overlay with spotlight cutout
ShapeRounded rectangle spotlight around target element
TooltipPaper surface, elevation 3, radius.lg (12px)
ArrowSubtle pointer connecting tooltip to spotlight
TextHeading (bold, 1 line) + body (1–2 lines) + "Got it" / "Next"
Backdrop60% opacity dark overlay

Rules

  1. Maximum 4 coach marks in any sequence — never a 10-step walkthrough
  2. Always dismissible — "Skip tour" link in every tooltip
  3. Never repeated — once dismissed, a coach mark never returns
  4. Contextual — coach marks appear when the user first encounters a feature, not all at once
  5. One at a time — never two overlapping spotlights

The Feature Tour (Act 3, "Learn the tools")

StepTargetMessage
1Verse text"Tap a verse to select it. Long-press for study actions."
2Action ring (simulated)"Highlight, annotate, bookmark, and share — all from here."
3Quick settings tray"Adjust your reading experience: font, density, and layout."
4Search/Command palette"Find any passage, topic, or person instantly."

Return Opens

After the first session, subsequent app opens follow these rules:

ScenarioBehavior
Last used < 24 hoursReturns to exact last position (passage + scroll offset)
Last used 1–7 daysReturns to last book/chapter, scroll to top
Last used > 7 daysHome screen with "Welcome back" + suggestion cards
Study plan active"Today's reading" card appears above default content
Come Follow Me week changedSubtle banner: "New CFM lesson available"

First 30-Day Features

Features that appear only during the first 30 days of use:

Day RangeFeaturePurpose
Day 1–3Contextual coach marksTeach core interactions as user discovers them
Day 3–7Gentle nudges to try unexplored features"Did you know you can…" whisper cards
Day 7–14Study plan suggestionIf no plan started, suggest Come Follow Me
Day 14–30Premium feature previewsShow one AI/graph feature with free trial
Day 30+No coachingUser is considered oriented
note

All coaching features respect a global "Don't show tips" setting. Power users can disable all coaching from Settings → General.