B1.01.3Effective width设计研究

宽度指沿运动方向的有效尺寸

别名: 投影宽度 · 运动轴宽度 · effective target width

概念解释

在菲茨定律里,有效宽度(effective width)不是控件面积,也不总是其视觉上的横向宽度;它是目标在实际接近方向上的可容错尺寸。一个很长的横向条形按钮,从正面接近时可能很宽,从侧面接近时却很窄。用户能落点的范围也会因内边距、相邻控件和命中规则而小于可见轮廓。

机制

末端修正要控制的是沿运动轴的停止位置。垂直于运动轴的空间再大,也不能补偿沿轴方向过早或过晚停下的误差。因此有效宽度可理解为将目标形状投影到运动方向后的容错带;当接近角度改变,形状不变,容错带也会改变。

怎么研究

在实验中记录每次点击的端点并沿运动轴投影,以端点分布估计有效宽度,而不是只读取设计稿的边界框。可操纵目标形状、入射角、相邻目标间隙和命中判定,测量运动时间、误击以及端点变异。若轨迹来自多个方向,应分别分析方向,否则平均后的宽度会掩盖某些方向特别难点的问题。

边界

该定义针对定向指点;对于大范围拖放、双指手势或目标在移动中变形,单一运动轴未必足够。触屏上手指接触面、视觉遮挡和系统的容错算法会使“有效”宽度不同于几何投影。不能把视觉留白自动算为可用宽度,除非它真的接受输入并不与邻近操作冲突。

怎么落地

  • 以用户从哪里来为依据检查按钮和菜单项的命中区,尤其检查常见接近方向上最窄的投影。
  • 对细长控件,增大沿主要移动方向的可点击尺寸,或改变其朝向;只增加垂直方向的装饰性留白未必有效。
  • 在埋点或可用性测试中按进入方向汇总漏点,发现某一方向集中失败后再调整命中区与间距。

延伸

  • 同组B1.01.1 指点时间由目标距离与目标宽度共同决定 · B1.01.2 距离与宽度以对数关系影响时间,不是线性 · B1.01.4 定律描述的是平均趋势,不预测单次操作 · B1.01.5 增大目标与缩短距离两条改进路径的成本不同
  • 相邻B1.02 菲茨定律在触屏上的偏差 · B1.03 屏幕边缘的无限宽度
  • 站内检索effective width · movement axis · endpoint variability

同组卡片

快捷操作

分享

分享当前页面

ios_share

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