mcpField
O
onboarding-cro

onboarding-cro

github.com/openclaudia营销与增长722426 次安装1 天前更新
代码仓库

关于 onboarding-cro

面向产品团队与增长从业者的用户引导设计与优化技能,涵盖从激活指标、引导流程到留存衡量的框架。提供欢迎页、设置向导、产品导览、清单和邮件序列等实践模板。

主要功能

  1. 01按用户目标设计引导流程
  2. 02渐进式功能展示
  3. 03识别激活指标与关键时刻
  4. 04设计导览、清单和设置向导
  5. 05衡量漏斗、留存与引导成效

适用场景

  1. 01规划新用户首次使用路径
  2. 02审查并改进现有引导流程
  3. 03为引导组件制定内容与步骤
  4. 04设计引导成效的衡量方案

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/openclaudia/openclaudia-skills --skill onboarding-cro

安装后在 Claude Code 中输入/onboarding-cro确认已加载。

详细介绍

新手引导转化率优化

设计并优化用户新手引导流程,推动用户激活并提升长期留存。


1. 新手引导框架

Jobs-To-Be-Done(JTBD)新手引导

最佳的新手引导流程围绕用户要完成的任务组织,而不是围绕产品功能组织。

流程:

  1. 确定用户最主要的待完成任务
  2. 梳理用户在产品中完成该任务所需的最少步骤
  3. 引导用户完成这些步骤,排除所有干扰
  4. 庆祝任务完成(顿悟时刻)

示例(Notion):

  • 任务:“我需要整理团队项目”
  • 步骤:创建工作区 > 邀请团队成员 > 创建第一个页面 > 使用模板
  • 新手引导流程只引导用户走这条路径,不做其他引导

**反面模式:**展示所有功能的功能导览。用户在新手引导过程中并不关心功能,他们关心的是解决问题。

渐进式披露

随着用户逐渐准备好,逐步展示功能。

层级:

  1. **首次会话:**只展示完成主要任务所需的核心功能
  2. **首次成功后:**介绍可增强核心工作流的辅助功能
  3. **反复使用后:**展示高级功能、集成和自定义选项
  4. **熟练掌握后:**引导用户使用高级功能、API 和自动化

实施方式:

  • 使用功能标志或用户状态控制可见内容
  • 跟踪用户操作,判断何时提升披露层级
  • 不要一次性展示所有内容
激活指标

在设计新手引导之前,先定义激活指标。激活指标是与长期留存相关性最高的操作。

示例:

产品激活指标时间范围
Slack发送 2,000 条消息(团队)前 30 天
Dropbox从 2 台设备上传 1 个文件前 7 天
Facebook添加 7 位好友前 10 天
Zoom主持首次会议前 7 天
Notion创建 3 个页面前 7 天
Figma创建首个设计前 3 天
HubSpot导入联系人 + 发送首封邮件前 14 天

如何找到激活指标:

  1. 队列分析:比较留存用户与流失用户
  2. 找出留存用户做过、而流失用户没有做过的操作
  3. 找到与 30 天留存相关性最强的操作
  4. 通过测试引导用户执行该操作是否能提高留存,验证这一指标
确定顿悟时刻

顿悟时刻是用户首次体验到产品核心价值的时刻。

确定框架:

  1. 用户推荐产品时会怎么说?(“它很棒,因为……”)
  2. 用户通常会在使用流程的哪个阶段说“哇”或“真不错”?
  3. 哪个单一操作能区分留下来的用户和离开的用户?

顿悟时刻不是:

  • 注册
  • 完成新手引导
  • 观看功能演示

顿悟时刻是:

  • 获得首个结果
  • 体验到节省时间
  • 首次看到自己的数据可视化
  • 成功完成首个任务

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]
产品引导

对产品界面的交互式引导。

类型:

  1. 工具提示引导: 高亮显示 UI 元素,并附上说明性工具提示(Intercom、Appcues)
  2. 视频演示: 展示关键工作流的短视频
  3. 交互式教程: 用户在引导下执行实际操作
  4. 沙盒模式: 预先填充内容的环境,可供用户安全探索

最佳实践:

  • 引导步骤不超过 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. 欢迎屏幕上问 1 个问题还是 3 个问题
  2. 选择视觉卡片还是下拉菜单
  3. 个性化模板推荐还是通用推荐
设置流程
  1. 引导式设置还是“自行探索”
  2. 预填充示例数据还是空白状态
  3. 设置向导还是引导清单
产品导览
  1. 工具提示导览还是视频演示
  2. 3 步导览还是 5 步导览
  3. 自动触发导览还是由用户主动启动
激活
  1. 对未活跃用户在第 1 天还是第 3 天发送邮件提醒
  2. 在应用内提示下一步操作还是不提示
  3. 庆祝里程碑(彩纸、徽章)还是不庆祝
  4. 显示进度(“你的设置已完成 60%”)还是不显示
互动
  1. 每日提示邮件还是每周摘要
  2. 对未完成引导流程的用户发送推送通知还是仅发送邮件
  3. 展示同类用户比较(“像你这样的团队通常……”)还是不作比较

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. 常见的引导流程错误

  1. 一次展示所有内容 -- 让用户不堪重负。采用渐进式披露。
  2. 解释功能,而非结果 -- “这是我们的仪表板”不如“在这里查看你的结果”。
  3. 获得价值前强制用户完成流程 -- 让用户先探索,再提供引导。
  4. 没有空白状态策略 -- 空白屏幕会扼杀激活。使用模板、示例或引导提示。
  5. 所有用户都使用同一套流程 -- 不同类型的用户需要不同的引导路径。
  6. 忽视移动端 -- 移动端引导需要单独设计(不能只是缩小桌面端流程)。
  7. 用户流失后没有重新互动 -- 放弃引导流程的用户需要有针对性的邮件提醒。
  8. 庆祝注册,而非激活 -- “欢迎!”并不是目标,首次成功才是。
  9. 工具提示过多 -- 如果需要 10 个工具提示,说明你的 UI 过于复杂。
  10. 没有衡量指标 -- 如果不逐步跟踪流失情况,你就只能靠猜。

评论

支持 Markdown