审美—可用性:好看,真的好用吗?
ATM 界面研究发现,视觉好感会抬高"看起来好用"的评价,但不等于真做得成
洛洛先讲一件挺丢脸的事。
上学期给社团做迎新报名页,视觉是我最得意的一版:配色抠了三遍,插画统一,按钮圆角调到自己满意为止。截图发进群里,一堆人回"哇好看""用起来肯定很顺"。那天晚上洛洛是飘着睡的。
第二天看后台,报名转化难看到不想截图。抓两个同学在旁边走一遍才发现:截止日期那栏是必填,但洛洛没标星号,报错提示还挂在页面最顶上。他们点提交,页面"闪"一下回到原地,第二次就直接把页面关了。
群里夸"用起来肯定很顺"的人,没有一个真的填过。他们夸的是截图,不是流程。这件事有名字,叫审美—可用性效应(aesthetic-usability effect)。

研究说了什么
先说最实在的一层:这不是设计圈喊出来的口号,是 1995 年真测出来的。
Masaaki Kurosu 和 Kaori Kashimura 在 CHI 会议上发过一篇很短的论文:26 种 ATM 界面变体,252 位参与者,每种界面打两类分——看起来好不好用、好不好看。功能是同一套,差别主要在版式和按钮排布。
结果是:参与者打的"美观"分,跟"看起来好不好用"的相关性,比跟"实际好不好用"的相关性更强。论文管前者叫 apparent usability(表观可用性),后者叫 inherent usability(内在可用性)。
洛洛的理解是:人对"好用"的第一印象,很大程度上是被"好看"喂出来的。 我那个报名页就是标准案例,只是当时以为自己赢了。
NN/g 后来写过一篇科普(作者 Kate Moran,2024 年 2 月发布),补了更实在的一条:好看的界面会让用户对小毛病更宽容,但这份宽容有上限,严重的可用性问题该崩还是崩。
图上那条从"进入首页"到"提交成功"的六步流程,是洛洛画的假设示意,不是实验里用过的界面。放它是想说明:一个中途会弹"提交失败,请检查必填项"、必须退回去改的流程,截出来的图可能和一路顺畅的流程一样好看。
为什么会这样
洛洛的土办法记法:大脑在偷偷换题。
"这东西好不好用"是道难题,真答案要走完流程、踩过坑才知道。大脑不爱做难题,会换成一道简单的——看起来讲不讲究? 讲究的版式被当成"做的人很用心","用心"又被顺手推成"细节应该也想清楚了"。这串推理发生在零点几秒里,你自己都察觉不到换过题。
再加一层:好看让人心情好,心情好就更愿意再试一次。同样一个报错,界面糙的时候你想"果然是破玩意",好看的时候你想"可能是我填错了"。
放到产品里怎么用
把三件事分开测。 这是图上最该记住的一格:视觉好感(喜不喜欢)、任务成功率(做没做成)、操作时间(花了多久),三个独立指标,别混成一句"用户反馈很好"。洛洛现在固定看这三样。
问行为,别问感受。 "你觉得这个页面好用吗"几乎问不出东西。换成"你刚才卡在哪一步""现在要把截止日期改成下周,你会点哪里",答案立刻有信息量。
把好看用在真正该用的地方。 审美不是骗局,第一印象和信任感都是转化的前置条件。洛洛把视觉力气花在首屏和结果页:第一眼决定留不留,最后一眼决定记不记得;中间的填表环节,好看不如清楚。
报错和空状态也要设计。 这两处最容易在评审里被跳过,因为演示永远走顺利路径。做原型时专门截一屏"填错了会看到什么"。
洛洛碎碎念
报名页那次,洛洛跟默子老师抱怨"明明大家都说好看"。
他说了一句我记到现在:"他们夸的是你的作品,用户用的是你的产品。"
这一句请读两遍!!! 洛洛嘴硬了两秒,然后老实回去给必填项加星号、把报错提示挪到输入框下面。菜之,但改完转化真的涨了。
边界:别用过头
图上那句写得很直白:美观不能替代可用性验证。
一是好看掩盖问题,不解决问题。 用户可能因为界面顺眼没抱怨,但他还是没做成那件事。抱怨消失了,流失没有,你还顺带失去了最早的警报。
二是"用户说很好用"不能当可用性结论。 那个实验测的是评分,不是完成取款任务的成功率。所以不能从"评分高"反推"真的好用",也不能反过来说"评分不重要"。两件事都要测,只是不能互相替代。
三是这个效应有限度。 好看买来的宽容大概只够盖住"要多点一下""图标有点怪"这种级别。填不完的表单、没提示的必填项、点了没反应的按钮,都不在覆盖范围里。
还有一条:这是 1995 年在 ATM 界面上测的,测的还是静态界面评分。今天的 App 和 AI 工具交互复杂得多,方向可能仍然成立,强度需要在自己的产品里验证。别拿它当"设计稿好看就能上线"的通行证。
结论就是图上那句:用户说很好用,还要看是否真的做得成。
参考来源
- Masaaki Kurosu, Kaori Kashimura,《Apparent usability vs. inherent usability: experimental analysis on the determinants of the apparent usability》,CHI '95 Conference Companion,1995,pp. 292–293。https://dl.acm.org/doi/10.1145/223355.223680 (查阅日期 2026-09-14)
- Kate Moran,《The Aesthetic-Usability Effect》,Nielsen Norman Group,2024-02-03 发布。https://www.nngroup.com/articles/aesthetic-usability-effect/ (查阅日期 2026-09-14)