1889 字
约 6 分钟
1
防错与可逆:让用户敢点
无标签

交互工程 · 3 / 10 防错与可逆:让用户敢点 上一节教错误怎么说,这一节往前挪一步: 让错误压根发生不了,发生了也能一键回头 。AI 生成的应用最爱用确认弹窗当保险,但那是最弱的一道防线,你自己动手删两条数据就明白了。 防错三板斧 撤销 toast 狼来了实验 改造演练 一句话速览 与其事后报错,先让错误发生不了;撤销让探索变安全,确认弹窗是最弱的防错。亲手改造三个危险按钮 用户在探索,别把探索当犯错 Cooper 在《About Face 4》第 15 章有个立场:从用户的心理模型看,没有「错误操作」这回事。人用软件就是在探索,点点这个、试试那个,走进死胡同再退出来,这是学会一个工具的正常方式。把探索标记成错误、动不动弹框拦截的软件,用户会越用越缩手缩脚。 他给撤销打的比方很形象:人进山洞探险,洞口挂一条随时能爬回地面的绳梯,胆子就大得多。撤销就是那条绳梯,它救的次数不多,但它挂在那里,用户才敢往深处走。 「做,不要问。」 Alan Cooper,《About Face 4》:与其用弹窗要用户确认,先自信地执行,再备好撤销。 敢点的心理机制(防御心理、控制感)在心理学篇有一整节,这里放跳转卡,不重教。

跨章引用 · 防御心理:用户不是不会用,是不敢用 可逆性怎么给用户控制感、为什么误触一次就再也不敢碰,心理学篇第 6 节讲透了,点这里跳过去。

防错三板斧:报错的最高境界是无错可报 第 15 章的排序很清楚:错误信息写得再好,也比不过让错误发生不了。检查 AI 产出时先看这三板斧用上没有,三样都便宜,AI 也都会做,前提是你提了。

禁用不可用项 条件不满足的按钮置灰,旁边说明缺什么。让用户点一下再报错,等于设好陷阱看人踩。

危险操作拉开距离 「清空」别挨着「保存」。Cooper 的比方:无害的功能和弹射座椅拉杆排在一起,像坐在打开的烤肉炉边上。

默认值兜底 默认选项永远是最安全的那个。群发邮件默认发所有人,等于把手滑的代价预设到最大。

三板斧防住大半,剩下的交给可逆性。于是问题来了:真到删除这种动作上,AI 最常给的方案是确认弹窗,它到底顶不顶用?做个实验。

动手 · 删一条数据,两种善后 左右两个通讯录,数据一样。左边用 AI 最爱的 确认弹窗 ,右边用 立即删除 + 可撤销 toast 。请你两边各删一条,然后试着把删掉的救回来,体感会替你下结论。

确认弹窗 vs 撤销 toast 两边都删删看

点行尾的「删除」,B 面删完 5 秒内可以撤销,倒计时条走完就真没了

contacts.example.com

通讯录 A · 确认弹窗方案

王 王小虎 产品 · 1382201 删除 林 林晚晴 设计 · 1398842 删除 陈 陈大江 运营 · 137****0917 删除

确定要删除吗? 删除后将无法恢复。

取消 确定

contacts.example.com

通讯录 B · 撤销 toast 方案

王 王小虎 产品 · 1382201 删除 林 林晚晴 设计 · 1398842 删除 陈 陈大江 运营 · 137****0917 删除

已删除 撤销

A 面打断你 0 次弹窗。删掉的救得回来吗?救不回来。弹窗只负责事前拦一下,拦过之后两手一摊。 B 面救回 0 条数据,全程零弹窗。删除立即生效不打断,后悔窗口敞开 5 秒。

重置两边数据

狼来了 · 确认弹窗为什么拦不住你 你可能不服:弹窗好歹拦了一下,怎么就最弱?Cooper 的解释是习惯化:在常规位置反复出现的确认框,用户很快就看也不看地点掉,等真正的危险到来,手指比脑子快。这个实验 20 秒,亲自验证一次。

连点八个弹窗,看看你拦得住第几个 实验

规则:尽快处理掉八个弹窗,怎么点都行,实验结束见分晓

oa.example.com/daily-report

你在赶一份日报,弹窗会一个接一个跳出来 像平时一样处理它们就行,越快越好,系统会计时。 开始实验

演练 · 给三个危险按钮做改造 三板斧加可逆性都齐了,上手改造。三个场景全出自 AI 产出的常见毛病, 每个场景选一种最对症的防错手段 ,选错有解释,选到对的为止。

场景一:工具栏上「清空画布」紧挨着「保存」,已经有用户手滑 单选

A 点「清空画布」时弹确认框 B 把「清空画布」挪进菜单深处,和「保存」拉开距离,再配撤销 C 把「清空画布」按钮改成红色以示警告 D 清空前自动导出一份备份文件到本地

场景二:群发通知的弹窗里,收件人默认勾着「所有成员(2841 人)」 单选

A 发送前弹确认框,显示收件人数 B 把「所有成员」选项删掉 C 默认值改成「只发给我勾选的人」,选「所有成员」时就地显示人数提示 D 发出去以后允许撤回,兜底就够了

场景三:表单没填完,「提交」照样能点,点了弹「信息不完整」 单选

A 报错文案按三要素改写得更友好 B 没填完时禁用「提交」,按钮旁边写明还缺哪几项 C 提交时自动把空字段填上默认值 D 弹确认框列出空字段,让用户选择继续或返回

选一选 · 四道防线排个序

四道防线里,哪道最弱? 单选

选错也有解释,选到对的为止

A 禁用不可用项,配说明 B 危险操作和常用操作拉开距离 C 删除前弹确认框 D 立即执行,配可撤销

本节要点

✓ 用户在探索,别当犯错处理: 撤销是洞口的绳梯,它挂在那里,用户才敢往深处走(Cooper,《About Face 4》第 15 章)。 ✓ 防错三板斧: 禁用不可用项并说明、危险操作拉开距离、默认值选最安全的。报错的最高境界是无错可报。 ✓ 确认弹窗是最弱的防线: 狼来了效应,常规弹窗被无脑点掉,真危险来时它早已失效。做,不要问,然后备好撤销。 ✓ 给 AI 提需求的话术: 「删除立即生效,弹出可撤销的 toast,保留 5 秒」比「删除要有确认」产出好一个档次。流程里的多余步骤怎么砍,下一节讲。

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

防错与可逆:让用户敢点
http://www.clxhxhhr.top/posts/3950/
作者
clxstart
发布于
2026-09-25
许可协议
CC BY-NC-SA 4.0
评论
0 条
还没有评论,先写一条吧。