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

交互验收清单:上线前的第二张清单

状态齐不齐、危险操作可逆吗、流程还能砍吗、控件选对了吗、文案说人话吗。交互式清单可勾选,与审美、心理学两张清单配成一套

本页解决的问题

先给结论

「交互验收清单:上线前的第二张清单」要解决的关键问题是什么?

状态齐不齐、危险操作可逆吗、流程还能砍吗、控件选对了吗、文案说人话吗。交互式清单可勾选,与审美、心理学两张清单配成一套

判断标准

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

下一步

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

常见误区

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

交互的病,验收时怎么查

审美的验收看截图就行,交互的验收必须上手点:把网络调慢、把列表清空、把危险按钮按下去、把流程从头走到尾。下面 14 项就是这套动作的清单,按本章九节的顺序分组,每项都能直接当打回理由原话发给 AI。勾选进度存在本地,下次带着新产品回来接着用。

动手 · 交互验收清单:14 项过一遍
交互验收清单 0 / 14
状态 · 3 项
防错与可逆 · 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整体重做一版,这次注意细节
三张清单,配成上线前的一套

到这里三个专题的三张清单都齐了:审美管好看,交互管好用,心理学管感受。上线前按顺序过,谁也不替谁。

回顾 · 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)
把单个交互拆成触发、规则、反馈、循环四段。本章讲的状态与反馈,在这本书里能找到更细的刻度。
原则与工具
用了四十年还没过时的验收框架,本章清单的不少条目能和它一一对上。
看大厂怎么规定加载、撤销、确认这些模式,习惯用法的标准答案库。
本节要点

交互验收要上手点:调慢网络、清空列表、按下危险按钮、走完全程,截图验不出交互的病。

14 项清单当打回话术用:没过哪项,把那项原话发给 AI,比「再优化一下」快十倍。

三张清单配一套:好看(审美篇)、好用(本章)、好感受(心理学篇),上线前按顺序过。

内容来源:newwebplay AI「交互工程」专题原创;体贴软件清单整理自《About Face 4:交互设计精髓》第 8 章,其余判据出处见各节(Alan Cooper 等)。

从「交互的病,验收时怎么查」把感觉变成判断

「审美的验收看截图就行,交互的验收必须上手点:把网络调慢、把列表清空、把危险按钮按下去、把流程从头走到尾。下面 14 项就是这套动作的清单,按本章九节的顺序分组, 每项都能直接当打回理由原话发给 AI 。勾选进度存在本地,下次带着新产品回来接着用」指出,AI 降低了做出“能用”成品的门槛,读者真正需要练的是看出哪里不对,并把感觉说成可以执行的要求。

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

「最后一项的出处:《About Face 4》第 8 章把好软件比作体贴的人,列了一整张体贴清单,「记性好」是里面最省事也最见效的一条。用户选过一次的城市、填过一次的发票抬头,第二次还要重填,就是软件在装失忆」可以转成几个可观察的问题:用户是否知道现在发生了什么,是否知道下一步做什么,出错或空白时能否恢复,以及信息层级是否让重要内容先被看见。

漂亮不等于容易用

把「三张清单配一套: 好看(审美篇)、好用(本章)、好感受(心理学篇),上线前按顺序过」用在第二个页面或流程上,记录一个具体犹豫点和一个改动后的用户动作;能被观察到的变化,才是体验改善。

从「交互的病,验收时怎么查」走到「动手 · 交互验收清单:14 项过一遍」

「交互的病,验收时怎么查」先把问题落在「审美的验收看截图就行,交互的验收必须上手点:把网络调慢、把列表清空、把危险按钮按下去、把流程从头走到尾。下面 14 项就是这套动作的清单,按本章九节的顺序分组, 每项都能直接当打回理由原话发给 AI 。勾选进度存在本地,下次带着新产品回来接着用」上;到了「动手 · 交互验收清单:14 项过一遍」,讨论继续推进到「最后一项的出处:《About Face 4》第 8 章把好软件比作体贴的人,列了一整张体贴清单,「记性好」是里面最省事也最见效的一条。用户选过一次的城市、填过一次的发票抬头,第二次还要重填,就是软件在装失忆」。两段连起来,重点就不只是记住一个结论,而是看清它成立所依赖的条件。

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

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

  • 「交互的病,验收时怎么查」:审美的验收看截图就行,交互的验收必须上手点:把网络调慢、把列表清空、把危险按钮按下去、把流程从头走到尾。下面 14 项就是这套动作的清单,按本章九节的顺序分组, 每项都能直接当打回理由原话发给 AI 。勾选进度存在本地,下次带着新产品回来接着用
  • 「动手 · 交互验收清单:14 项过一遍」:最后一项的出处:《About Face 4》第 8 章把好软件比作体贴的人,列了一整张体贴清单,「记性好」是里面最省事也最见效的一条。用户选过一次的城市、填过一次的发票抬头,第二次还要重填,就是软件在装失忆
  • 「最后的要点」:第 8 ~ 9 节把要求写给 AI :需求用人物加目标加场景讲,规格把五态列全、边界说死、防错写明,两段拼起来就是完整提示词

最后的「最后的要点」把讨论落到「第 8 ~ 9 节把要求写给 AI :需求用人物加目标加场景讲,规格把五态列全、边界说死、防错写明,两段拼起来就是完整提示词」。回看这条线索时,最值得保留的是:当输入、规模或风险改变,哪些判断需要重新做一遍。

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

继续阅读

同一条线上的下一篇。

文章讨论

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

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

正在讨论 交互验收清单:上线前的第二张清单 Interaction Engineering:让产品真的好用
3条讨论文章讨论 · 与共学社区同步
在共学社区查看
AM
Asha Morgan内容编辑
观点实践记录

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

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

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

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

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

文章讨论4 有帮助