Mobile app onboarding wireframe and user flow

Design the user flow and text wireframes for a mobile app onboarding, with microcopy, permission prompts and activation metrics. Designed for ChatGPT, Claude and Gemini. It includes 8 customizable variables and you can copy it for free in one click.

Intermediate · Text · Pending editorial review

Prompt

Act as a product designer who specializes in mobile app onboarding and activation. App: {{app}}. Target user: {{user}}. Aha moment (the first time the user gets real value): {{aha_moment}}. Essential data we need from the user: {{required_data}}. System permissions needed: {{permissions}}. Platform: {{platform}}. Deliver, in this order: 1. The onboarding goal and a proposed activation metric (which action, within what time frame). 2. The user flow as text or a Mermaid `flowchart`: screens, decisions, optional skips, errors and back navigation. 3. For each screen, a text wireframe with: top-to-bottom element hierarchy, real microcopy (title, supporting text, primary and secondary buttons), empty, loading and error states, and interaction notes. 4. A permissions strategy: when to ask for each one (in context, not on first launch), the pre-prompt screen that explains the benefit, and what happens if the user declines. 5. What can wait: data or steps worth asking for later (deferred sign-up, progressive profiling). 6. Accessibility: touch target sizes, screen reader order and alt text. 7. Three A/B test hypotheses to improve activation. Constraints: - No more than {{max_screens}} screens before the aha moment. - Short microcopy in second person, with a {{tone}} tone. - Do not invent features that do not exist: if unsure, ask me or use [FILL IN].

Sample output

1. Goal and metric

Goal: get the person to finish their first 10-minute reading session.
Activation metric: % of new accounts that complete a 10-minute session within 24 hours.

2. Flow

flowchart LR
  A[Welcome] --> B[First name]
  B --> C[Daily goal]
  C --> D[Time of day]
  D --> E[First 10-min session]
  E --> F{Turn on reminders?}
  F -- Yes --> G[System permission]
  F -- Not now --> H[Home]

3. Screen 2 — Daily goal

Progress indicator (2 of 4)
Title: "How many minutes do you want to read each day?"
Supporting text: "Start small. You can always change it."
Options: 10 min · 15 min · 20 min · 30 min
Primary button: "Continue"
Secondary: "Back"

Error: if nothing is selected, the button stays disabled with "Pick a goal to continue".
Interaction: 10 min is preselected.

4. Permissions

Notifications are requested after the first session, with a pre-prompt: "Want a reminder for your reading time at 9 p.m.?" If they decline, offer it again in settings, never with a repeated pop-up…

Key facts

Card sorting results analysis to propose site navigation

Analyze open, closed or hybrid card sort data: standardize categories, measure participant agreement, find problem cards and propose an information architecture you can validate with a tree test.