学径XUEJING · 个人学习平台通知设置

课程库 产品设计 Onboarding 设计 · 从注册到啊哈时刻 › 第 3

动力类模式 —— 进度条、清单、空状态

普通课35 分钟

本课导读

引导类模式解决"往哪走",这一组解决"为什么想走完"。三个模式各管一段心理:进度条让人不甘心半途而废,清单把大目标拆成一口一个的小勾,空状态把"什么都没有"的劝退瞬间变成"从这里开始"的邀请。这组模式的地基是几条朴素的行为心理学规律——理解了规律,模式就不是套路而是推导结果。预计 35 分钟。

说明

前置工具箱:PRD 单元边界六问里的"空了呢"(本课的空状态设计是它的进阶版:从"别出错"升级到"变机会");战略层的用户画像(动力设计的力度要匹配用户的耐心水平)。

先补一分钟心理学

三条规律,都有大量实验背书,记住结论就够用:

  1. 目标梯度效应:越接近目标,动力越强——咖啡店集章卡快集满时,你去得明显更勤
  2. 禀赋进度效应:白送你一点起始进度,完成率显著上升——"集 10 章送一杯"和"集 12 章、已预先盖好 2 章"是同一件事,但后者完成率高得多。人不愿浪费"已有的进度",哪怕那进度是白给的
  3. 蔡格尼克效应:没做完的事在脑子里挥之不去,做完的立刻忘掉——未完成状态自带"惦记"属性

动力类三模式,就是把这三条规律铸成的界面部件。

进度条:让"还差多少"看得见

是什么:以条、点、分数(3/5)等形式显示"你已完成多少、还差多少"的可视化部件。LinkedIn 的"档案完整度"是教科书案例——那根永远差一点的条,驱动了无数人上传头像、补工作经历。

两条实战要点:

  • 起步就有进度(禀赋进度效应的直接应用):用户刚注册,进度条别从 0% 开始——把"完成注册"本身算作一步,起手就是 20%。"已经开始了"和"还没开始"是两种完全不同的心理状态
  • 和清单搭配使用,1+1 大于 2:清单告诉用户"差的是哪几件",进度条告诉用户"差多少"——一个管内容一个管动力

提示

类比记忆:进度条是游戏的经验条。玩家为什么愿意"再打一局"?因为经验条还差一格升级。产品的设置流程枯燥得多,但心理机制完全同款——把枯燥任务接上"差一格"的钩子,就是进度条的全部工作。

清单:把大象切成一口一块

是什么:把 Onboarding 要做的事列成可打勾的任务清单,做完一项勾一项。GrowthHackers 用侧滑清单,Acorns 在移动端用 8 步清单完成复杂的开户流程。

适用前提:产品确实有多个必要的设置步骤(配置类 SaaS、需要连接数据的工具)。步骤只有一两个的轻产品硬上清单,是仪式感过剩。

三条实战要点:

  1. 常驻而不挡路:清单该以侧栏、角标等形式伴随用户使用产品,随时可看可收起——而不是一个关掉就再也找不到的弹窗
  2. 每项都是具体动作:"邀请 1 位同事"可以打勾,"了解协作功能"没法打勾——动词 + 可判定,规格三纪律在清单文案上的翻版
  3. 完成率是核心埋点:清单整体完成率、每一项的卡点分布,是诊断 Onboarding 的头号仪表(第 5 课展开)

空状态:最被低估的流失现场

是什么:新用户进入产品时,那些还没有任何数据的页面——没有项目的项目列表、没有笔记的笔记本、没有消息的收件箱。默认状态下它们是一片空白加一句"暂无数据"——而这正是新用户流失的高发现场:用户面对空屏的潜台词是"这产品里什么都没有,跟我没关系"

