B1.12.3Effective target width设计研究

细长目标沿长轴接近比沿短轴接近容易

别名: 细长目标 · 长轴 · 短轴

概念解释

对细长矩形、分隔条或线性控件而言,沿其长轴接近时,运动方向上的有效宽度较大;沿短轴接近时,容错较小,因此同一目标通常更难命中。这是二维目标投影宽度的一个直接、可观察的情形。

机制

目标在运动轴上的投影决定用户能在何处停止而仍命中。细长目标的长轴提供更大的停止区间,短轴只留下狭窄区间,要求更精细的末端修正。控件本身面积相同并不能抵消这种方向差;用户常见起点决定哪条轴实际重要。

怎么研究

固定目标形状和距离,从长轴与短轴方向分别进行重复指点,比较时间、端点变异和误击。为避免把视觉搜索混入结果,可先显示目标位置并使用相同起点提示。记录真实进入方向,特别是工具栏、列表与边缘控件的高频路径。

边界

若热区是圆形、在短轴外扩展,或用户从多方向随机到达,长短轴关系会被改变或平均掉。触屏还受手指接触面与相邻动作影响。结论描述运动几何,不表示所有细长视觉元素都应被改成方形。

怎么落地

  • 让细长按钮、滑块或拖放区的长轴尽量对准典型的进入方向,或沿短轴扩大真实热区。
  • 对不可改变方向的细线控件提供吸附、放大或辅助把手,避免把精确性完全留给一次命中。
  • 在真实路径上检查短轴方向的漏点与反复修正,而不只在设计稿中比较控件面积。

延伸

  • 同组B1.12.1 二维目标须同时考虑宽与高,取最小边与取近边投影两种模型给出不同预测 · B1.12.2 逼近角度改变有效宽度,同一按钮从不同方向抵达难度不同 · B1.12.4 可点击热区可大于视觉尺寸,二者不一致时决定难度的是热区
  • 相邻B1.01 菲茨定律 · B1.05 转向律
  • 站内检索effective target width · elongated target · approach direction

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/B1.12.3