Mobile App Onboarding — Conversion-Optimized Design

Design onboarding flows that convert installs into subscribers. Every screen earns its place or gets cut.

Core Principles

1. TikTok Brain Rule

Each screen: 5-7 words max for headline. Users scan, they don't read. Design for thumb taps, not paragraphs. Every screen is a micro-conversion — one tap, one swipe, one record.

2. Interactive > Passive

Screens where the user DOES something (taps, selects, records) retain 3x better than screens where they READ something. Kill explainer carousels. Replace with quiz taps.

3. Value Before Ask

Users should experience the core product value before seeing a paywall. The product is the pitch.

4. Every Screen Must Earn Its Place

If removing a screen doesn't reduce conversion, it shouldn't exist. 50% of users drop off before reaching the paywall. Every unnecessary screen kills conversion.

5. Personalization = Investment

Each quiz answer the user gives increases their sunk cost. By screen 4, they've invested time and choices — walking away feels like losing that investment. This is commitment bias.

The 8-Screen Framework

Screen 1 — Hook (3 seconds to win or lose)

• Benefit headline, not feature description
• "Record yourself. See how you really sound." NOT "AI-powered speech analysis tool"
• For fresh apps: NO fake social proof, NO star ratings, NO user counts
• Single CTA: "Try It Free"
• Zero visual clutter

Screen 2-3 — Personalization Quiz (interactive, 1 tap each)

• Button-based selection, never text input
• 3-5 pre-defined options per screen
• Each answer MUST change the experience downstream
• If a question doesn't change anything, remove it
• Progress indicator visible (builds completion motivation — Zeigarnik effect)

Screen 4 — Core Action (THE critical screen)

• User DOES the main thing — record, create, try
• This should happen within 15-20 seconds of opening the app
• No explanation needed. Minimal text. Big CTA.
• This is the highest-commitment moment — they've invested their voice/data/time

Screen 5 — Processing (real, not fake)

• If real: show genuine progress with fun facts
• If fake: users detect it — kills trust. Only show if work is happening
• Fun facts/tips during wait reduce perceived wait time by 40%
• Max 20-30 seconds. Beyond that, consider background processing with push notification

Screen 6 — The Reveal (Aha Moment)

• This is the MOST important screen. The user sees personalized results for the first time
• Show specific data from THEIR input — scores, corrections, insights
• This screen converts more than any marketing copy ever could
• The emotional peak: "wow, I didn't know that about myself"
• RATING PROMPT: consider triggering SKStoreReviewController here (not on first session — on 2nd or 3rd)

Screen 7 — Value Recap (personalized bridge to paywall)

• Every bullet references THEIR specific results
• "Fix YOUR 11 filler words" not "Fix filler words"
• Show what happens next: their first drill, their improvement plan
• This screen bridges emotion (reveal) to action (subscribe)

Screen 8 — Paywall

• See /paywall skill for detailed paywall design
• Must feel like natural next step, not a wall

Drop-Off Prevention

Target: 50-60% of installs reach the paywall. 15-25% start trial.

Fresh App Considerations (No Social Proof)

When launching with zero ratings and zero users:

• Do NOT add fake testimonials or star ratings
• Do NOT say "trusted by X users" or "4.9 stars"
• DO let the product speak: the personalized analysis is more convincing than any review
• DO add social proof AFTER you have real reviews (10+ ratings)
• The analysis reveal screen IS your proof — it shows the product works on THEIR data

App Store Rating Strategy

Apple allows 3 rating prompts per 365 days. Use them wisely:

NEVER during onboarding. NEVER on first session. Only after demonstrated value.

Metrics to Track

• Install → Screen 2 (hook effectiveness)
• Screen 2 → Recording started (quiz engagement)
• Recording → Results seen (completion rate)
• Results → Paywall viewed (value perception)
• Paywall → Trial started (paywall conversion)
• Trial → Paid (product-market fit)

Anti-Patterns

Reference

• conversion-data.md — Industry benchmarks and conversion rates
• psychology.md — Psychological triggers at each step