专题篇章 · Interaction Engineering:让产品真的好用

流程克制:每多一步掉一批人

不直接服务目标的操作都是负担。把一个五步注册流程逐步砍到两步,看漏斗里的人怎么留下来

本页解决的问题

先给结论

「流程克制:每多一步掉一批人」要解决的关键问题是什么?

不直接服务目标的操作都是负担。把一个五步注册流程逐步砍到两步,看漏斗里的人怎么留下来

判断标准

把品味变成产品可重复的行为。 有用的结果不是一句“我觉得更好”。它应该是一条看得见的规则、一个小例子,以及判断体验何时低于标准的方法。

下一步

记录一个前后对比,让别人不用听解释也能看懂质量线。

常见误区

表面更精致了,却没有减少用户的不确定感。

白干的活,Cooper 给它起了名字

《About Face 4》第 12 章把用户的操作分成两类。一类直接推进目标,比如开车上班这件事里的踩油门、打方向。另一类在伺候工具:开车库门、热车、等红灯,这些动作一步也没让你离办公室更近。第二类,Cooper 叫它负担(excise)

软件里的负担长这样:你想发一条动态,先登录、找入口、点掉引导气泡、翻过一个升级弹窗。发动态是目标,前面四步都是税。Cooper 把这笔税拆成四种:

认知税
琢磨这个产品怎么用:按钮是什么意思、结构怎么组织。
记忆税
背下密码、命令、东西放在哪一层菜单里。
视觉税
在屏幕上找:眼睛从哪开始看、哪块能点、哪块是装饰。
体力税
点击、移动、切输入法、一层层导航过去的手上功夫。
「尽可能地消除每一种负担。」
Alan Cooper 把这句列为设计原则,还补了一刀:界面里的负担,是用户对软件不满的头号原因。

判据只有一条,很好记:把这一步删掉,用户的目标还能达成吗?能,它就是负担。带着这条判据,来看 AI 交付的流程。

AI 爱交「完整」的流程,完整是它的病

让 AI 生成一个注册页,它大概率给你一个五步向导:邮箱、手机验证、完善资料、兴趣标签、确认提交,一步不少。它在训练数据里见过太多「规范」的注册流程,就把最全的那套端给你,每一步单看都有道理,合起来是一条收税走廊。

Cooper 对向导这种形式本来就没好话:向导把过程写死成一问一答,用户很快学会只点「下一步」,脑子全程没参与。他给的替代方案是把活直接干完,用合理的默认值兜底,事后允许用户改。放到 AI 时代,这条要由你写进需求里,它自己想不起来。

砍之前先认脸。第 12 章点名的负担源里,有三个在 AI 产出里出现得最密,点开每张卡看病征和给 AI 的话术

三大负担源速查 翻开 0 / 3
导航负担 点开
病征换页、换窗口、翻菜单找功能。用户在赶路,路上没有风景,走的每一步都在扣耐心。
AI 典型病一个功能一个新页面,改个昵称也要跳三层;常用工具埋在二级菜单里。
给 AI 的话术:常用操作就地完成,别新开页面;导航层级最多两层。
打断负担 点开
病征确认框、成功提示对话框、无关紧要的报告,把人从做事的状态里拽出来伺候软件。
AI 典型病每次保存都弹「保存成功」,点掉确定才能继续干活。
给 AI 的话术:反馈用页面内的轻提示;对话框只留给不可逆的大事。
重复输入负担 点开
病征让用户报一遍软件已经知道的事:重复登录、重复填资料、每次都要重新设置一遍偏好。
AI 典型病表单提交失败,回来一看填的内容全被清空了。
给 AI 的话术:填过的信息记住;出错保留已填内容;能推断的默认值直接给。
动手 · 负担清点器:五步注册砍到两步

下面是一个 AI 生成的会员注册流程,五步俱全,右边的漏斗按每步 78% 的通过率算给你看:1000 个人进门,走完五步只剩 289 个。请你拿着那条判据逐步清点,把没在推进目标的步骤砍掉。砍对了漏斗上涨,砍错了它会告诉你为什么砍不得。

