F3.09.2weight overrides position设计研究

位置带来的层级暗示可以被更强的视觉权重覆盖

别名: 位置被压过 · 右下大图赢左上 · position is weak

概念解释

新闻详情把导语放在左上,右下却是一张占半屏的现场照片。第一落点打在照片上,导语变成回头才读的字。位置先验给了导语加分,尺寸和细节密度把加分吞掉。位置是弱线索,碰上更强的视觉权重就让路。 把重要的话放在「应该先被看见」的角落,却在对面放更大、更亮、更孤立的对象,角落不会赢。覆盖不是偶尔的例外,是权重竞争的正常结局。

机制

进入视口时位置先验只提供一个很小的偏向,随后的每一次选择仍看当场峰值。半屏照片在尺寸、纹理、往往还有明暗上形成的峰,远大于「在起始侧」那一点偏向,于是第一名易主。覆盖所需的差并不极端:一块明显更大或明显更饱和的对象就够。这也解释为什么「重要信息在 F 的左上横杠里」一旦配上右栏大图就失效——那条横杠从来不是保险柜,只是位置先验的舒适区。运动、闪烁比静止大图更强,覆盖来得更快。

怎么研究

固定一套位置(主文在起始侧上方,干扰在对侧下方),逐步加大干扰的尺寸或饱和,画第一落点从主文转到干扰的转换曲线。自变量是干扰相对主文的权重差,因变量是第一落点落在干扰上的比例。曲线越早过 50%,位置先验越弱。用 RTL 重复一次,避免把「左上输给右下」误写成坐标故事而不是权重故事。

边界

干扰若在折线以下、首屏看不见,位置先验在首屏内仍有效,覆盖要等滚动发生。用户带着明确搜寻词进来时,可能按词跳过照片,位置和权重都被任务盖过。极小的权重差(18px 对 16px 的角落标签)覆盖不了位置,那是差没过可辨阈,不是位置突然变强。全屏模态里只有一层内容,谈不上对侧覆盖。

怎么落地

  • 不要用「已经放在左上 / 起始侧」当作重要信息的送达证明。先看对侧和对面有没有更大的峰。
  • 必须让某句导语先被看见时,对面的图要让尺寸或对比,而不是给导语再加一个小标签指望位置加成。
  • 会动的广告、自动播放的预览默认当成能覆盖一切位置先验的对象,首屏能不开就不开。
  • 验证:把目标句放在起始侧上方,对面放当前设计里的图或活动模块,录第一指点。指点落在对面,就给对面减尺寸或减对比,直到第一指点回到目标句。不要把目标句再往更角落里挪——它已经在位置上占优,再挪是在减自己的弱线索,不是在对抗强权重。

延伸

  • 同组F3.09.1 屏幕上方与起始侧默认被赋予更高层级 · F3.09.4 单靠位置而不叠加其他视觉线索的层级区分容易被忽略
  • 相邻F3.05.1 动线由权重序列而非位置顺序决定 · F3.01.1 尺寸、明度、色彩、位置、留白共同决定权重
  • 站内检索visual weight · centre of interest · positional hierarchy · override

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F3.09.2