B1.12.2Approach angle设计研究

逼近角度改变有效宽度,同一按钮从不同方向抵达难度不同

别名: 逼近角度 · 有效宽度 · projected width

概念解释

二维目标的逼近角度(approach angle)会改变它在运动方向上的投影宽度。因此同一按钮从不同方向抵达,可能有不同的有效宽度、运动时间和误击率;视觉尺寸不变不表示所有操作路径等价。

机制

末端控制主要需要避免沿当前运动轴过早或过晚停止。矩形在该轴的投影随角度变化:沿长边进入时容错大,沿短边进入时容错小。界面布局又会塑造常见起点,故真实难度取决于用户通常从哪里来,而不是控件孤立在画布上的宽高。

怎么研究

从多个预设起点引导用户指向相同目标,测量入射角、端点分布、运动时间和错误;将轨迹投影到各自运动轴估计有效宽度。真实产品还可从交互日志重建常见起点与路径,避免只测正面接近的理想条件。

边界

路径并非总是直线,转弯、障碍物、拖拽和中途视觉搜索会改变实际轴。触屏上手指遮挡与接触面会进一步改变误差。角度效应不应被用来替代对整体位置、标签或无障碍的评估。

怎么落地

  • 以高频起点审视常用控件:确认主要路径上有足够投影宽度,而非只检查正视尺寸。
  • 对细长目标调整方向、位置或热区,使其长轴与典型逼近方向一致,或提供更大容错。
  • 用轨迹可视化发现某些方向集中漏点,再调整相邻控件与命中区域。

延伸

  • 同组B1.12.1 二维目标须同时考虑宽与高,取最小边与取近边投影两种模型给出不同预测 · B1.12.3 细长目标沿长轴接近比沿短轴接近容易 · B1.12.4 可点击热区可大于视觉尺寸,二者不一致时决定难度的是热区
  • 相邻B1.01 菲茨定律 · B1.02 菲茨定律在触屏上的偏差
  • 站内检索approach angle · projected width · effective target width

同组卡片

快捷操作

分享

分享当前页面

ios_share

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