课件

13.5 Fitts 定律.pdf

Fitts 定律

前面讲到 GUI 的界面元素由 WIMP 组成,前面三个元素组成了所谓的 GUI 界面的 Widget,这三类元素是比较固定的,它组成了元素本身的表现及布局,除了 GUI 的 Widget:
CleanShot 2022-05-12 at 20.23.35@2x.png
屏幕上还有一个对象叫光标,是 Pointing Devices 指点设备来驱动的,指点设备还有:
CleanShot 2022-05-12 at 20.26.13@2x.png

GUI 中菲茨定律是用来指导 GUl Widget Layout 和 Pointing Devices 的运动方式的设计。

菲茨定律的出现要远早于图形用户界面,Fitts 本人是心理学家,他的论文发表在 1954 年,他当年用刚刚出现的香侬的信息论方法来进行实验设计,实验本身是关于点击任务,如下图所示:
CleanShot 2022-05-12 at 20.29.00@2x.png
用笔来进行点击,实验控制两个参数,一个是距离,另一个是点击对象本身的宽度,实验验证任务的难度(称为 ID,Index of difficulty)和任务时间(movement time)存在线性关系,控制的难度和手运动的幅度也有关系。

菲茨定律在 GUI 上体现为一个公式:Fitts 定律 - 图4
未命名.jpg
D 表示我鼠标当前位置距离目标位置之间的距离 Distance,S 是点击目标的大小 Size of target,T 是任务时间 movement time。由公式可知,任务时间与 D 成正比,与 S 成反比。a、b 是人控制能力、掌握设备的特征相关的参数,用典型代入 a 和 b 分别取 50 和 150 ,当然有实验可以测测你具体的值是多少。

菲茨定律告诉我们,在界面设计中,应该使你的对象越大越好,更容易操作,而距离则是越小越好。

https://fww.few.vu.nl/hci/interactive/fitts/,这个网站是可以来体验和测试一下你在用不同的设备上,你这个具体的人在 A、B 这两个常数上,以及在距离、目标大小这两个作为变化过程中测得的值。

例子

CleanShot 2022-05-12 at 21.09.23@2x.png
这是同一个应用程序在两个操作系统上的局部界面,现在假设任务是点击文件菜单。我们可操控的区域因为有软件的控制,所以鼠标不会移动到控制域外边,右边的界面由于文件菜单栏在屏幕最上方,比左边更容易定位,相当于无形中放大了 S 的大小,这里认为放大了10倍,其他数值保持一致,代入公式有:
CleanShot 2022-05-12 at 21.10.08@2x.png
实际可能还不止10倍的效率差异。

菲茨定律给 GUI 的优化,表现为:
CleanShot 2022-05-12 at 21.11.25@2x.png
减少运动距离,或放大被访问对象,或双管齐下即减少运动距离的同时也放大被访问对象。

https://www.asktog.com/columns/022DesignedToGiveFitts.html,这里有一些问题,可以去阅读理解,为什么有的设计用起来就是比较舒服。