流程审计:该留的留,该砍的砍 砍掉 0 / 3
点每一步右侧的「砍掉」,被砍的步骤会塌缩消失,漏斗实时重算
signup.example.com/register
创建账号流程审计模式
1 邮箱和密码输入常用邮箱,设置登录密码
2 手机号验证输入手机号,填 6 位短信验证码
3 完善个人资料上传头像,填写昵称和生日
4 选择兴趣标签至少挑 5 个,用于内容推荐
5 同意协议并创建勾选用户协议,点「创建账号」
这条流程的漏斗
1000 人点了「注册」
完成注册 289
演示模型:每一步按 78% 通过率计算
推而广之 · 每多一步,掉多少人

注册只是最好算的例子。下单、发布、报名、提交工单,凡是有流程的地方都有这只漏斗。拖动滑块改步骤数,看完成的人怎么变。流失率取 22% 只是演示口径,真实数字因产品而异,但方向从来一致:步骤和留存是反着走的

步骤漏斗模拟器 拖滑块
漏斗里的流动条纹是演示动画,只在视口内播放,可暂停
5 步
1000 人进来,走完的 289
编配与流:好流程让人待在状态里

砍步骤有理论撑腰。《About Face 4》第 11 章讲「流」(flow):心理学家米哈里·契克森米哈赖提出的概念,人全神贯注做事时会进入一种高产出的状态,察觉不到时间。Cooper 的推论:交互设计的任务是保住这个状态,好的交互应该「透明」,用户直接面对自己要办的事,感觉不到软件的存在。

流的天敌是打断。每多一步、每弹一个框、每换一个页面,用户都要从状态里出来一次,回去要重新酝酿。这也解释了漏斗为什么掉人:掉的多半就发生在被打断的那一下,用户抬头一想「我为什么要填这个」,就把页面关了。

「不论界面多酷,越少越好。」
Alan Cooper,《About Face 4》第 11 章。同章还有一条更直接的原则:不要愚蠢地打断进程。

验收 AI 产出时的走查法:亲手把核心流程从头走一遍,每一步问两个问题。第一,这步删掉目标还能达成吗?第二,这步有没有把我从状态里拽出来?两个问题都过关的流程,才配上线。

选一选 · 哪一步是负担

拿一个外卖 App 的下单流程练练手感。四步里藏着一步典型负担,用判据挑出来

外卖下单四步,哪步在收税? 单选
选错也有解释,选到对的为止
A浏览菜单,把菜品加进购物车
B第一次下单时填写收货地址
C每次提交订单前,重新勾一遍「我已阅读并同意配送协议」
D选择支付方式,完成支付
本节要点

负担的判据一句话:删掉这一步,用户的目标还能达成吗?能,就是负担(Cooper,《About Face 4》第 12 章)。认知、记忆、视觉、体力,四种税都要清。

三大负担源认清脸:导航(换页翻菜单)、打断(弹框和报告)、重复输入(报软件已知的事)。AI 的产出三样俱全,等你点名来砍。

步骤和留存反着走:五步注册砍到两步,走完的人翻一倍。掉人的位置多半在被打断的那一下,好流程让人待在状态里(第 11 章编配与流)。

给 AI 的话术:「注册只收邮箱和密码,其余资料进产品后再补;反馈用页内轻提示;填过的信息要记住。」流程管住了,下一节看 AI 发明的新交互怎么坑人。

内容来源:newwebplay AI「交互工程」专题原创;部分交互原则整理自《About Face 4:交互设计精髓》。

从「白干的活,Cooper 给它起了名字」把感觉变成判断

「《About Face 4》第 12 章把用户的操作分成两类。一类直接推进目标,比如开车上班这件事里的踩油门、打方向。另一类在伺候工具:开车库门、热车、等红灯,这些动作一步也没让你离办公室更近。第二类,Cooper 叫它 负担(excise)」指出,AI 降低了做出“能用”成品的门槛,读者真正需要练的是看出哪里不对,并把感觉说成可以执行的要求。

观察用户的下一步,而不是只看表面

