F3.07.1visual-content priority alignment设计研究
视觉层级必须对应内容优先级
别名: 视知对齐 · 看起来重要等于被认为重要 · importance mapping
概念解释
用药提醒把一张好看的生活照铺满上半屏,剂量、次数写在照片底下的浅色小字里。用户事后能复述照片里的厨房,说不出早上该吃几片。看起来更重的东西会被当成更该记住的内容——视觉层级被读成信息优先级。对齐不是「页面美观且信息也在」,而是两份排序重合:编辑排出的内容名次,和屏幕上的权重名次。照片可以存在,只要它的权重不超过剂量。
机制
人用「显著性 ≈ 重要性」当启发式:在时间紧、不打算逐字读的时候,这个启发式几乎是默认策略。健康类首页又恰好是低卷入浏览,启发式不会被关掉。于是生活照在尺寸和细节上拿走编码资源,剂量作为应被编码的命题只得到残余注意,进入记忆的是图而不是数。错位发生在编码阶段,不是后来「不关心健康」。把照片缩小、把剂量做成对比更高的一行,启发式就会把数当成要记的东西——不需要先教育用户「请看字」。
怎么研究
两列独立排序:一列由内容负责人在不看视觉稿的情况下排出「这一屏最必须带走的信息」;一列由没看过内容清单的观察者在短时呈现后排出「你觉得这一屏在强调什么」。算等级相关。自变量是视觉权重是否按内容列重排,因变量是相关是否从低变高,以及关键命题的自由回忆率。相关低而回忆也低,才是对齐失败;相关低但关键命题仍被问出来,可能是任务图式救了场,不能当成视觉已经对齐。
边界
装饰性品牌片、节日皮肤可以故意让图压过文,只要那一屏的成功指标不是记住一条操作信息。专业用户盯着剂量工作的界面会抑制启发式,错位的伤害变小,但不能用专家表现证明给患者看的首页已经对齐。多条并列第一的内容本身没有合法的视觉对应——那是内容侧还没排出名次,对不齐是必然的。
怎么落地
- 写正文的人先交一份不带样式的优先级清单,最多三项。视觉再只为这三项分配高峰。
- 任何大图、大号装饰字在清单里排不到第一,就不得占用首屏最重的通道。
- 清单上的第一项必须能在去掉图之后仍靠文字块自己的对比站住;否则图就是在替它「看起来重要」,图一换,名次就没了。
- 验证:内容清单密封,另找人看五秒后写出「这页要你带走什么」。三条里对上清单第一的人数低于五人中的四人,就降图或抬文字,直到口头带走的就是清单第一项。不要在图上叠半透明字来「既要图又要对齐」——半透明字往往两头都输。