F3.05.2competing foci设计研究

多个同权重焦点会造成动线分叉

别名: 动线分叉 · dual centre of interest · 双焦点

概念解释

落地页左列是和主标题同字号的价值主张,右列是同等尺寸的产品照片,两块都铺满首屏。注视在标题和照片之间来回两三次,才落到下面的「开始使用」。两个同级焦点把动线劈开:不是用户犹豫买不买,是场上没有唯一的兴趣中心(centre of interest),选择器无法交出第一名。分叉浪费的是进入后的前几秒,表现是来回扫,不是看漏。

机制

注意选择接近赢者通吃:峰值必须明显高过次峰,第一名才能稳定。两个对象在尺寸、对比、孤立上打平,峰值差落在噪声里,系统会在两者间振荡,直到其中一侧靠内容理解或疲劳「被选掉」。振荡期间第三名(真正的行动按钮)进不了队伍。设计师常把「视觉平衡」理解成左右等重,平衡在构图上成立,在动线上就是人为制造双峰。分叉不是「两个都重要所以都看看」的温和状态,它推迟一切后续对象。

怎么研究

看前几秒的扫视:若在两个兴趣区之间的往返次数高于「访问一次即离开」的基线,且第三区的到达时间被拉长,就记为分叉。自变量是两峰之间的权重差(逐步缩小其中一块的尺寸或对比),因变量是往返次数和到达第三对象的时间。当权重差过某一档,往返应塌缩为单峰序列。五秒书写里出现两个并列第一、写不出第三,也可以当行为标记,但不如眼动直接。

边界

并排比较本身就是任务时(两套餐、两张候选人照片),分叉是机制,不是缺陷——用户需要在两者间振荡才能决策。这时该做的是让比较对象同重,把真正的下一步(「选这个」)做成明显的第三峰,而不是强行压掉一侧。轮播、自动播放的视频会随时间把峰值从一边送到另一边,静止时的双峰在运动中变成单峰切换。小屏把左右改为上下后,双峰可能变成先后两屏,分叉消失,换成折线以下的发现问题。

怎么落地

  • 首屏只允许一个兴趣中心。另一块若必须在,就让它在至少一条通道上明显更轻:照片降对比、标题降字号、其中一块收回留白。
  • 「左右对称才高级」不能作为首屏约束。对称用在装饰区;行动区要有可测量的第一名。
  • 真正需要并排比较的选择页,把比较对象做成一对同重,再单独做一颗更重的行动,避免三块一起叫。
  • 验证:录进入首屏后三秒的指针或眼动。若在两个大块之间往返超过两次才出现第三次停靠,判定为分叉。缩小其中一块直到往返消失,再看「开始使用」是否进入前三秒。不要给两个大块都加动画——那会把分叉变成两枚同等捕获。

延伸

  • 同组F3.05.1 动线由权重序列而非位置顺序决定 · F3.05.3 动线应与任务顺序一致
  • 相邻F3.08.1 全部强调等于没有强调 · F3.01.2 单一维度的差异容易被其他维度抵消 · F5.11.3 一屏内的强调点数量需要预算
  • 站内检索centre of interest · competing foci · visual flow · winner-take-all

同组卡片

快捷操作

分享

分享当前页面

ios_share

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