入职引导 (onboard)

入职引导（onboard）

概述

onboard 是创建和优化入职引导流程的技能。它的核心是：让新用户快速上手、获得价值、建立使用习惯。

作为产品设计师/开发者，你可能遇到过：

“用户注册后就流失了”
“不知道怎么用我们的产品”
“功能太多，不知道从哪开始”

onboard 就是解决这些的。

为什么入职重要

1. 第一印象决定留存

用户首次使用产品的前 5 分钟：

好的入职：
- 快速获得价值
- 觉得产品有用
- 愿意继续使用

差的入职：
- 困惑，不知道做什么
- 觉得产品复杂
- 直接离开

2. 降低使用门槛

好的入职：
- 教用户最核心的功能
- 让用户先成功一次
- 建立信心

差的入职：
- 展示所有功能
- 信息过载
- 打击信心

3. 引导用户成功

目标：让用户达到"顿悟时刻"

顿悟时刻：
- 用户突然明白产品价值
- "啊，原来是这样！"
- "这个产品太棒了！"

你的产品顿悟时刻是什么？
- 微信：收到第一条消息
- Notion：写下第一条笔记
- Figma：完成第一个设计

入职设计核心

1. 快速价值

让用户尽快体验到产品价值：

原则：
- 首次使用 ≤ 2 分钟
- 第一个任务 ≤ 30 秒
- 第一次成功要快

方法：
- 跳过不必要的注册
- 提供示例数据
- 简化首次任务

2. 最少步骤

只教用户必须知道的：

原则：
- 只教核心功能（1-3 个）
- 其他功能 later
- 不要信息过载

❌ 错误：
- 教完所有功能
- 强制看教程
- 步骤太多

3. 清晰反馈

每一步都要有反馈：

原则：
- 告诉用户该做什么
- 完成后有成功提示
- 错误要明确指出解决方案

✅ 正确：
- "完成这 3 步，开始使用"
- "很好！继续下一步"
- "出错了，这样解决..."

入职场景类型

1. 注册引导

目标：让用户完成注册并进入产品

设计要点：

减少必填字段
支持社交登录
展示产品价值
跳过选项

示例：

❌ 之前：15 个字段，强制验证手机
✅ 之后：3 个字段（邮箱/密码/名字），可选验证手机

2. 首次使用引导

目标：让用户完成第一个任务

设计要点：

选择一个核心任务
分步骤引导
提供帮助
完成后庆祝

示例：

步骤 1：选择模板
步骤 2：编辑内容
步骤 3：保存/发布

3. 空状态引导

目标：让用户从”没有内容”到”有内容”

设计要点：

说明当前状态
提供行动指引
给出示例
降低门槛

示例：

❌ 之前：空白页面"暂无数据"
✅ 之后：
┌─────────────────────────┐
│  📝 欢迎开始             │
│                         │
│  创建你的第一个项目吧！    │
│                         │
│  [创建项目]              │
│                         │
│  💡 不知道怎么做？        │
│  看看示例项目             │
└─────────────────────────┘

4. 功能发现引导

目标：让用户发现并学习新功能

设计要点：

不强制
时机恰当
可跳过
记住选择

方式：

气泡提示
引导弹窗
新手任务
视频教程

入职流程设计

第一步：定义目标

问题：
- 用户注册后的目标是什么？
- 产品的核心价值是什么？
- 用户的顿悟时刻是什么？

回答：
- 我的产品帮用户解决什么问题？
- 用户第一次觉得"有用"是什么时候？
- 最短多久能让用户成功？

第二步：用户分群

新用户类型：

1. 观望者
   - 目的：了解产品
   - 策略：快速展示价值

2. 实用者
   - 目的：完成任务
   - 策略：直接引导任务

3. 探索者
   - 目的：了解全部功能
   - 策略：提供高级教程

第三步：设计路径

设计用户入职路径：

入口 → 价值 → 习惯

示例：
1. 欢迎页
2. 选择使用目的
3. 核心功能引导
4. 完成第一个任务
5. 推荐下一步

第四步：测试优化

测试指标：

1. 完成率
   - 注册 → 首次使用
   - 首次使用 → 完成任务

2. 留存率
   - 次日留存
   - 7 日留存

