G1.01.3visual polish cannot fix architecture设计研究
架构问题无法靠界面美化解决
别名: 美化无法补架构 · IA not visual design · 结构先于视觉
概念解释
当目标被放进用户不会去打开的类目,换皮肤、加动效、提高对比、重排按钮,都不会把人带到正确的地方。这就是架构问题无法靠界面美化解决:视觉设计可以改变一页之内什么先被看见,不能改变人认为哪一页装着那件事。用户找「发票」时若认定它在「财务」而不是「报表」,把「报表」做成更大的色块,只是让错误的第一跳更果断。
美化不是无用,它解决的是已经到达正确页之后的注意分配。把注意分配误当成寻路,改版会看起来很忙、完成率却不动。
机制
寻路依赖的是类目名与位置记忆,不是色相和圆角。信息气味(information scent)来自标签对隐藏内容的预告质量:词对了,人愿意往下走;词不对,再精致的图标也提供不了气味。视觉权重能在当前视野里抢注意,但它作用的范围止于这一屏。架构把对象放在另一条分支里时,这一屏上的强调只是在强化一条死路。
所以「看起来专业了」和「找得到」可以完全脱钩。视觉改版提高的是主观精致度,结构改版改变的是决策树。用前者去修后者,是在错误的层上加信号。
怎么研究
把视觉与结构做成可拆开的实验条件,而不是一次改版里两样都动。
- 范式:树测试在无视觉条件下测结构;再把同一结构套上旧视觉与新视觉。经典做法是保持信息架构不变只换视觉主题,或保持视觉主题不变只改类目归属。
- 自变量:类目归属与标签(结构)、色彩/排版/动效(视觉),正交组合。
- 因变量:首次点击落在正确类目的比例、直接成功(不回退)、主观美观评分。关键看美观分上升时成功率为何不动。
- 方法论注意点:真实改版几乎总是结构和视觉一起换,事后无法归因。要证明「美化无效」,必须有「只换视觉」的条件。树测试已经去掉视觉,若这里就失败,后面任何视觉稿都不应被期待去补救。
边界
目标已经在当前页上、只是被埋在低对比的次要位置,这是视觉层级问题,美化(更准确说是层级校正)可以解决,不要误判成架构。品牌重塑若顺带改了标签用词,看起来像美化,其实动了架构,归因时要把用词变化单列。专家用户对位置的记忆被视觉大改打断,完成率也可能暂时下降,那是空间记忆被重置,不是结构被修对了。
怎么落地
- 完成率低时先做无视觉的找路测试。这里失败,停止视觉改版,先改归属和标签。
- 视觉改版清单里删掉「让导航更好找」这类目标。视觉改版只许声称:到达该页之后,什么会先被看见。
- 若业务坚持先换皮肤,把找路指标和美观指标分开汇报,避免用后者解释前者。
- 验证:同一批任务,结构不变只换视觉,成功率应基本不动。若只换皮肤就大幅上升,原先失败的是注意分配,不是架构;若纹丝不动,继续改视觉就是在烧预算。