B1.01.5Fitts's law设计研究

增大目标与缩短距离两条改进路径的成本不同

别名: 目标尺寸 · 操作距离 · 布局权衡

概念解释

按菲茨定律(Fitts's law),增大有效宽度和缩短移动距离都能降低指点难度,但它们不是可以随意互换的同一种改动。前者占用屏幕空间、可能挤压相邻内容;后者改变控件位置、可能破坏信息层次、肌肉记忆或到其他控件的距离。设计选择应比较整个任务的代价,而非只追求一个更小的 D/W 比。

机制

两条路径在公式中都改变距离—宽度比,但在界面中作用于不同约束。加宽目标扩大容错带,主要减少末端修正和误击;移近目标减少整段移动,却会重新分配空间关系。一个控件变大或变近,也会改变其他控件的距离、可见性和误触风险。因此局部的运动收益可能被系统层面的布局代价抵消。

怎么研究

以保持功能相同的原型分别操纵目标尺寸与位置,记录运动时间、误击、视觉搜索时间、邻近操作错误和主观可用性。对于高频任务,可计算每种方案对整条操作序列的累计距离与命中表现,而不是只测一个按钮。研究报告应说明改动是否挤压了信息、改变了标签可读性或引入了新的导航步骤;这些都是解释权衡的变量。

边界

当目标已大到远超过端点变异,继续加大通常收益有限;当目标离用户当前注意或手势起点本就很近,继续移动也会很快遇到层级和一致性成本。屏幕尺寸、单手持机姿势、辅助技术和可达性要求会改变哪条路径可行。不能因一个控件在实验中更快,就把它移到不符合任务语义的位置。

怎么落地

  • 对高频控件先画出从常见起点到目标的路径,再分别估算“扩大命中区”和“调整位置”对周围布局的影响。
  • 优先用不改变视觉层级的方式扩大真实命中区;若空间有限,把最频繁的下一步放近当前操作位置。
  • 用完整任务测试两种方案,除完成时间外同时检查误触、标签理解、相邻控件表现和用户是否仍能预期控件所在位置。

延伸

  • 同组B1.01.1 指点时间由目标距离与目标宽度共同决定 · B1.01.2 距离与宽度以对数关系影响时间,不是线性 · B1.01.3 宽度指沿运动方向的有效尺寸 · B1.01.4 定律描述的是平均趋势,不预测单次操作
  • 相邻B1.02 菲茨定律在触屏上的偏差 · B1.03 屏幕边缘的无限宽度
  • 站内检索Fitts's law · target size · layout trade-off · target acquisition

同组卡片

快捷操作

分享

分享当前页面

ios_share

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