引导类模式 —— 欢迎消息、产品导览、工具提示、热点

本课导读

第一组四个模式都在干同一件事：在正确的时刻，把用户的注意力引到正确的地方。区别在"引"的力度——从开场白（欢迎消息），到牵着手走（产品导览、工具提示），到只是眨眨眼示意（热点）。本课逐个拆解写法与红线，最后给出一张"主动 vs 被动"的选择判断表。这四个也是实现成本最低的一组，通常是 Onboarding 改造的第一批动工对象。预计 40 分钟。

欢迎消息：开场 10 秒定方向

是什么：用户首次登录时看到的问候界面，几乎所有 Onboarding 序列的第一站。别小看这一屏——用户此刻正处于不确定性的峰值（"我来对地方了吗？现在该干嘛？"），欢迎消息的职责就是一句话消除迷茫、给出唯一的下一步。

写作与设计红线：

• 文案极简 + 单一 CTA。Slack 的欢迎就是一句问候加一个按钮。三段产品介绍加四个按钮的欢迎页，是把不确定性峰值上的用户又推了一把
• 半透明弹窗优于全屏接管。弹窗让用户看得见身后的真实产品（安全感）；全屏覆盖只留给必须收集的输入（比如分角色引导的必答题）
• 记住它的本职是定方向，不是做品牌宣传——用户已经注册了，别再推销

产品导览：牵手走一遍，但只走主干道

是什么：用一串按顺序出现的提示框，带用户走一遍某个关键流程（注意：是关键流程，不是全部功能）。Typeform、InVision 都是经典实践者。

四条铁律：

1. 3-5 步封顶。每多一步，坚持到底的人就掉一截——导览的完成率曲线全是下坡
2. 每步文案 140 字符以内，讲价值不讲说明书："在这里发出你的第一条消息，你的团队马上能看到"好过"此按钮用于发送消息"
3. 第一步在页面加载时自动展开——让导览自己开始，别指望用户去找入口
4. 埋点看每一步的流失——导览哪一步掉人最多，哪一步就有问题（这条在第 5 课展开）

工具提示：锚在元素上的分步指引

是什么：锚定在具体界面元素（按钮、输入框、图标）上的小气泡，悬停或点击时出现，常串成序列引导用户完成设置。和产品导览的关系：导览是"走流程"，工具提示是它最常用的载体，但也可单独使用。

三条实战纪律：

• 要求动作才前进。好的工具提示序列不是"下一步下一步下一步"点过去的幻灯片，而是用户真的做一步，才走一步（Airtable 的做法）——做过的操作才会留下肌肉记忆
• 变暗聚焦。当前元素之外的界面调暗（聚光灯效果），注意力无处可逃——表现层"对比引导视线"的交互版
• 两个不要：不要滥用（处处冒气泡会逼疯想自己探索的用户）；不要把关键信息只放在工具提示里——气泡是会消失的，消失后信息就没了，关键信息必须在界面上有常驻的家

热点：不打扰的"这里值得一看"

是什么：附着在界面元素上的脉冲小圆点，一闪一闪地暗示"这里有东西"。用户好奇就点开看，不好奇就无视——完全用户自节奏。Grammarly 的演示文档、Feedly 都用它。

和工具提示的本质区别就一条：热点是被动的、非顺序的。它不拦路、不排队、不要求动作，适合：

• 非必要功能的提示——不值得进导览，但希望用户"哪天注意到"
• 边做边学型产品——用户在真实任务里遇到热点，顺手学一个

设计上唯一的红线：脉冲动画克制。满屏呼吸灯等于满屏噪音——又是那句话，什么都强调等于什么都没强调。

选择判断：主动还是被动

四个模式摆一起，选择逻辑其实是一根轴——这个信息对"到达激活"有多必要：

必要程度	用的模式	力度
开场定向（人人必经）	欢迎消息	主动，一次性
通往激活的关键流程	产品导览 / 工具提示序列	主动，顺序，要求动作
有用但非必经的功能	热点	被动，用户自节奏
锦上添花的细节	什么都不加	留给用户自己发现

最后一行不是玩笑："不引导"也是一种引导设计。每个引导元素都在消耗用户的注意力预算，预算花超了，真正重要的引导反而失效。

