B1.01.3Effective width设计研究
宽度指沿运动方向的有效尺寸
别名: 投影宽度 · 运动轴宽度 · effective target width
概念解释
在菲茨定律里,有效宽度(effective width)不是控件面积,也不总是其视觉上的横向宽度;它是目标在实际接近方向上的可容错尺寸。一个很长的横向条形按钮,从正面接近时可能很宽,从侧面接近时却很窄。用户能落点的范围也会因内边距、相邻控件和命中规则而小于可见轮廓。
机制
末端修正要控制的是沿运动轴的停止位置。垂直于运动轴的空间再大,也不能补偿沿轴方向过早或过晚停下的误差。因此有效宽度可理解为将目标形状投影到运动方向后的容错带;当接近角度改变,形状不变,容错带也会改变。
怎么研究
在实验中记录每次点击的端点并沿运动轴投影,以端点分布估计有效宽度,而不是只读取设计稿的边界框。可操纵目标形状、入射角、相邻目标间隙和命中判定,测量运动时间、误击以及端点变异。若轨迹来自多个方向,应分别分析方向,否则平均后的宽度会掩盖某些方向特别难点的问题。
边界
该定义针对定向指点;对于大范围拖放、双指手势或目标在移动中变形,单一运动轴未必足够。触屏上手指接触面、视觉遮挡和系统的容错算法会使“有效”宽度不同于几何投影。不能把视觉留白自动算为可用宽度,除非它真的接受输入并不与邻近操作冲突。
怎么落地
- 以用户从哪里来为依据检查按钮和菜单项的命中区,尤其检查常见接近方向上最窄的投影。
- 对细长控件,增大沿主要移动方向的可点击尺寸,或改变其朝向;只增加垂直方向的装饰性留白未必有效。
- 在埋点或可用性测试中按进入方向汇总漏点,发现某一方向集中失败后再调整命中区与间距。