课程库 › 产品设计 › Onboarding 设计 · 从注册到啊哈时刻 › 第 1 课
Onboarding 是什么 —— 用户旅程中最贵的五分钟
普通课约 30 分钟
本课导读
一个扎心的行业数字:40%-60% 的 SaaS 新用户,用过第一次就再也不回来了。他们注册了、登录了——然后消失了。这个单元研究的就是这段"从注册到留下来"的关键旅程:用户引导(Onboarding)。本课先立框架:Onboarding 到底在优化什么(时间到价值)、什么是"激活"和"啊哈时刻"、以及贯穿全单元的 10 种 UI/UX 模式全景图。预计 30 分钟。
说明
前置工具箱:五层模型(Onboarding 是一条被精心设计的任务流——结构层);PRD 单元的成功指标四件套(本单元的"激活率"就是它的实战主角)。单元素材主要取自 Appcues 的模式综述(文末延伸阅读),本课程做了重组织与本地化。
Onboarding 不是功能,是第一次兑现承诺
用户注册你的产品,是因为营销页面许了个愿:"帮你管好团队任务""让你说一口流利英语"。Onboarding 就是产品第一次兑现这个承诺的机会——而且往往是唯一一次机会:第一个会话里没感受到价值的用户,大概率不会给你第二个会话。
三个核心概念立正:
- 时间到价值(time-to-value):从注册那一刻,到用户第一次真实感受到"这东西有用",中间隔了多久。Onboarding 设计的总目标就一句话:把这段时间压到最短
- 激活(activation):用户完成了那个标志性动作,数据上从"注册者"变成"真用户"。每个产品的激活事件不同:Slack 是发出第一条消息,网盘是上传第一个文件——定义清你的激活事件,是一切 Onboarding 工作的前提(认出来了吗?这就是战略层"成功指标要可证伪"在增长场景的落地)
- 啊哈时刻(aha moment):用户主观上"哦——原来是这样!"的瞬间,激活事件通常就是围绕它选的
提示
类比记忆:Onboarding 是新员工入职第一天。糟糕的公司:给你一摞制度手册,"看完自己上手"(一次性塞满所有功能);好公司:先带你认工位、见搭档、今天就参与一个真实小任务(最短路径直达第一次价值感)。产品每天都在"招聘"新用户,而新用户的离职成本是零。
在五层模型里给 Onboarding 定位
用第一单元的语言看,Onboarding 恰好纵贯三层,这也决定了它该怎么被设计:
- 战略层:激活事件的定义、激活率目标——为什么做、怎么算做对
- 结构层:从注册到激活的那条任务流——步骤怎么排、哪些先哪些后、出错怎么办。Onboarding 的主体工程在这一层
- 框架层:本单元要学的 10 种模式——弹窗、提示、进度条……全是页面上的部件
顺序也因此定死:先定激活(战略),再画路径(结构),最后才挑部件(框架)——新手最常见的翻车就是倒着来:先决定"我要加个产品导览",再想它该导去哪。楼层纪律,第三次生效。
10 种模式全景图
后面三课按"性质"分三组讲完这 10 个模式。先看全景(含实现成本,来自 Appcues 的经验值):
| 组 | 模式 | 一句话职责 | 实现成本 |
|---|---|---|---|
| 引导类 | ① 欢迎消息 | 首次登录时定方向、给第一个 CTA | 低 |
| 引导类 | ② 产品导览 | 按顺序带用户走一遍关键流程 | 低-中 |
| 引导类 | ③ 工具提示 | 锚定具体元素的分步指引 | 低 |
| 引导类 | ④ 热点 | 脉冲小圆点,被动式"这里值得看看" | 低 |
| 动力类 | ⑤ 进度条 | 可视化"还差多少",激发完成欲 | 低 |
| 动力类 | ⑥ 清单 | 把设置任务列成可打勾的清单 | 中 |
| 动力类 | ⑦ 空状态设计 | 把"没有数据"的死胡同变成起跑线 | 低-中 |
| 结构类 | ⑧ 延迟注册 | 先体验价值,后要账号 | 中-高 |
| 结构类 | ⑨ 分角色引导 | 按用户类型走不同的引导路径 | 中 |
| 结构类 | ⑩ 渐进式披露 | 分天分周逐步展开功能,Day 1 只给核心 | 中 |
两条使用总纲,比任何单个模式都重要:
- 没有唯一正确的模式——好的 Onboarding 流程通常组合 2-4 个模式,而不是全家桶
- Onboarding 是旅程不是事件——它不在首次登录结束时结束,而要铺到第一周甚至更久(渐进式披露正是为此存在)
✍️ 练习
练习 1:考古你自己的"留下来"
选一个你用到今天的产品,回忆(或注销重注册体验)它的新手期:它的激活事件可能是什么?你的啊哈时刻发生在第几分钟、哪个动作上?对照全景表,它用了哪几种模式?
✅ 参考思路
以微信读书为例:激活事件大概率是"读完第一章";啊哈时刻常在"发现书架可以免费读到想读的书"那一刻;用到的模式至少有欢迎消息(首启选兴趣——其实是⑨分角色引导)、空状态设计(空书架直接给推荐书而不是白屏)、渐进式披露(划线、想法、组队读书都是后来才被你发现的)。做完这个考古你会发现:你留下来的原因,几乎都能对应到一个被设计出来的模式——没有偶然。
练习 2:给 LearnPath 定激活事件
假设你要给 LearnPath 设计新学习者的 Onboarding:候选激活事件有——完成注册、读完第一课、做完第一组 Quiz、连续学习 3 天。选一个并说明理由(提示:回想战略层——哪个事件最能预言"这个用户会留下来学下去"?)。
✅ 参考答案
推荐"做完第一组 Quiz"。逐个排除:完成注册没有价值感(谁都能注册然后消失——正是那 40%-60%);读完第一课接近了,但"读"可能是被动划过;连续学习 3 天是好的留存信号,但作为激活事件太远——用户流失在第 3 天之前就发生了,你来不及干预。"做完第一组 Quiz"意味着用户真读了、真想了、还拿到了即时反馈(答对的正反馈或答错的"原来如此")——它离啊哈时刻最近,又在第一个会话内就能达成。注意这个推理过程:激活事件要"预言留存 + 首会话内可达成"两头兼顾。
📝 随堂测验
1. Onboarding 设计的总目标,用一个指标概括是?
2. “激活事件”的定义标准是?
3. 用五层模型给 Onboarding 定位,正确的设计顺序是?
4. 关于 10 种模式的使用总纲,正确的是?
5. “连续学习 3 天”为什么不适合当激活事件?
本课小结
- 行业现实:40%-60% 新用户死在第一个会话;Onboarding 是第一次兑现承诺,不是功能
- 三概念:时间到价值(总目标:压短)、激活事件(预言留存 + 首会话可达成)、啊哈时刻(激活围绕它选)
- 五层定位:激活定义在战略层、任务流在结构层、10 种模式是框架层部件——先定激活,再画路径,最后挑部件
- 全景图记三组:引导类(欢迎/导览/提示/热点)、动力类(进度条/清单/空状态)、结构类(延迟注册/分角色/渐进披露)
- 总纲:组合 2-4 个模式;旅程不是事件
延伸阅读:Appcues – Onboarding UX: patterns, best practices, and examples(appcues.com/blog/user-onboarding-ui-ux-patterns,英文原文,本单元的模式框架与案例主要来源)
下一课进入第一组——引导类四件套:欢迎消息、产品导览、工具提示、热点,重点是搞清"主动引导"和"被动提示"该怎么选。
划选正文任意文字可高亮、批注或加入复习卡
讨论
载入中…