✍️ 练习

练习 1：病例会诊

某项目管理工具的新手引导：全屏欢迎视频（90 秒不可跳过）→ 12 步产品导览遍历全部功能 → 每个页面首次进入都弹 3 个工具提示。用户投诉"烦死了"，导览完成率 8%。开出你的诊断书和处方（至少三条）。

✅ 参考答案

诊断：① 90 秒不可跳过视频——在不确定性峰值扣押用户，开场即冒犯；② 12 步导览是功能说明书不是引导（3-5 步铁律的四倍超载），8% 完成率就是下坡曲线的必然结局；③ 页页弹提示 = 注意力预算破产，用户已把一切气泡归类为骚扰。处方：① 欢迎改为一屏文案 + 单一 CTA（直奔"创建第一个项目"）；② 导览砍到 3-4 步，只覆盖"建项目 → 加任务 → 邀请一个同事"这条激活路径，且每步要求真实动作；③ 其余功能降级：常用的放热点，冷门的删掉引导——留给用户自己发现。根因只有一个：没定义激活事件，所以什么都想教。

练习 2：给 LearnPath 设计三步导览

沿用上一课的激活事件（做完第一组 Quiz），给新学习者设计一条 3 步以内的导览：每步写出锚定元素、文案（140 字符内、讲价值）、要求的动作。

✅ 参考答案

• 第 1 步 · 锚定 Track 卡片："从这里选一条路线开始——每条 Track 独立进度，按顺序走就是最优路径。"动作：点进一个 Track
• 第 2 步 · 锚定第一课链接："第一课约 30 分钟，读到哪儿算哪儿，进度自动保存。"动作：进入课程页
• 第 3 步 · 锚定课内 Quiz 区块："读完动手答一组题——答错也有解析，这是记住的最快方式。"动作：提交第一组 Quiz（= 激活，导览结束）

自查三点：每步都通往激活？（是，无一步绕路）文案讲价值不讲操作？（"进度自动保存""记住的最快方式"都是价值）要求真实动作？（三步全是）。注意笔记、复习、日记这些好功能都没进导览——它们是渐进式披露（第 4 课）的素材。

📝 随堂测验

随堂测验0 / 5 题正确

1. 欢迎消息的设计红线是？

A越隆重越好，展示品牌实力B文案极简 + 单一 CTA；半透明弹窗优于全屏接管（全屏只留给必须收集的输入）C必须包含产品视频D列出全部功能入口

2. 产品导览的“3-5 步封顶”背后的逻辑是？

A开发成本限制B完成率随步数逐级下坡，且导览只该覆盖通往激活事件的最短路径——它是引导，不是功能说明书C用户记忆力只有 5 步D行业惯例，无特殊原因

3. “不要把关键信息只放在工具提示里”的原因是？

A工具提示字太小B气泡会消失——消失后信息就没了，关键信息必须在界面上有常驻的家C工具提示成本高D用户不喜欢黄色

4. 热点（hotspot）与工具提示的本质区别是？

A热点更漂亮B热点是被动、非顺序、用户自节奏的——不拦路不要求动作，适合非必要功能和边做边学C热点只能用在移动端D没有区别，同一个东西

5. “锦上添花的细节，什么引导都不加”这一行的含义是？

A偷懒的借口B每个引导元素都消耗用户的注意力预算——预算花超，真正重要的引导反而失效；不引导也是引导设计C这些功能应该删掉D等有预算了再加

本课小结

• 四模式一根轴：按"对到达激活的必要程度"选力度——欢迎消息（定向）→ 导览/工具提示（主动牵手）→ 热点（被动示意）→ 不引导
• 欢迎消息：极简 + 单一 CTA，弹窗优于全屏，职责是定方向
• 产品导览：3-5 步、140 字符、讲价值、自动开始、埋点看流失——只走激活最短路径
• 工具提示：要求动作才前进、变暗聚焦；不滥用、关键信息不能只住在气泡里
• 热点：被动、非顺序、自节奏，动画克制
• 注意力预算是硬约束："不引导"也是设计决策

下一课看第二组——动力类三件套：进度条、清单、空状态设计，核心是一点行为心理学：人为什么忍不住想把没做完的事做完。