关于 onboarding-cro
面向产品团队与增长从业者的用户引导设计与优化技能,涵盖从激活指标、引导流程到留存衡量的框架。提供欢迎页、设置向导、产品导览、清单和邮件序列等实践模板。
主要功能
- 01按用户目标设计引导流程
- 02渐进式功能展示
- 03识别激活指标与关键时刻
- 04设计导览、清单和设置向导
- 05衡量漏斗、留存与引导成效
适用场景
- 01规划新用户首次使用路径
- 02审查并改进现有引导流程
- 03为引导组件制定内容与步骤
- 04设计引导成效的衡量方案
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ openclaudia/ openclaudia-skills --skill onboarding-cro安装后在 Claude Code 中输入/onboarding-cro确认已加载。
详细介绍
新手引导转化率优化
设计并优化用户新手引导流程,推动用户激活并提升长期留存。
1. 新手引导框架
Jobs-To-Be-Done(JTBD)新手引导
最佳的新手引导流程围绕用户要完成的任务组织,而不是围绕产品功能组织。
流程:
- 确定用户最主要的待完成任务
- 梳理用户在产品中完成该任务所需的最少步骤
- 引导用户完成这些步骤,排除所有干扰
- 庆祝任务完成(顿悟时刻)
示例(Notion):
- 任务:“我需要整理团队项目”
- 步骤:创建工作区 > 邀请团队成员 > 创建第一个页面 > 使用模板
- 新手引导流程只引导用户走这条路径,不做其他引导
**反面模式:**展示所有功能的功能导览。用户在新手引导过程中并不关心功能,他们关心的是解决问题。
渐进式披露
随着用户逐渐准备好,逐步展示功能。
层级:
- **首次会话:**只展示完成主要任务所需的核心功能
- **首次成功后:**介绍可增强核心工作流的辅助功能
- **反复使用后:**展示高级功能、集成和自定义选项
- **熟练掌握后:**引导用户使用高级功能、API 和自动化
实施方式:
- 使用功能标志或用户状态控制可见内容
- 跟踪用户操作,判断何时提升披露层级
- 不要一次性展示所有内容
激活指标
在设计新手引导之前,先定义激活指标。激活指标是与长期留存相关性最高的操作。
示例:
| 产品 | 激活指标 | 时间范围 |
|---|---|---|
| Slack | 发送 2,000 条消息(团队) | 前 30 天 |
| Dropbox | 从 2 台设备上传 1 个文件 | 前 7 天 |
| 添加 7 位好友 | 前 10 天 | |
| Zoom | 主持首次会议 | 前 7 天 |
| Notion | 创建 3 个页面 | 前 7 天 |
| Figma | 创建首个设计 | 前 3 天 |
| HubSpot | 导入联系人 + 发送首封邮件 | 前 14 天 |
如何找到激活指标:
- 队列分析:比较留存用户与流失用户
- 找出留存用户做过、而流失用户没有做过的操作
- 找到与 30 天留存相关性最强的操作
- 通过测试引导用户执行该操作是否能提高留存,验证这一指标
确定顿悟时刻
顿悟时刻是用户首次体验到产品核心价值的时刻。
确定框架:
- 用户推荐产品时会怎么说?(“它很棒,因为……”)
- 用户通常会在使用流程的哪个阶段说“哇”或“真不错”?
- 哪个单一操作能区分留下来的用户和离开的用户?
顿悟时刻不是:
- 注册
- 完成新手引导
- 观看功能演示
顿悟时刻是:
- 获得首个结果
- 体验到节省时间
- 首次看到自己的数据可视化
- 成功完成首个任务
2. 新手引导组件
欢迎页
用户注册后的第一个页面。它有两个作用:让用户感受到欢迎,并收集用于个性化的信息。
最佳实践:
- 使用用户的姓名(“欢迎你,Sarah!”)
- 最多提出 1-3 个问题
- 使用可视化选择器(带图标的卡片),而不是下拉菜单
- 每个问题都应直接影响用户体验
- 始终允许跳过
模板:
Welcome to [Product], [Name]!
Let's personalize your experience.
What's your primary goal?
[ ] [Goal 1 -- with icon]
[ ] [Goal 2 -- with icon]
[ ] [Goal 3 -- with icon]
[ ] Something else
[Continue] [Skip for now]
示例(Notion):
What will you use Notion for?
[Personal] [Team] [School]
How big is your team?
[Just me] [2-10] [11-50] [50+]
设置向导
引导用户通过多个步骤完成产品设置。
**适用场景:**产品需要先完成配置才能提供价值时(CRM、分析、营销自动化)。
最佳实践:
- 最多 3-5 个步骤
- 显示进度指示器
- 尽可能预填默认值
- 允许跳过非必要步骤
- 提供“使用示例数据试用”选项
- 结束时给出明确的下一步操作,而不是空白页面
模板:
Step 1: Connect your [data source]
[Connect Google] [Connect manually] [Use sample data]
Step 2: Configure your [workspace/project]
[Pre-filled sensible defaults with edit option]
Step 3: Invite your team (optional)
[Email input] [Copy invite link] [Skip]
You're all set!
[Go to your dashboard]
产品引导
对产品界面的交互式引导。
类型:
- 工具提示引导: 高亮显示 UI 元素,并附上说明性工具提示(Intercom、Appcues)
- 视频演示: 展示关键工作流的短视频
- 交互式教程: 用户在引导下执行实际操作
- 沙盒模式: 预先填充内容的环境,可供用户安全探索
最佳实践:
- 引导步骤不超过 5 步(理想情况为 3 步)
- 每次引导聚焦于一个工作流
- 允许用户随时退出
- 让用户动手操作,而不只是阅读
- 在适当情境下触发(首次访问某项功能时),而不是全局触发
- 除非用户主动请求,否则绝不重新播放已完成的引导
反模式:
- 展示每个按钮的 15 步引导
- 无法关闭的强制引导
- 讲解显而易见的 UI 元素
- 反复触发的引导
模板(每一步):
Step [X] of [Y]:
[Pointer to UI element]
"[Action verb] here to [achieve result]."
[Try it now] / [Next] / [Skip tour]
新手引导清单
持续显示的任务列表,引导用户完成激活。
有效原因:
- 蔡格尼克效应:人们会想要完成尚未完成的任务
- 清晰展示进度
- 用户可以按照自己的节奏完成列表
- 可以关闭,也可以再次查看
模板:
Get started with [Product] [3/5 complete]
[x] Create your account
[x] Set up your profile
[x] [First key action]
[ ] [Second key action] <-- "Do this next"
[ ] [Third key action]
[Dismiss checklist]
最佳实践:
- 最多包含 4-6 项
- 将简单项目(创建账户)预先勾选,以保持动力
- 按依赖关系和重要性排序
- 突出显示下一项建议步骤
- 庆祝完成(彩纸、徽章、奖励)
- 至少包含一项能带来「顿悟时刻」的操作
- 显示完成百分比或进度条
示例(Slack):
Getting started [2/4]
[x] Set your profile photo
[x] Join a channel
[ ] Send your first message
[ ] Invite a teammate
示例(Figma):
Welcome to Figma [1/5]
[x] Create your account
[ ] Create a design file
[ ] Add a frame
[ ] Use a component
[ ] Share with your team
电子邮件新手引导序列
通过一系列定时发送的邮件,补充应用内体验。
序列结构:
| 天数 | 邮件 | 目的 |
|---|---|---|
| 0 | 欢迎 + 快速开始 | 立即提供价值,并链接到第一个操作 |
| 1 | 提示:[核心功能] | 介绍一项关键功能 |
| 3 | 社会认同 | 展示其他人如何通过产品取得成果 |
| 5 | 「需要帮助吗?」 | 解决常见障碍,并提供支持 |
| 7 | 功能亮点 | 介绍一项次要功能 |
| 10 | 激活提醒 | 如果尚未激活,则提醒用户执行关键操作 |
| 14 | 升级提示 | 如果已激活,则推介高级功能 |
第 0 天欢迎邮件模板:
Subject: Welcome to [Product] -- here's your quick start
Hi [Name],
You're in! Here's how to get the most out of [Product] in the next 5 minutes:
1. [First action] -- [link directly to it]
2. [Second action] -- [link]
3. [Third action] -- [link]
[Primary CTA: "Go to your dashboard"]
Need help? Reply to this email or check our [getting started guide].
[Signature]
第 3 天社会认同邮件模板:
Subject: How [Customer] uses [Product] to [Result]
Hi [Name],
Did you know that [Customer/Company] uses [Product] to [specific result with metric]?
Here's what they did:
1. [Step they took]
2. [Step they took]
3. [Result they achieved]
You can do the same:
[CTA: "Try it now"]
3. 顶级产品的新手引导示例
Notion
做得好的地方:
- 欢迎屏询问用户角色和使用场景(2 个问题)
- 根据用户选择提供模板
- 在工作区中预先填入入门内容
- 渐进式展示:先介绍基础内容块,再介绍数据库
- 侧边栏中的清单会跟踪设置进度
- 空状态提供清晰的行动号召
激活指标: 首 7 天内创建 3 个或以上页面
Slack
做得好的地方:
- 工作区设置向导仅需 3 步(名称、邀请、频道)
- Slackbot 以对话方式引导用户完成首次交互
- 预先创建 #general 和 #random 频道,并附上欢迎消息
- 通过让用户亲自使用功能来进行教学(发送消息、添加表情回应)
- 侧边栏中的新手引导清单
激活指标: 团队在首 30 天内发送 2,000 条消息
Figma
做得好的地方:
- 注册流程极简(通过 Google OAuth 一键注册)
- 用户会立即进入带有交互式教程的画布
- 教程通过实际操作进行教学(创建形状、移动形状、设置样式)
- 提供示例文件供用户探索
- 尽早展示团队协作(光标位置)
激活指标: 首 3 天内创建第一个设计文件
Canva
做得好的地方:
- 通过可视化分类询问「今天要设计什么?」
- 立即显示与所选类别相关的模板
- 首次设计体验使用预制模板(用户编辑,而不是从头创建)
- 首次下载后庆祝并提示用户分享
Linear
做得好的地方:
- 首先支持从现有工具(Jira、Asana)导入
- 预先配置合理的默认设置(工作流状态、标签)
- 在适当情境下介绍键盘快捷键
- 空状态会明确展示接下来该做什么
4. 衡量新手引导成效
关键指标
| 指标 | 公式 | 目标 |
|---|---|---|
| 引导流程完成率 | 完成引导流程的用户数 / 注册数 | 60-80% |
| 首次关键操作耗时 | 从注册到首次有意义操作所用的时间 | 不超过 5 min |
| 激活率 | 达到激活指标的用户数 / 注册数 | 20-40% |
| 第 1 天留存率 | 注册次日回访的用户数 / 注册数 | 40-60% |
| 第 7 天留存率 | 注册 7 天后回访的用户数 / 注册数 | 20-35% |
| 第 30 天留存率 | 注册 30 天后仍活跃的用户数 / 注册数 | 10-25% |
| 引导步骤流失率 | 完成第 N 步的用户数 / 开始第 N 步的用户数 | 按步骤跟踪 |
| 达成价值所需时间(TTV) | 从注册到顿悟时刻的中位时间 | 尽可能短 |
漏斗分析
在你的分析工具中构建引导流程漏斗:
Signup completed
-> Welcome screen completed
-> First key action
-> Second key action (aha moment)
-> Activation metric reached
-> Day 7 return
跟踪每个步骤之间的转化率。流失最多的环节,就是你最大的优化机会。
5. 引导流程 A/B 测试思路
欢迎屏幕
- 欢迎屏幕上问 1 个问题还是 3 个问题
- 选择视觉卡片还是下拉菜单
- 个性化模板推荐还是通用推荐
设置流程
- 引导式设置还是“自行探索”
- 预填充示例数据还是空白状态
- 设置向导还是引导清单
产品导览
- 工具提示导览还是视频演示
- 3 步导览还是 5 步导览
- 自动触发导览还是由用户主动启动
激活
- 对未活跃用户在第 1 天还是第 3 天发送邮件提醒
- 在应用内提示下一步操作还是不提示
- 庆祝里程碑(彩纸、徽章)还是不庆祝
- 显示进度(“你的设置已完成 60%”)还是不显示
互动
- 每日提示邮件还是每周摘要
- 对未完成引导流程的用户发送推送通知还是仅发送邮件
- 展示同类用户比较(“像你这样的团队通常……”)还是不作比较
6. 引导流程审查模板
审查现有引导流程时:
## Onboarding Audit: [Product Name]
### Date: [Date]
### Current Flow Map
[Step-by-step flow with screenshots]
### Time to Complete
- Minimum path: [X] minutes
- Average path: [X] minutes
### Drop-off Analysis
| Step | Users Entering | Completion Rate | Drop-off |
|------|---------------|-----------------|----------|
| Signup | 100% | X% | X% |
| Welcome screen | X% | X% | X% |
| Setup step 1 | X% | X% | X% |
| Setup step 2 | X% | X% | X% |
| First key action | X% | X% | X% |
| Activation | X% | -- | -- |
### Scores (1-10)
| Dimension | Score | Notes |
|-----------|-------|-------|
| Time to value | X | |
| Clarity of next step | X | |
| Progressive disclosure | X | |
| Error recovery | X | |
| Mobile experience | X | |
| Personalization | X | |
| **Overall** | **X** | |
### Issues Found
1. **[Critical]** [Issue] -- Impact: [X]% activation loss
2. **[High]** [Issue]
3. **[Medium]** [Issue]
### Recommendations (Priority Order)
1. [Recommendation] -- Expected lift: X% on [metric]
2. [Recommendation] -- Expected lift: X%
3. [Recommendation] -- Expected lift: X%
### Quick Wins
- [ ] [Immediate fix]
- [ ] [Immediate fix]
### Long-term Improvements
- [ ] [Bigger initiative]
- [ ] [Bigger initiative]
7. 常见的引导流程错误
- 一次展示所有内容 -- 让用户不堪重负。采用渐进式披露。
- 解释功能,而非结果 -- “这是我们的仪表板”不如“在这里查看你的结果”。
- 获得价值前强制用户完成流程 -- 让用户先探索,再提供引导。
- 没有空白状态策略 -- 空白屏幕会扼杀激活。使用模板、示例或引导提示。
- 所有用户都使用同一套流程 -- 不同类型的用户需要不同的引导路径。
- 忽视移动端 -- 移动端引导需要单独设计(不能只是缩小桌面端流程)。
- 用户流失后没有重新互动 -- 放弃引导流程的用户需要有针对性的邮件提醒。
- 庆祝注册,而非激活 -- “欢迎!”并不是目标,首次成功才是。
- 工具提示过多 -- 如果需要 10 个工具提示,说明你的 UI 过于复杂。
- 没有衡量指标 -- 如果不逐步跟踪流失情况,你就只能靠猜。