F3.09.2weight overrides position设计研究
位置带来的层级暗示可以被更强的视觉权重覆盖
别名: 位置被压过 · 右下大图赢左上 · position is weak
概念解释
新闻详情把导语放在左上,右下却是一张占半屏的现场照片。第一落点打在照片上,导语变成回头才读的字。位置先验给了导语加分,尺寸和细节密度把加分吞掉。位置是弱线索,碰上更强的视觉权重就让路。 把重要的话放在「应该先被看见」的角落,却在对面放更大、更亮、更孤立的对象,角落不会赢。覆盖不是偶尔的例外,是权重竞争的正常结局。
机制
进入视口时位置先验只提供一个很小的偏向,随后的每一次选择仍看当场峰值。半屏照片在尺寸、纹理、往往还有明暗上形成的峰,远大于「在起始侧」那一点偏向,于是第一名易主。覆盖所需的差并不极端:一块明显更大或明显更饱和的对象就够。这也解释为什么「重要信息在 F 的左上横杠里」一旦配上右栏大图就失效——那条横杠从来不是保险柜,只是位置先验的舒适区。运动、闪烁比静止大图更强,覆盖来得更快。
怎么研究
固定一套位置(主文在起始侧上方,干扰在对侧下方),逐步加大干扰的尺寸或饱和,画第一落点从主文转到干扰的转换曲线。自变量是干扰相对主文的权重差,因变量是第一落点落在干扰上的比例。曲线越早过 50%,位置先验越弱。用 RTL 重复一次,避免把「左上输给右下」误写成坐标故事而不是权重故事。
边界
干扰若在折线以下、首屏看不见,位置先验在首屏内仍有效,覆盖要等滚动发生。用户带着明确搜寻词进来时,可能按词跳过照片,位置和权重都被任务盖过。极小的权重差(18px 对 16px 的角落标签)覆盖不了位置,那是差没过可辨阈,不是位置突然变强。全屏模态里只有一层内容,谈不上对侧覆盖。
怎么落地
- 不要用「已经放在左上 / 起始侧」当作重要信息的送达证明。先看对侧和对面有没有更大的峰。
- 必须让某句导语先被看见时,对面的图要让尺寸或对比,而不是给导语再加一个小标签指望位置加成。
- 会动的广告、自动播放的预览默认当成能覆盖一切位置先验的对象,首屏能不开就不开。
- 验证:把目标句放在起始侧上方,对面放当前设计里的图或活动模块,录第一指点。指点落在对面,就给对面减尺寸或减对比,直到第一指点回到目标句。不要把目标句再往更角落里挪——它已经在位置上占优,再挪是在减自己的弱线索,不是在对抗强权重。