第 6 章 · 第 37 讲 · 16:08
模块：M6 产品手感 ｜ 篇章：交互工程 3 至 5 节
本集解决「用户敢不敢点、走不走得完、看不看得懂」：防错与可逆、流程克制、习惯用法。
来源：xueai.miyang.cn（小山学堂 · 洛小山《学 AI 产品，从入门到精通》）
本集拆三个抓手，每个对应一类用户真实会遇到的问题：
| 抓手 | 回答的问题 | 核心概念 |
|---|---|---|
| 防错与可逆 | 用户敢不敢点 | 撤销是绳梯、防错三板斧、四道防线 |
| 流程克制 | 用户走不走得完 | 负担（excise）、三大负担源、流 |
| 习惯用法 | 用户看不看得懂 | 习惯用法、能供性、创新刀刃 |
三节的共同立场：不要指望用户小心一点，要设计得让用户不用小心。
| 防线 | 手段 | 强度 |
|---|---|---|
| 1 | 删除前弹确认框 | 最弱（会因习惯化失效） |
| 2 | 危险操作与常用操作拉开距离 | 较弱 |
| 3 | 禁用不可用项并配说明 | 较强 |
| 4 | 立即执行 + 可撤销 | 最强 |
报错的最高境界是无错可报。 防线从右往左递减：越靠前的防线，越依赖用户当时的注意力；越靠后的防线，越依赖你的设计。
Cooper 在《About Face 4》第 15 章的立场：从用户的心理模型看，没有「错误操作」这回事。 人用软件就是在探索——点点这个、试试那个，走进死胡同再退出来，这是学会一个工具的正常方式。把探索标记成错误、动不动弹框拦截的软件，用户会越用越缩手缩脚。
撤销的比方：人进山洞探险，洞口挂一条随时能爬回地面的绳梯，胆子就大得多。撤销就是那条绳梯——它救的次数不多，但它挂在那里，用户才敢往深处走。
「做，不要问。」—— 与其用弹窗要用户确认，先自信地执行，再备好撤销。
| 板斧 | 做法 | 反例 |
|---|---|---|
| 禁用不可用项 | 条件不满足的按钮置灰，旁边说明缺什么 | 让用户点一下再报错，等于设好陷阱看人踩 |
| 危险操作拉开距离 | 「清空」别挨着「保存」 | 无害功能和弹射座椅拉杆排在一起，像坐在打开的烤肉炉边上 |
| 默认值兜底 | 默认选项永远是最安全的那个 | 群发邮件默认发所有人，把手滑的代价预设到最大 |
素材实验：左边用确认弹窗，右边用「立即删除 + 可撤销提示条」。
根因是习惯化：在常规位置反复出现的确认框，用户很快就看也不看地点掉，等真正的危险到来，手指比脑子快。素材里那个「连点八个弹窗」的实验就是让你亲自验证——后面几个基本拦不住。
| 场景 | 对症手段 |
|---|---|
| 「清空画布」紧挨着「保存」，已有用户手滑 | 挪进菜单深处拉开距离，再配撤销 |
| 群发通知默认勾着「所有成员（2841 人）」 | 默认值改成「只发给我勾选的人」，选全部时就地显示人数 |
| 表单没填完「提交」照样能点 | 没填完时禁用「提交」，按钮旁写明还缺哪几项 |
给 AI 提需求时，「删除要有确认」和「删除立即生效，弹出可撤销的 toast，保留 5 秒」这两句话，产出的是完全不同的两个档次。前一句指向最弱的那道防线，后一句直接指向最强的那道。 这是本集最实用的一个提醒：你在需求里描述的是手段，AI 就只会实现那个手段。 如果你真正想要的是「用户不会因为误删而损失数据」，就必须把手段说对——说「要有确认」，得到的是弹窗；说「可撤销」，得到的是安全网。
《About Face 4》第 12 章把用户的操作分成两类：
第二类，Cooper 叫它负担（excise）。
软件里的负担长这样：你想发一条动态，先登录、找入口、点掉引导气泡、翻过一个升级弹窗。发动态是目标，前面四步都是税。
| 税种 | 内容 |
|---|---|
| 认知税 | 琢磨这个产品怎么用：按钮是什么意思、结构怎么组织 |
| 记忆税 | 背下密码、命令、东西放在哪一层菜单里 |
| 视觉税 | 在屏幕上找：眼睛从哪开始看、哪块能点、哪块是装饰 |
| 体力税 | 点击、移动、切输入法、一层层导航过去的手上功夫 |
「尽可能地消除每一种负担。」—— Cooper 把这句列为设计原则，还补了一刀：界面里的负担，是用户对软件不满的头号原因。
把这一步删掉，用户的目标还能达成吗？能，它就是负担。
让 AI 生成一个注册页，它大概率给你一个五步向导：邮箱、手机验证、完善资料、兴趣标签、确认提交，一步不少。它在训练数据里见过太多「规范」的注册流程，就把最全的那套端给你——每一步单看都有道理，合起来是一条收税走廊。
Cooper 对向导本来就没好话：向导把过程写死成一问一答，用户很快学会只点「下一步」，脑子全程没参与。他给的替代方案是把活直接干完，用合理的默认值兜底，事后允许用户改。放到 AI 时代，这条要由你写进需求里。
| 负担源 | 病征 | AI 典型病 | 给 AI 的话术 |
|---|---|---|---|
| 导航负担 | 换页、换窗口、翻菜单找功能 | 一个功能一个新页面，改个昵称也要跳三层；常用工具埋在二级菜单 | 常用操作就地完成，别新开页面；导航层级最多两层 |
| 打断负担 | 确认框、成功提示、无关紧要的报告 | 每次保存都弹「保存成功」，点掉确定才能继续 | 反馈用页面内的轻提示；对话框只留给不可逆的大事 |
| 重复输入负担 | 让用户报一遍软件已经知道的事 | 表单提交失败，回来一看填的内容全被清空 | 填过的信息记住；出错保留已填内容；能推断的默认值直接给 |
素材里的五步注册流程审计，按每步 78% 通过率算：
1000 人进门 → 走完五步只剩 289 人。
注册只是最好算的例子。下单、发布、报名、提交工单，凡是有流程的地方都有这只漏斗。步骤和留存是反着走的。
《About Face 4》第 11 章讲「流」（flow）：心理学家米哈里·契克森米哈赖提出的概念，人全神贯注做事时会进入一种高产出的状态，察觉不到时间。Cooper 的推论：交互设计的任务是保住这个状态，好的交互应该「透明」，用户直接面对自己要办的事，感觉不到软件的存在。
流的天敌是打断。 每多一步、每弹一个框、每换一个页面，用户都要从状态里出来一次，回去要重新酝酿。这也解释了漏斗为什么掉人——掉的多半就发生在被打断的那一下，用户抬头一想「我为什么要填这个」，就把页面关了。
「不论界面多酷，越少越好。」同章还有一条更直接的原则：不要愚蠢地打断进程。
亲手把核心流程从头走一遍，每一步问两个问题：
两个问题都过关的流程，才配上线。
流程走查最容易走过场——顺着路径点一遍，觉得挺顺，就通过了。更有效的做法是专门盯「打断点」：哪里弹了框、哪里换了页、哪里出现了需要重新思考的提示。这些点就是用户流失的高发位置。具体操作是：走一遍流程，把每一次打断都记下来，然后逐个问「这个打断换来了什么」。换不来对等价值的打断，就是可以直接删掉的负担。
《About Face 4》第 13 章把界面分成三种路数：
Cooper 的立场很干脆：现代图形界面基本靠第三种撑着。 窗口、滚动条、下拉菜单、超链接，没有一个靠直觉，全是用户一个个学来的。
他举的例子是鼠标：没有人看一眼鼠标就知道它控制屏幕上的光标，得有人教，或者自己摸索半分钟。但学会之后一辈子忘不掉。滚动、双击、拖放、下拉刷新、左滑删除，都是这样——学一次，到处用。
「所有的习惯用法都需要学习，好的习惯用法只需要学习一次。」
这条对做产品的人来说是天大的便宜：全世界的产品已经替你把用户教好了，你直接用现成的习惯用法，学习成本为零。
Cooper 对隐喻不买账：隐喻界面让用户在图标和功能之间连线猜谜，简单功能还能猜，稍微抽象一点就画不出来了。「批量重命名 50 个文件」，你打算画成什么？
更麻烦的是隐喻会赖着不走。用户学会基本操作之后，那些拟真的皮革纹理、翻页动画就从帮手变成拖累，占地方、限制交互，还把机械时代的规矩带进来。苹果自己也认了：iOS 6 上那本皮质日历，到 iOS 7 被清得干干净净。
习惯用法赢在轻装：它没打算让你猜，直接让你学，学起来还快。
素材里一个能跑的云盘设置页，藏着三个自作聪明的发明：
| 发明 | 打破了什么 | 为什么用户学不会 |
|---|---|---|
| ① 横着滑的表单 | 表单三十年来的「从上往下」习惯 | 横滑分页等于把必填项装进暗格，用户以为填完了，一点保存全是报错 |
| ② 要双击的链接 | 带下划线蓝字的「单击就走」契约 | 双击属于桌面图标那套习惯用法，两套规则混用，只好靠一行小字来教 |
| ③ 进度环保存按钮 | 保存按钮的「实心按钮」写法 | 用户第一反应是「它在加载什么」，第二反应是「这东西能点吗」——控件不再自我说明 |
共同点：单看都挺有想法，败在打破了用户学好的规则。
AI 为什么会干这种事：它的训练数据里什么都有——正经产品、获奖概念稿、设计社区里炫技的作品集。让它「做个有设计感的设置页」，它就把几种来源的花样搅在一起端出来，语法上都通，规则上互相打架。
它还有一样东西永远学不到：你的用户学过什么。 习惯用法长在用户的经验里，AI 看得见控件长什么样，看不见三十年的教学史。
所以这道关只能你来把：凡是需要配一行小字解释怎么用的控件，都值得怀疑。
第二个词出自诺曼的《设计心理学》：能供性（affordance），东西的样子透露它怎么用。Cooper 把定义修得更锋利：能供性管的是「你以为它能干什么」，和它实际能干什么分开算。
门旁边装个小圆钮，人人都当它是门铃，哪怕按下去触发的是别的，它的能供性仍然是门铃。
经典例子是门把手：门上横着装一根金属杆，形状高度都在喊「拉我」，结果这扇门要推。店家贴上「推」的标字——没用，人们照拉。手能读懂的信号，比字大声。
在屏幕上，这件事变成一纸契约：你画一个按钮，就是向用户承诺它能点、点了有反应、干的是标签上写的事。 毁约的控件，Cooper 叫它诱饵式能供性（bait-and-switch）。
Cooper 还点了扁平化的名：早年的界面靠阴影和立体感喊「来按我」，扁平风把这些全刮掉了，视觉上清爽，能供性跟着受了伤。所以扁平界面里可点的元素更要守纪律：同一种颜色、同一种形状，专门留给能点的东西，谁都别客串。
把界面截图发给一个没用过它的人，只给 5 秒，让他指出哪里能点。他指错的每一处，都是一起能供性事故。
这个测试对 AI 生成的界面尤其管用，因为 AI 画界面时压根没想过这个问题。
讲到这儿容易得出一个错误结论：交互永远抄现成的，谁创新谁死。Cooper 给的尺子精确得多：
「重大改变必须显著优秀。」—— 让用户重学一遍的改动，收益必须大到肉眼可见。
素材例题：AI 给一个批量文件管理工具加了四个「亮点设计」，哪个创新花对了地方？
答案是 C。 它把创新放在了产品的核心差异点上，而不是重新发明导航和手势。
| 习惯用法 | 用户在哪学的 | 给 AI 的默认要求 |
|---|---|---|
| 下拉刷新 | 每一个信息流 App | 列表刷新用下拉，别自创刷新浮层 |
| 左滑删除 | 系统邮件、聊天列表 | 列表项删除用左滑或明确按钮，别藏进长按菜单 |
| 底部导航栏 | 手机 App 的标配位 | 主导航用底部标签栏，图标配文字，3 到 5 个 |
| 购物车 | 电商三十年的教学成果 | 多选加结算沿用购物车模型，别发明新比喻 |
| 拖放上传 | 网盘和邮箱附件 | 上传区域支持拖放，同时保留「点击选择文件」 |
| Ctrl / Cmd + Z | 桌面软件的老规矩 | 编辑类功能必须支持撤销快捷键 |
| 蓝字下划线链接 | Web 的第一课 | 链接保持可识别样式，单击直达 |
| 放大镜搜索框 | 浏览器和每个内容 App | 搜索入口用放大镜图标加占位提示文字 |
| 红点角标 | 手机通知系统 | 未读提醒用角标数字，别自创闪烁标记 |
表里没有一项需要用户学，这正是它们的价值。 省下来的学习预算，投给你的核心差异点。
验收 AI 产出的交互时，有一条极简的判据：凡是需要配一行小字解释怎么用的控件，都值得怀疑。 因为一行小字的存在，本身就证明了它能供性不足——用户看一眼不知道它是什么、能不能点、点了会怎样。这里有一个反直觉之处：设计者往往觉得加说明文字是「贴心」，实际上它是在给一个失败的控件打补丁。 正确的做法不是把说明写得更好，而是把控件改成不需要说明的样子。
防错与可逆
流程克制
习惯用法
清单用法：不要一次性全勾。先挑当前项目里最容易出事的那一类，只把那一类勾完，改动一次、验证一次。清单的价值在于暴露盲区，不在于制造「全部通过」的成就感。
本集内容严格取材于 content-slices/pm37-m6.md 所聚合的三节课节素材，不跨集取材、不虚构源文档没有的数据、案例与引文。
几处需要说明的约束：
本集素材来源：xueai.miyang.cn（小山学堂 · 洛小山《学 AI 产品，从入门到精通》）
小山学堂「交互工程」专题原创；部分交互原则整理自《About Face 4：交互设计精髓》第 11、12、13、15 章（Alan Cooper 等著）；能供性概念出自唐纳德·诺曼《设计心理学》；「流」的概念出自米哈里·契克森米哈赖。
二次演绎配音版，仅供学习交流使用。