2069 字
约 6 分钟
16
习惯用法:别让 AI 发明新交互

开场:你会用的交互,没有一个是天生就会的

流程砍利索了,还有一种病藏得更深:AI 有时会发明看着新颖、没人会用的交互。《About Face 4》第 13 章把界面分成三种路数:按程序内部结构长的(实现中心),靠画得像现实物件的(隐喻),还有靠学的(习惯用法)。Cooper 的立场很干脆:现代图形界面基本靠第三种撑着。

一句话速览:用户靠习惯用法操作软件,学一次到处用。识别哪个控件在装创新,哪个长得像按钮的不是按钮。

一、窗口、滚动条、下拉菜单,没有一个靠直觉

他举的例子是鼠标:没有人看一眼鼠标就知道它控制屏幕上的光标,得有人教,或者自己摸索半分钟。但学会之后一辈子忘不掉。滚动、双击、拖放、下拉刷新、左滑删除,都是这样:学一次,到处用。

「所有的习惯用法都需要学习,好的习惯用法只需要学习一次。」——Alan Cooper,《About Face 4》第 13 章

这条对做产品的人来说是天大的便宜:全世界的产品已经替你把用户教好了,你直接用现成的习惯用法,学习成本为零。麻烦在于 AI 有时不领这个情,它把训练数据里的花样拼一拼,就能发明出一个谁也没学过的控件。

二、隐喻这条路走不远

图形界面刚火起来那几年,功劳被记在「画得像」头上。Cooper 不买账:隐喻界面让用户在图标和功能之间连线猜谜,简单功能还能猜,稍微抽象一点就画不出来了。「批量重命名 50 个文件」,你打算画成什么?

更麻烦的是隐喻会赖着不走。用户学会基本操作之后,那些拟真的皮革纹理、翻页动画就从帮手变成拖累。苹果自己也认了:iOS 6 上那本皮质日历,到 iOS 7 被清得干干净净。

三、三层词汇:图形界面为什么好学

整套图形界面的交互词汇分三层,越往下越少、越简单:

层 内容
习惯用法 带业务含义的整套用法
组合 原语拼出的通用零件
原语 最底层的几个动作

地基极小,楼却能盖很高,这就是图形界面好学的结构性原因。用户能把这套词汇从别的产品搬进你的产品,靠的是心智模型:他默认你的界面和他用过的一万个界面遵守同一套规则。

四、AI 为什么爱发明新交互

它的训练数据里什么都有:正经产品、获奖概念稿、设计社区里炫技的作品集。让它「做个有设计感的设置页」,它就把几种来源的花样搅在一起端出来,语法上都通,规则上互相打架。

它还有一样东西永远学不到:你的用户学过什么。 习惯用法长在用户的经验里,AI 看得见控件长什么样,看不见三十年的教学史。所以这道关只能你来把:凡是需要配一行小字解释怎么用的控件,都值得怀疑。

五、能供性:控件要自己说明自己

第二个词来自诺曼的《设计心理学》:能供性(affordance),东西的样子透露它怎么用。Cooper 把定义修得更锋利:能供性管的是你以为它能干什么,和它实际能干什么分开算。

经典例子是门把手:门上横着装一根金属杆,形状高度都在喊「拉我」,结果这扇门要推。店家贴上「推」的标字,没用,人们照拉。手能读懂的信号,比字大声。

在屏幕上,这件事变成一纸契约:你画一个按钮,就是向用户承诺它能点、点了有反应、干的是标签上写的事。毁约的控件,Cooper 叫它诱饵式能供性(bait-and-switch)。

他还点了扁平化的名:扁平风把阴影和立体感刮掉,视觉清爽了,能供性跟着受伤。所以扁平界面里可点的元素更要守纪律:同一种颜色、同一种形状,专门留给能点的东西,谁都别客串。

正反例: 两个会员中心——A 蓝色大胶囊看着最像按钮,点了没反应,真动作缩成右上角小字;B 状态用灰字加圆点老实待着,动作用一个正经按钮。B 守约。

零成本检验法: 把界面截图发给一个没用过它的人,只给 5 秒,让他指出哪里能点。他指错的每一处,都是一起能供性事故。这个测试对 AI 生成的界面尤其管用。

六、创新要花在刀刃上

「重大改变必须显著优秀。」——Alan Cooper:让用户重学一遍的改动,收益必须大到肉眼可见。

导航、保存、表单这些基础操作,用户每天在别的产品里练几百遍,你换花样等于逼人重新学走路,这里就该用最烂大街的模式。创新预算留给核心差异点:你的产品独有的那个能力,那里没有现成习惯用法可抄,做好了轮到别人抄你。

判断题: 四个「亮点设计」哪个值得留?A 放射状圆盘菜单 ❌、B 拟物水杯上传进度 ❌、C 批量重命名实时预览 ✅(核心差异点)、D 双击加收藏不放按钮 ❌(用户学不会)。

七、烂大街清单:这些直接抄,别客气

习惯用法 用户在哪学的 给 AI 的默认要求
下拉刷新 每一个信息流 App 列表刷新用下拉,别自创刷新浮层
左滑删除 系统邮件、微信聊天列表 列表项删除用左滑或明确按钮,别藏进长按菜单
底部导航栏 手机 App 的标配位 主导航用底部标签栏,图标配文字,3 到 5 个
购物车 电商三十年的教学成果 多选加结算沿用购物车模型,别发明新比喻
拖放上传 网盘和邮箱附件 上传区域支持拖放,同时保留「点击选择文件」
Ctrl / Cmd + Z 桌面软件的老规矩 编辑类功能必须支持撤销快捷键
蓝字下划线链接 Web 的第一课 链接保持可识别样式,单击直达
放大镜搜索框 浏览器和每个内容 App 搜索入口用放大镜图标加占位提示文字
红点角标 手机通知系统 未读提醒用角标数字,别自创闪烁标记

表里没有一项需要用户学,这正是它们的价值。省下来的学习预算投给你的核心差异点。

本节要点

  • 界面靠习惯用法运转: 滚动、双击、拖放没有一个靠直觉,全是学来的。好的习惯用法学一次用一辈子。
  • 能供性是契约: 控件长什么样,就得干什么事。画一个按钮等于承诺能点、点了有反应;长得像按钮的东西点不动,赔上的是整页控件的信用。
  • 创新要花在刀刃上: 导航和基础操作用最烂大街的模式,创新预算留给核心差异点。重大改变必须显著优秀。
  • 给 AI 的话术: 「导航、表单、基础按钮一律用最常见的标准模式,不要发明新交互;可点的元素必须长得可点。」
习惯用法:别让 AI 发明新交互
https://clxhxhhr.top/posts/4663/
作者
clxstart
发布于
2026-10-11
许可协议
CC BY-NC-SA 4.0
评论
0 条
还没有评论,先写一条吧。