两种改造方案:

  • 教学型:把空屏变成行动号召——大按钮"创建你的第一个项目",配一句这样做的价值。死胡同变起跑线
  • 演示数据型:预填示例内容让用户看见"用起来的样子"——Asana 给新用户预置模板项目,Grammarly 给一篇演示文档(还记得吗?他们的热点就撒在这篇文档里——模式组合的实例)

实操动作是一次空状态审计:把新账号能到达的每一个页面走一遍,凡是零数据的页面逐个检查——它此刻在帮用户开始,还是在冷场?

说明

接住 PRD 单元的伏笔:边界六问的"空了呢"让你别在空数据时出错——那是及格线;Onboarding 视角再往上一层:空状态是新用户必经的页面(人人都从零数据开始),它不该只是"不出错",它是引导流程的正式一站。同一个页面,两个单元给了它两层要求。

✍️ 练习

练习 1:空状态审计实战

拿一个你有新账号的产品(或注销重登),走遍新账号能到达的页面,找出至少 3 个空状态。逐个记录:现状(白屏?有提示?)、类型判断(该用教学型还是演示数据型?)、你的改造方案一句话。

✅ 参考思路

判断"教学型 vs 演示数据型"的经验法则:创建成本低、第一步动作明确的场景用教学型(笔记应用:空笔记本 → "写下第一条笔记"按钮);价值需要看到"满载状态"才能理解的场景用演示数据型(报表工具:空仪表盘毫无说服力,预填一套演示数据让用户先看见"做好之后长什么样",再引导接入真数据)。混合型也常见:演示数据 + 一个"用你自己的数据试试"的 CTA。审计时最常见的发现:主流程的空状态做了,二级页面(搜索无结果、筛选无匹配、回收站)全是裸的"暂无数据"。

练习 2:给 LearnPath 设计"学习启动清单"

给新学习者设计一个 4-5 项的 Onboarding 清单:每项是具体可判定的动作、指向激活(做完第一组 Quiz)或近期留存;说明起始进度给多少、清单放在界面什么位置。

✅ 参考答案

清单(起手已勾 1 项 = 禀赋进度 20%):

  1. ✅ 创建账号(预先勾上——"已经开始了")
  2. ⬜ 选一条 Track 进入第一课
  3. ⬜ 完成第一组 Quiz(= 激活事件,清单的心脏)
  4. ⬜ 写下第一条课程笔记(接入笔记系统 = 加深投入)
  5. ⬜ 明天再来学 15 分钟(把旅程铺出首个会话——Onboarding 不在今天结束)

位置:Track 选择页顶部的可收起横条(常驻不挡路),配进度条"1/5"。注意第 5 项的设计:它把清单的生命周期拉到了第二天,正是"旅程不是事件"的落地——也顺手为 SRS 复习功能的出场(渐进式披露)留了口子。

📝 随堂测验

随堂测验0 / 5 题正确

1. “进度条别从 0% 开始,把完成注册算作一步”应用的心理学规律是?

2. 进度条和清单的最佳关系是?

3. 清单条目“了解协作功能”的问题是?

4. 空状态被称为“最被低估的流失现场”,因为?

5. PRD 边界六问的“空了呢”与本课空状态设计的关系是?

本课小结

  • 三条心理学地基:目标梯度(越近越有劲)、禀赋进度(白给的进度也不舍得浪费)、蔡格尼克(未完成的事自带惦记)
  • 进度条:起步就有进度;和清单搭配——一个管内容一个管动力
  • 清单:常驻不挡路、每项动词可判定、完成率是头号诊断仪表;轻产品别硬上
  • 空状态:教学型(低成本明确动作)vs 演示数据型(需看见满载价值);做一次全页面空状态审计
  • 空状态的双重身份:边界情况(别出错)+ 引导一站(变机会)

下一课第三组——结构类模式:延迟注册、分角色引导、渐进式披露。它们不是页面部件,是流程架构决策——要在画结构层任务流的时候就定下来。

划选正文任意文字可高亮、批注或加入复习卡

讨论

载入中…