onboarding-cro
Improve user onboarding flows to increase activation and retention. Use when asked to design welcome screens, setup wizards, product tours, onboarding checklists, or activation sequences. Trigger phrases: "onboarding flow", "user activation", "welcome screen", "product tour", "onboarding checklist",
By openclaudia · 387 installs
npx skills add openclaudia/openclaudia-skills --skill onboarding-cro
Source repository · Upstream listing
Onboarding CRO
Design and optimize user onboarding flows that drive activation and long term retention.
1. Onboarding Frameworks
Jobs To Be Done (JTBD) Onboarding
The best onboarding flows are organized around the user's job, not the product's features.
Process:
1. Identify the user's primary job to be done
2. Map the minimum steps to complete that job in your product
3. Guide the user through those steps, removing all distractions
4. Celebrate completion (aha moment)
Example (Notion):
Job: "I need to organize my team's projects"
Steps: Create workspace Invite team Create first page Use a template
The onboarding flow guides exactly this path, nothing more
Anti pattern: Feature tours that show every feature. Users do not care about features during onboarding; they care about solving their problem.
Progressive Disclosure
Reveal functionality gradually as users demonstrate readiness.
Levels:
1. First session: Only show core functionality needed for primary job
2. After first success: Introduce secondary features that enhance the core workflow
3. After repeated use: Surface power features, integrations, customization
4. After mastery: Invite to advanced features, API, automation
Implementation:
Use feature flags or user state to control what's visible
Track user actions to determine when to advance disclosure level
Never show everything at once
Activation Metrics
Define your activation metric before designing onboarding. The activation metric is the action most correlated with long term retention.
Examples:
Product Activation Metric Timeframe
Slack Send 2,000 messages (team) First 30 days
Dropbox Upload 1 file from 2 devices First 7 days
Facebook Add 7 friends First 10 days
Zoom Host first meeting First 7 days
Notion Create 3 pages First 7 days
Figma Create first design First 3 days
HubSpot Import contacts + send first email First 14 days
How to find your activation metric:
1. Cohort analysis: Compare retained vs churned users
2. Identify actions that retained users took that churned users did not
3. Find the action with strongest correlation to 30 day retention
4. Validate by testing whether guiding users to that action improves retention
Aha Moment Identification
The aha moment is when a user first experiences the core value of your product.
Framework for identifying it:
1. What do users say when they recommend your product? ("It's amazing because...")
2. When during their journey do users typically say "wow" or "this is cool"?
3. What single action separates users who stay from those who leave?
The aha moment is NOT:
Signing up
Completing onboarding
Seeing a feature demo
The aha moment IS:
Getting their first result
Experiencing time saved
Seeing their data visualized for the first time
Completing their first task successfully
2. Onboarding Components
Welcome Screens
The first screen after signup. Serves two purposes: make the user feel welcomed and collect information for personalization.
Best Practices:
Use the user's name ("Welcome, Sarah!")
Keep it to 1 3 questions maximum
Use visual selectors (cards with icons) instead of dropdowns
Every question should directly affect their experience
Always allow skipping
Template:
Example (Notion):
Setup Wizards
Guided multi step flows that set up the product for use.
When to use: When the product requires configuration before it can deliver value (CRM, analytics, marketing automation).
Best Practices:
Maximum 3 5 steps
Show progress indicator
Pre fill defaults where possible
Allow skipping non essential steps
Provide "try it with sample data" option
End with a clear next action, not a blank screen
Template:
Product Tours
Interactive walkthroughs of the product interface.
Types:
1. Tooltip tour: Highlights UI elements with explanatory tooltips (Intercom, Appcues)
2. Video walkthrough: Short video showing key workflows
3. Interactive tutorial: User performs real actions with guidance
4. Sandbox mode: Pre populated environment for safe exploration
Best Practices:
Keep tours under 5 steps (3 is ideal)
Focus on ONE workflow per tour
Let users exit at any point
Make the user DO something, not just read
Trigger contextually (first time visiting a feature), not globally
Never replay completed tours unless user requests it
Anti patterns:
15 step tours that show every button
Forced tours that cannot be dismissed
Tours that explain obvious UI elements
Tours that trigger repeatedly
Template (per step):
Onboarding Checklists
Persistent task lists that guide users through activation.
Why they work:
Zeigarnik effect: People feel compelled to complete unfinished tasks
Clear progress visualization
Users self pace through the list
Can be dismissed and revisited
Template:
Best Practices:
4 6 items maximum
Pre check easy items (account creation) for momentum
Order by dependency and importance
Highlight the next recommended step
Celebrate completion (confetti, badge, reward)
Include at least one "aha moment" action
Show percentage complete or progress bar
Example (Slack):
Example (Figma):
Email Onboarding Sequences
Drip emails that complement the in app experience.
Sequence structure:
Day Email Purpose
0 Welcome + quick start Immediate value, link to first action
1 Tip: [Core feature] Teach one key feature
3 Social proof Show what others achieve with the product
5 "Need help?" Address common obstacles, offer support
7 Feature highlight Introduce a secondary feature
10 Activation reminder If not activated, nudge toward key action
14 Upgrade prompt If activated, pitch premium features
Day 0 Welcome Email Template:
Day 3 Social Proof Email Template:
3. Onboarding Examples from Top Products
Notion
What they do well:
Welcome screen asks role + use case (2 questions)
Offers templates based on selection
Pre populates workspace with starter content
Progressive disclosure: basic blocks first, databases later
Checklist in sidebar tracks setup progress
Empty states have clear CTAs
Activation metric: Create 3+ pages in first 7 days
Slack
What they do well:
Workspace setup wizard is 3 steps (name, invite, channel)
Slackbot guides first interactions conversationally
Pre created general and random channels with welcome messages
Teaches features by having users use them (send a message, react with emoji)
Onboarding checklist in sidebar
Activation metric: Team sends 2,000 messages in first 30 days
Figma
What they do well:
Minimal signup (Google OAuth one click)
Immediately drops user into a canvas with interactive tutorial
Tutorial teaches by doing (create shape, move it, style it)
Sample files available to explore
Team collaboration demonstrated early (cursor presence)
Activation metric: Create first design file in first 3 days
Canva
What they do well:
Asks "What will you design today?" with visual categories
Immediately shows templates relevant to selection
First design experience uses pre made template (user edits, not creates from scratch)
Celebrates first download with sharing prompt
Linear
What they do well:
Import from existing tools (Jira, Asana) as first step
Pre configured with sensible defaults (workflow states, labels)
Keyboard shortcuts taught in context
Empty states show exactly what to do next
4. Measuring Onboarding Success
Key Metrics
Metric Formula Target
Onboarding completion rate Users who complete onboarding / signups 60 80%
Time to first key action Time from signup to first meaningful action Under 5 min
Activation rate Users hitting activation metric / signups 20 40%
Day 1 retention Users returning day after signup / signups 40 60%
Day 7 retention Users returning 7 days after signup / signups 20 35%
Day 30 retention Users active 30 days after signup / signups 10 25%
Onboarding step drop off Users completing step N / users starting step N Track per step
Time to value (TTV) Median time from signup to aha moment As low as possible
Funnel Analysis
Build an onboarding funnel in your analytics tool:
Track conversion rate between each step. The biggest drop off is your biggest opportunity.
5. A/B Test Ideas for Onboarding
Welcome Screen
1. 1 question vs 3 questions on welcome screen
2. Visual card selection vs dropdown
3. Personalized template suggestions vs generic
Setup Flow
4. Guided setup vs "explore on your own"
5. Pre populated sample data vs empty state
6. Setup wizard vs onboarding checklist
Product Tour
7. Tooltip tour vs video walkthrough
8. 3 step tour vs 5 step tour
9. Auto triggered tour vs user initiated
Activation
10. Email nudge on day 1 vs day 3 for inactive users
11. In app prompt for next action vs no prompt
12. Celebrating milestones (confetti, badge) vs no celebration
13. Showing progress ("You're 60% set up") vs not showing
Engagement
14. Daily tip emails vs weekly digest
15. Push notifications for incomplete onboarding vs email only
16. Peer comparison ("Teams like yours usually...") vs no comparison
6. Onboarding Audit Template
When auditing an existing onboarding flow:
7. Common Onboarding Mistakes
1. Showing everything at once Overwhelms users. Use progressive disclosure.
2. Explaining features, not outcomes "This is our dashboard" vs "See your results here."
3. Forcing completion before value Let users explore, then guide.
4. No empty state strategy Blank screens kill activation. Use templates, samples, or guided prompts.
5. One size fits all flow Different user types need different onboarding paths.
6. Ignoring mobile Mobile onboarding needs its own design (not a shrunk desktop flow).
7. No re engagement for drop offs Users who abandon onboarding need targeted email nudges.
8. Celebrating signup, not activation "Welcome!" is not the goal. The first success moment is.
9. Too many tooltips If you need 10 tooltips, your UI is too complex.
10. No measurement If you are not tracking step by step drop offs, you are guessing.