3. 时间
   - 首次使用时长
   - 完成任务时间

实践案例

案例 1：笔记产品入职

背景：用户注册后不知道做什么

设计：

步骤 1：选择身份
┌─────────────────────────┐
│  你是谁？                │
│  ☐ 产品经理            │
│  ☐ 设计师              │
│  ☐ 开发者              │
│  ☐ 其他                │
└─────────────────────────┘

步骤 2：创建第一篇笔记
┌─────────────────────────┐
│  创建你的第一篇笔记       │
│                         │
│  标题：_______________   │
│  内容：_______________   │
│                         │
│  [创建笔记]              │
└─────────────────────────┘

步骤 3：展示下一步
┌─────────────────────────┐
│  🎉 笔记创建成功！        │
│                         │
│  你还可以：              │
│  • 添加协作者            │
│  • 连接到其他工具        │
│  • 查看模板库            │
│                         │
│  [开始使用]              │
└─────────────────────────┘

案例 2：电商 App 入职

背景：用户下载后不知道买什么

设计：

步骤 1：选择兴趣
┌─────────────────────────┐
│  告诉我们你喜欢什么       │
│                         │
│  [✓] 电子产品            │
│  ☐ 服装                │
│  ☐ 家居                │
│  ☐ 美食                │
│                         │
│  [下一步]                │
└─────────────────────────┘

步骤 2：首页个性化
┌─────────────────────────┐
│  为你推荐               │
│                         │
│  [商品卡片]              │
│  [商品卡片]              │
│  [商品卡片]              │
│                         │
│  [进入首页]              │
└─────────────────────────┘

案例 3：SaaS 产品入职

背景：功能太多，用户迷茫

设计：

新手任务：
┌─────────────────────────┐
│  🏆 新手任务              │
│                         │
│  □ 创建第一个项目  → 5分钟│
│  □ 添加团队成员    → 2分钟│
│  □ 创建第一个任务  → 3分钟│
│                         │
│  [开始任务]              │
└─────────────────────────┘

完成奖励：
┌─────────────────────────┐
│  🎉 完成新手任务！        │
│                         │
│  获得：                  │
│  ✓ 新手徽章              │
│  ✓ 高级功能试用          │
│                         │
│  [探索更多]              │
└─────────────────────────┘

空状态设计模式

1. 说明 + 行动

状态：没有数据

设计：
┌─────────────────────────┐
│                         │
│  📂 没有项目             │
│                         │
│  创建你的第一个项目，     │
│  开始管理工作吧。        │
│                         │
│  [创建项目]              │
│                         │
└─────────────────────────┘

2. 示例 + 行动

状态：没有内容

设计：
┌─────────────────────────┐
│                         │
│  📝 还没有笔记            │
│                         │
│  参考示例：              │
│  ┌─────────────────────┐ │
│  │ 产品需求文档        │ │
│  │ 团队周报            │ │
│  └─────────────────────┘ │
│                         │
│  [创建笔记]              │
│                         │
└─────────────────────────┘

3. 个性化 + 行动

状态：没有推荐

设计：
┌─────────────────────────┐
│                         │
│  👋 欢迎回来！            │
│                         │
│  告诉我们你的兴趣，       │
│  为你推荐相关内容。      │
│                         │
│  [设置偏好]              │
│                         │
└─────────────────────────┘

入职检查清单

目标

☐ 明确用户的顿悟时刻？
☐ 首次使用 ≤ 2 分钟？
☐ 第一个任务 ≤ 30 秒？

设计

☐ 只教核心功能？
☐ 每步有清晰指引？
☐ 有成功反馈？

空状态

☐ 说明当前状态？
☐ 提供行动按钮？
☐ 给出示例？

测试

☐ 测试完成率？
☐ 测试留存率？
☐ 收集用户反馈？

速查卡片

核心原则

快速价值
最少步骤
清晰反馈

场景类型

注册引导
首次使用
空状态
功能发现

设计要点

只教核心功能
快速获得价值
明确下一步

指标

完成率
留存率
首次使用时间

与其他技能

polish - 打磨细节
distill - 精简引导
clarify - 文案优化

查看源文件: GitHub原始文件