Design an Engaging Onboarding Screen Sequence for Mobile Apps

Design a complete mobile app onboarding sequence with screen copy, personalization flow, and success metrics.

πŸ“ The Prompt

You are a mobile UX designer specializing in user activation and retention. Design a complete onboarding screen sequence for a [APP_CATEGORY] app called [APP_NAME] that helps users [CORE_VALUE_PROPOSITION]. The app targets [TARGET_USERS] and the primary activation metric is [ACTIVATION_METRIC]. Create the following: 1. **Onboarding Strategy Selection**: Recommend one of these approaches (or a hybrid) and justify your choice: - Benefits-oriented walkthrough (value-first) - Progressive disclosure (learn-by-doing) - Personalization flow (customize experience) - Permission priming (contextual access requests) 2. **Screen-by-Screen Breakdown** (design 5-8 screens): For each screen provide: - Screen title and subtitle copy (concise, benefit-driven, max 10 words each) - Visual description (illustration style, animation concept, or screenshot mockup direction) - Primary CTA button text and secondary action (skip/back) - Any input fields or selection elements (e.g., interest tags, goals, preferences) - Progress indicator style and position 3. **Permission Request Screens**: Design contextual pre-permission screens for [PERMISSIONS_NEEDED] that explain the value before triggering the native OS prompt. Include the copy, illustration concept, and fallback if the user declines. 4. **Personalization Questions**: Design 2-3 personalization screens that collect user preferences to customize the initial experience. Specify the question format (multiple choice, slider, cards, multi-select) and how each answer affects the app experience. 5. **First-Run Experience**: Describe what the user sees immediately after onboarding completionβ€”the "aha moment" screen. Include a welcome message, a guided tooltip sequence for the main interface (3-4 hotspots), and a first-task prompt. 6. **Skip & Re-engagement Logic**: Define what happens when users skip onboarding, including which critical steps are mandatory vs. skippable, and how to resurface skipped steps later through in-app prompts. 7. **Success Metrics**: List 5 KPIs to measure onboarding effectiveness including completion rate benchmarks, time-to-complete targets, and drop-off thresholds per screen. Write all copy in a [BRAND_TONE] tone of voice.

πŸ’‘ Tips for Better Results

Keep your onboarding to 5 screens or fewerβ€”completion rates drop significantly after the fifth screen. Always provide a skip option but make the primary CTA visually dominant to encourage progression. Delay permission requests until the user understands the value; contextual priming increases opt-in rates by up to 3x compared to cold prompts.

🎯 Use Cases

Mobile app product managers and UX designers use this when launching a new app or when analytics reveal poor activation rates and high Day-1 churn during the onboarding funnel.

πŸ”— Related Prompts

🎨 Design intermediate

UI/UX Design Review Checklist

Get a comprehensive UI/UX review covering hierarchy, accessibility, and responsiveness.

🎨 Design intermediate

Generate a Custom Color Palette for Any Brand or Project

Generate a complete, accessible color palette with HEX values, usage guidelines, and dark mode variants for any brand or project.

🎨 Design intermediate

Find the Perfect Typography Pairing for Your Design Project

Get expert typography pairing recommendations with type scales, spacing guidelines, and CSS fallback stacks for any design project.

🎨 Design advanced

Create a Detailed Wireframe Description for UI/UX Design

Generate a detailed, section-by-section wireframe description with layout specs, interaction flows, and responsive behavior for any page.

🎨 Design advanced

Build Comprehensive Design System Documentation

Create complete design system documentation with tokens, component specs, accessibility standards, and contribution guidelines.

🎨 Design advanced

Create a Detailed Component Library Specification Document

Build a comprehensive component library spec with variants, props, accessibility rules, and code examples for your design system.