费茨定律在触摸屏上的应用

9

最近我一直在阅读有关UI设计的文章,Fitt's Law 一直被提及。

据我所知,它基本上是指物品越大,并且离光标越近,点击就越容易。

那么对于输入来自多点触控或单点触控的触摸屏设备呢?

考虑到这一点,应该注意哪些基本原则?

是否应该像这样,用户的手在设备的两侧,因此按钮应该靠近设备的左右两侧?

谢谢。


"...它预测了快速移动到目标区域所需的时间是距离和目标大小的函数。" ...真有人为此制定了一个“法则”。 - Viktor Sehr
维克托:重要的不是有人为此制定了法律,重要的是法律模拟了尺寸、距离和移动速度之间的关系。 - davidhfe
7个回答

9

最近我也开始思考这个问题,以下是一些考虑:

  • Fitts定律是在50年代作为人类因素模型(即:战斗机座舱控制)开发的,所以将其重新应用于人类运动技能实际上只是来了一个完整的循环。它绝对适用于移动设备。[历史注:当时发现它适用于鼠标接口实际上是一件大事情。]

  • 需要注意的一点是,在触摸界面上,Fitts定律赋予的边缘和尤其是屏幕角落的优势不再存在:“无限大小”仅适用于鼠标接口,因为光标不能超出边缘。显然,我们的手指没有同样的限制。基本上,除了可能更短的距离到目标之外,边缘与屏幕中间没有区别。

  • 这里有一份关于单手拇指使用的最佳目标大小的研究1 (pdf),考虑到自由移动等因素。我希望能找到一篇文章,能够提供一个修改或新的常数来衡量触摸界面的精度,但是简单搜索没有找到。我想这意味着我发现了一个潜在的研究课题;)

  • 我认为将Fitts定律应用于小屏幕移动设备的一个普遍结论是:很难制作可用的基于小部件的界面而不严重牺牲信息密度。一个有趣的替代方案是手势界面(超出流行的缩放)。不幸的是,缺乏流行和约定使得学习曲线相当高。然而,在移动设备上使用手势界面可能值得这种权衡。我预测一旦约定稳定下来,手势界面在移动设备上的广泛采用。


+1 个 PDF 文件。我在大学工作时使用了它,它与 Fitts 定律相关的发现非常有趣。你也应该考虑阅读 Hick-Hyman 定律。 - Developer IT

4
是的,对于触摸屏,菲茨定律必须在三个维度上应用,因此它与经典的鼠标移动考虑不同。
正如您所说,移动的起点通常是手指的默认位置。这取决于屏幕所安装的设备而有很大不同。在手持设备上,您可能使用一只手的食指或两只手的拇指,具体取决于设计。
此外,在触摸屏上,您必须将手指移开屏幕才能看到它,这使得控件之间的距离在您回到点击之间的默认位置时变得不那么重要。
除了菲茨定律之外,还要考虑界面的直观性。如果按钮出现在意料之外的位置,无论它有多接近,找到它仍然需要时间。

3
一种试图利用菲茨定律的具体想法是将最常用的控件放在屏幕底部(即与当前GUI约定的菜单栏和工具栏相反)。这使用户可以连续触摸多个控件,而无需撤回手来查看效果,缩短了输入之间的平均移动距离。对于平板电脑、信息亭或台式设备,屏幕底部可能也是手的“休息”位置。然而,潜在的问题是当用户扫描显示屏时,最重要的控件可能是他们看到的最后一件事。

1
Fitt's Law“预测快速移动到目标区域所需的时间是距离和目标大小的函数。”重要的不是Fitts发现了这一点(这是显而易见的),他注意到由于距离和大小的增加符合对数公式,该定律进行了建模。
在Windows-Icon-Menu-Pointer(WIMP)系统上,重要的是您有1个位置,距离为零(光标当前所在位置),以及4个无限大小的位置(屏幕边缘,指针无法超出)。这就是为什么Fitts定律在UI设计中如此重要的原因(除了给诸如“不要制作微小按钮”之类的事物带来权重)。
但是,该定律对您手部可用的运动范围做出了许多假设。如果您用两只手拿着平板电脑,则该定律将失效。如果您用左手拿着它,则右侧的东西将更容易到达等。因此,与指针相比,进行概括将会更加困难。
话虽如此:
  • 考虑用户的手将在哪里,以及他们是否都是自由的。将按钮放置在您认为手会出现的最近位置。

  • 聚集按钮,使您不需要要求用户进行远离的一系列连续点击(除非当然,您正在设计游戏,这是技能的一部分)


我不同意“法律被抛到一边”的说法。它同样重要,甚至更加重要。只是你有更多的变量。另一方面,在移动应用中,你经常有能力使目标占据整个屏幕——这在桌面应用程序中更难做到。因此,法律并没有被抛到一边,你只需要在方程中考虑更多的变量。 - Bryan Oakley

0

你应该针对最重要的手指进行设计,比如食指。当然,并不意味着其他手指不能使用,但人们通常更倾向于使用某些手指而忽略其他手指。


不要假设食指在所有情况下都是最重要的。对于基于触摸的用户界面,它在某些情况下确实很重要,但绝对不是全部情况。 - Bryan Oakley
你没听懂“最重要的手指(例如食指)”的哪一部分了吗? - devoured elysium

0

我认为你无法提供一个适用于所有尺寸和类型的触摸屏的通用答案。例如:微软Surface上的红外视觉技术可能会因用户手指非常黑而失败(非常罕见),但这在电容式触摸屏上不是问题。

最佳实践是进行大量测试,涉及各种用户。您将很快了解到什么适用于您的设备,什么不适用。


0

我在我的研究生人机交互课程上做了一份论文,使用进化计算来设计一个基于正在输入的文本领域的更高效的键盘。我真的应该将它发布为 iPhone/Android 应用程序。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接