01
Welcome — Sign up or Log in
Step 1 in the Runna Sign up and complete onboarding flow. Atlas detected 6 UI elements on this screen.
Revyl Atlas flow
Runna Sign up and complete onboarding flow
Email/password signup → race goal → ability/DOB/gender/injury → time goal → days/free-days/long-run-day → notifications → plan-start/units/training-prefs/interests → strength add-on (ability/goal/duration/freq/days/equipment) → plan summary → paywall (skipped) → plan generation → coach welcome → run types guide → T&C → home.
36Screens
onboardingFlow type
iOSPlatform
Welcome — Sign up or Log inStarts at
Research notes
Why the Runna Sign up and complete onboarding flow matters
Navigation pattern This flow shows how Runna carries a user from Welcome — Sign up or Log in to Today — Home across real app states.
Testing coverage The screen path gives QA and product teams concrete screens to verify, including visible UI density, transition order, and repeated mobile states.
Agent grounding Atlas makes this journey usable as navigation context for AI agents that need to understand the app before executing mobile tasks.
Screen path
Runna Sign up and complete onboarding screenshots
This page is a crawlable breakdown of one real mobile journey. The screenshots, step labels, and element counts make the Runna Sign up and complete onboarding path easier to compare against competing apps, reproduce during QA planning, and reuse as structured navigation context for app automation.
02
Sign up — Form
Step 2 in the Runna Sign up and complete onboarding flow. Atlas detected 11 UI elements on this screen.
03
Sign up — Form (filled)
Step 3 in the Runna Sign up and complete onboarding flow. Atlas detected 5 UI elements on this screen.
04
Welcome to the Club
Step 4 in the Runna Sign up and complete onboarding flow. Atlas detected 3 UI elements on this screen.
05
Onboarding — Goal
Step 5 in the Runna Sign up and complete onboarding flow. Atlas detected 11 UI elements on this screen.
06
Onboarding — Find Race
Step 6 in the Runna Sign up and complete onboarding flow. Atlas detected 8 UI elements on this screen.
07
Onboarding — Race Detail
Step 7 in the Runna Sign up and complete onboarding flow. Atlas detected 12 UI elements on this screen.
08
Onboarding — Running Ability
Step 8 in the Runna Sign up and complete onboarding flow. Atlas detected 8 UI elements on this screen.
09
Onboarding — Date of Birth
Step 9 in the Runna Sign up and complete onboarding flow. Atlas detected 6 UI elements on this screen.
10
Onboarding — Gender
Step 10 in the Runna Sign up and complete onboarding flow. Atlas detected 8 UI elements on this screen.
11
Onboarding — Injury History
Step 11 in the Runna Sign up and complete onboarding flow. Atlas detected 9 UI elements on this screen.
12
Onboarding — Current Race Time
Step 12 in the Runna Sign up and complete onboarding flow. Atlas detected 11 UI elements on this screen.
13
Onboarding — Days per Week
Step 13 in the Runna Sign up and complete onboarding flow. Atlas detected 7 UI elements on this screen.
14
Onboarding — Free Days of Week
Step 14 in the Runna Sign up and complete onboarding flow. Atlas detected 4 UI elements on this screen.
15
Onboarding — Long Run Day
Step 15 in the Runna Sign up and complete onboarding flow. Atlas detected 5 UI elements on this screen.
16
Onboarding — Notification Pitch
Step 16 in the Runna Sign up and complete onboarding flow. Atlas detected 3 UI elements on this screen.
17
Onboarding — iOS Notification Permission
Step 17 in the Runna Sign up and complete onboarding flow. Atlas detected 2 UI elements on this screen.
18
Onboarding — Plan Start Date
Step 18 in the Runna Sign up and complete onboarding flow. Atlas detected 9 UI elements on this screen.
19
Onboarding — Units (Mi/Km)
Step 19 in the Runna Sign up and complete onboarding flow. Atlas detected 6 UI elements on this screen.
20
Onboarding — Training Preferences
Step 20 in the Runna Sign up and complete onboarding flow. Atlas detected 6 UI elements on this screen.
21
Onboarding — Other Interests
Step 21 in the Runna Sign up and complete onboarding flow. Atlas detected 8 UI elements on this screen.
22
Onboarding — Add Strength
Step 22 in the Runna Sign up and complete onboarding flow. Atlas detected 5 UI elements on this screen.
23
Onboarding — Strength Ability
Step 23 in the Runna Sign up and complete onboarding flow. Atlas detected 6 UI elements on this screen.
24
Onboarding — Strength Goal
Step 24 in the Runna Sign up and complete onboarding flow. Atlas detected 5 UI elements on this screen.
25
Onboarding — Strength Duration
Step 25 in the Runna Sign up and complete onboarding flow. Atlas detected 4 UI elements on this screen.
26
Onboarding — Strength Frequency
Step 26 in the Runna Sign up and complete onboarding flow. Atlas detected 5 UI elements on this screen.
27
Onboarding — Strength Days
Step 27 in the Runna Sign up and complete onboarding flow. Atlas detected 8 UI elements on this screen.
28
Onboarding — Strength Equipment
Step 28 in the Runna Sign up and complete onboarding flow. Atlas detected 9 UI elements on this screen.
29
Onboarding — Plan Summary
Step 29 in the Runna Sign up and complete onboarding flow. Atlas detected 3 UI elements on this screen.
30
Onboarding — Paywall (Free Trial)
Step 30 in the Runna Sign up and complete onboarding flow. Atlas detected 4 UI elements on this screen.
31
Onboarding — Building Your Plan
Step 31 in the Runna Sign up and complete onboarding flow. Atlas detected 2 UI elements on this screen.
32
Onboarding — Plan Ready
Step 32 in the Runna Sign up and complete onboarding flow. Atlas detected 3 UI elements on this screen.
33
Onboarding — Welcome & Coach
Step 33 in the Runna Sign up and complete onboarding flow. Atlas detected 6 UI elements on this screen.
34
Onboarding — Plan Guide (Run Types)
Step 34 in the Runna Sign up and complete onboarding flow. Atlas detected 8 UI elements on this screen.
35
Onboarding — Terms & Conditions Modal
Step 35 in the Runna Sign up and complete onboarding flow. Atlas detected 4 UI elements on this screen.
36
Today — Home
Step 36 in the Runna Sign up and complete onboarding flow. Atlas detected 14 UI elements on this screen.
How to use it
Apply this flow to product and testing work
For product research Use the ordered path to understand which screens appear before and after key actions, how much interface density the user sees, and where the app introduces extra decisions or interruptions.
For QA planning Turn each screen in the path into a coverage checkpoint. The screenshot sequence helps teams verify expected states, navigation transitions, and UI inventory without manually rediscovering the journey.
Related flows