「软件里的负担长这样:你想发一条动态,先登录、找入口、点掉引导气泡、翻过一个升级弹窗。发动态是目标,前面四步都是税。Cooper 把这笔税拆成四种」可以转成几个可观察的问题:用户是否知道现在发生了什么,是否知道下一步做什么,出错或空白时能否恢复,以及信息层级是否让重要内容先被看见。

漂亮不等于容易用

把「给 AI 的话术: 「注册只收邮箱和密码,其余资料进产品后再补;反馈用页内轻提示;填过的信息要记住。」流程管住了,下一节看 AI 发明的新交互怎么坑人」用在第二个页面或流程上,记录一个具体犹豫点和一个改动后的用户动作;能被观察到的变化,才是体验改善。

从「白干的活,Cooper 给它起了名字」走到「AI 爱交「完整」的流程,完整是它的病」

「白干的活,Cooper 给它起了名字」先把问题落在「《About Face 4》第 12 章把用户的操作分成两类。一类直接推进目标,比如开车上班这件事里的踩油门、打方向。另一类在伺候工具:开车库门、热车、等红灯,这些动作一步也没让你离办公室更近。第二类,Cooper 叫它 负担(excise)」上;到了「AI 爱交「完整」的流程,完整是它的病」,讨论继续推进到「让 AI 生成一个注册页,它大概率给你一个五步向导:邮箱、手机验证、完善资料、兴趣标签、确认提交,一步不少。它在训练数据里见过太多「规范」的注册流程,就把最全的那套端给你,每一步单看都有道理,合起来是一条收税走廊」。两段连起来,重点就不只是记住一个结论,而是看清它成立所依赖的条件。

把这条判断带到下一个场景

评估体验时,把抽象的“好看”或“顺手”换成用户动作:他是否看懂状态、找到了下一步、能从错误中恢复,并且愿意继续使用。

  • 「白干的活,Cooper 给它起了名字」:《About Face 4》第 12 章把用户的操作分成两类。一类直接推进目标,比如开车上班这件事里的踩油门、打方向。另一类在伺候工具:开车库门、热车、等红灯,这些动作一步也没让你离办公室更近。第二类,Cooper 叫它 负担(excise)
  • 「AI 爱交「完整」的流程,完整是它的病」:让 AI 生成一个注册页,它大概率给你一个五步向导:邮箱、手机验证、完善资料、兴趣标签、确认提交,一步不少。它在训练数据里见过太多「规范」的注册流程,就把最全的那套端给你,每一步单看都有道理,合起来是一条收税走廊
  • 「最后的要点」:砍之前先认脸。第 12 章点名的负担源里,有三个在 AI 产出里出现得最密, 点开每张卡看病征和给 AI 的话术

最后的「最后的要点」把讨论落到「砍之前先认脸。第 12 章点名的负担源里,有三个在 AI 产出里出现得最密, 点开每张卡看病征和给 AI 的话术 」。回看这条线索时,最值得保留的是:当输入、规模或风险改变,哪些判断需要重新做一遍。

标记为已学完 阅读进度会自动记录
← 上一篇下一篇 →

继续阅读

同一条线上的下一篇。

文章讨论

读到这里,留下一个判断。

把刚想明白的地方、还没想通的问题,留给下一位一起学习的人。

正在讨论 流程克制:每多一步掉一批人 Interaction Engineering:让产品真的好用
3条讨论文章讨论 · 与共学社区同步
在共学社区查看
AM
Asha Morgan内容编辑
观点实践记录

我把这篇文章里的一个判断改写成了今天可以验证的小实验。比记住结论更有用的是,知道下一步要观察什么。

文章讨论7 有帮助
LH
Lin Harper独立开发者
观点观点

读完以后我先回头找它成立的条件,而不是直接把方法搬进项目。这个顺序让后面的取舍清楚很多。

文章讨论5 有帮助
KM
Kiki Moore产品运营
问题问题

如果把这个判断放到真实工作里,最先需要补的约束是什么?我想知道从阅读到第一次实践之间,哪一步最值得先做。

文章讨论4 有帮助