交互工程 · 10 / 10 交互验收清单:上线前的第二张清单 审美篇收官交付了第一张清单管「好看」,这一章交付第二张管「好用」。 好看管第一眼,好用管接下来的每一天 ,而且交互的病更隐蔽:截图看不出来,要点起来才露馅。14 项,每项一个动作,点头之前过一遍。 14 项清单 验收演练 三张清单接力 延伸阅读 一句话速览 状态齐不齐、危险操作可逆吗、流程还能砍吗、控件选对了吗、文案说人话吗。交互式清单可勾选,与审美、心理学两张清单配成一套 交互的病,验收时怎么查 审美的验收看截图就行,交互的验收必须上手点:把网络调慢、把列表清空、把危险按钮按下去、把流程从头走到尾。下面 14 项就是这套动作的清单,按本章九节的顺序分组, 每项都能直接当打回理由原话发给 AI 。勾选进度存在本地,下次带着新产品回来接着用。
动手 · 交互验收清单:14 项过一遍
交互验收清单 0 / 14
状态 · 3 项
加载、空、错误三态齐吗,白屏和光秃秃的「暂无数据」都算不齐 每次点击 0.1 秒内有反馈吗,超 1 秒的操作给进度了吗 把网络调慢点一遍,有没有假死,双击会不会重复提交
防错与可逆 · 3 项
危险操作可撤销吗,只配了确认弹窗的算不合格 条件不满足的按钮置灰并说明缺什么了吗,还是点了才报错 「删除」「清空」和常用按钮拉开距离了吗
流程 · 2 项
主流程逐步问「这步直接服务目标吗」,答不上的砍掉再走一遍 有没有硬塞的多步向导和开屏引导,能一屏办完的别分五步
习惯用法与控件 · 3 项
有没有发明奇怪交互:要双击的链接、要横滑的表单、看不出能点的按钮 控件选对了吗:互斥单选钮、多选复选框、立即生效开关、超一屏才下拉 数一遍对话框,每个都问「不弹行不行」,行的都改掉
文案 · 2 项
按钮动词说清后果了吗,「确定 / 取消」配对的一律打回 错误信息是用户语吗,出现状态码和数据库字段名的打回
体贴 · 1 项
软件记性好吗:记住用户上次的选择,别把同一个问题问第二遍
当前浏览器禁用了本地存储(可能在隐私模式),勾选照常可用,但刷新后进度不会保存。
最后一项的出处:《About Face 4》第 8 章把好软件比作体贴的人,列了一整张体贴清单,「记性好」是里面最省事也最见效的一条。用户选过一次的城市、填过一次的发票抬头,第二次还要重填,就是软件在装失忆。
验收演练 · 这页藏了五处交互事故 清单是冷的,演练是热的。下面这个云笔记应用是按「AI 一把梭」的真实水平做的,五处交互事故分别踩了本章五节的雷。拿刚才的清单当地图,找到就点。
找出五处交互事故 0 / 5
提示:反馈方式、按钮位置、流程步数、控件长相、按钮文案,各有一处出了事。
notes.example.com
我的笔记
全选 清空全部
周会纪要 0810 昨天 22:41 · 1.2k 字 工作
读书摘录:交互设计精髓 周六 09:15 · 3.4k 字 阅读
购物清单 周五 18:02 · 0.1k 字 生活
新建笔记 · 第 1 步 / 共 4 步:选择笔记类型
下一步 双击分享本页
操作已完成 您的请求已被系统处理 确定
从最扎眼的开始点。找不到就回清单里翻对应组。
体贴速判 · 第 8 章的三道快题 体贴那一项展开就是第 8 章的整张清单:体贴的软件关心用户偏好、有求必应、记性好、不拿自己的问题烦用户。三个真实场景,判一判体贴还是失礼。
体贴还是失礼 0 / 3
考一下:打回理由怎么写
验收没过要打回,哪条理由 AI 改得最准 单选
A 交互不太好用,再优化一下 B 删除没有撤销,只有确认弹窗。改成:立即执行 + 5 秒撤销 toast + 回收站保留 30 天 C 用户体验有待提升,参考大厂产品 D 整体重做一版,这次注意细节
三张清单,配成上线前的一套 到这里三个专题的三张清单都齐了:审美管好看,交互管好用,心理学管感受。上线前按顺序过,谁也不替谁。
第一张 · 好看 审美验收清单:层级、间距、克制、一致性、细节,15 项看稿。 进度读取中
第二张 · 好用 本页的交互验收清单:状态、防错、流程、习惯用法、文案、体贴,14 项上手点。 0 / 14
第三张 · 好感受 心理学篇的上线前十四问:感知性能、信任校准、蜜月悬崖,14 问走心。 去心理学篇过一遍
回顾 · 9 节串成三句话
识别 第 1 ~ 5 节的四个抓手 :状态三件套齐不齐、危险操作可逆吗、流程还能砍一步吗、有没有发明奇怪交互。看一个产品好不好用,按这个顺序上手点。 细节 第 6 ~ 7 节抠界面零件 :互斥单选钮、多选复选框、立即生效开关、超一屏才下拉;按钮动词说清后果,标签说用户的话。 翻译 第 8 ~ 9 节把要求写给 AI :需求用人物加目标加场景讲,规格把五态列全、边界说死、防错写明,两段拼起来就是完整提示词。
延伸阅读 · 顺着这章往外走
书 《About Face 4:交互设计精髓》(Alan Cooper 等) 本章的母本。这次别只读第 17 章:第 1~4 章的目标导向方法、第 8 章的体贴清单、第 11~15 章的编配与错误处理,都值得完整过一遍。 《Don't Make Me Think》(Steve Krug) 最薄的可用性经典,中文版《点石成金》。核心就是书名那句话,两小时读完,配合本章的流程克制一节食用。 《Microinteractions》(Dan Saffer) 把单个交互拆成触发、规则、反馈、循环四段。本章讲的状态与反馈,在这本书里能找到更细的刻度。
原则与工具 Nielsen 十条可用性启发式 用了四十年还没过时的验收框架,本章清单的不少条目能和它一一对上。 Apple HIG 的 Patterns 章 看大厂怎么规定加载、撤销、确认这些模式,习惯用法的标准答案库。
本节要点
✓ 交互验收要上手点: 调慢网络、清空列表、按下危险按钮、走完全程,截图验不出交互的病。 ✓ 14 项清单当打回话术用: 没过哪项,把那项原话发给 AI,比「再优化一下」快十倍。 ✓ 三张清单配一套: 好看(审美篇)、好用(本章)、好感受(心理学篇),上线前按顺序过。
内容来源: 小山学堂「交互工程」专题原创;体贴软件清单整理自《About Face 4:交互设计精髓》第 8 章,其余判据出处见各节(Alan Cooper 等)。