F1.05.1infinite-width target设计研究

边缘在运动方向上不受限,指点成本最低

别名: 无限宽目标 · Fitts edge · 屏幕边缘

概念解释

鼠标往屏幕顶上一甩,菜单栏一定会接到——越过顶边的运动被屏幕物理地截住,目标在这个方向上等于无限高。Mac 把菜单贴顶、Windows 把任务栏贴边,用的都是这条:无限宽目标(infinite-width target)。内部同样像素高的按钮做不到,因为指针可以穿过去。

它只在「沿着那条边的法向甩过去」时成立。沿边缘平行滑动去点一个窄图标,宽度又变回有限,便宜立刻消失。

机制

Fitts 的难度指数是 $\mathrm{ID} = \log_2(D/W+1)$。对贴边目标,过冲被屏幕边界吃掉,$W$ 在接近方向上趋于无穷,ID 塌缩。人于是可以做一次不瞄准的弹射:加速、撞边、停下,而不必在目标上方做减速瞄准。这是点按里极少见的「可以不看」的通道。

工程上它几乎零成本:不需要更大的绘制面积,只需要把命中区延伸到像素边界,并让窗口不能再往外画。内部按钮要换同样的 ID,只能把可视高度加到夸张的程度。

怎么研究

经典 Fitts 指点任务把目标放在屏幕边缘、离边缘几个像素、以及屏幕内部,比较运动时间与错误率。边缘条件允许指针越出窗口坐标,以模拟「撞墙」。

自变量:目标是否贴边、接近方向(法向 vs 切向)、目标在切向的宽度。 因变量:运动时间、过冲后再修正的次数、不注视目标能否仍点中。

触屏上「甩」不像鼠标有惯性撞墙,边缘优势会缩小,实验要分开报。

边界

没有物理边界的画布(无限滚动、可平移地图)不存在撞墙,贴「视口边」不等于无限宽。多显示器之间的缝不是墙,指针会漏到另一块屏,贴在缝上的菜单会点空。触控精度低、又没有指针惯性,边缘作为无限宽的收益远小于鼠标。把整条边都做成可点之后,切向宽度仍有限,沿边点选一个个小图标并不便宜。

怎么落地

  • 桌面把全局、高频、允许「甩过去就中」的入口贴在屏幕边:菜单栏、任务栏、窗口的拖动条。
  • 命中区要画到像素边界,不要在边和控件之间留一条死缝——死缝会把无限宽打回有限宽。
  • 沿边排列的多个目标要在切向上给够宽度,或靠分组分隔,不能指望法向的无限宽帮切向瞄准。
  • 验证:闭上一只眼、指针从屏幕中心弹射向该边,看是否一次停下就命中。还要对着目标做微调,这条边就没有把宽度用上。

延伸

  • 同组F1.05.2 角落成本最低但可容纳的目标数极少 · F1.05.3 触屏与全面屏的系统手势侵占了边缘价值
  • 相邻F1.04 拇指热区与关键操作落位 · E5.01 顶部导航栏
  • 站内检索infinite-width target · Fitts's law · screen edge

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F1.05.1