定义
点击较近的较大目标要比较远的较小目标更快。
在生活中的例子有汽车油门与刹车,两者之间的距离很近,但是刹车接触面积更大,驾驶员能够在短时间内把脚从油门踏板转移到刹车踏板上,从而达到以最快的速度准确制动的目的。

苹果键盘常用按钮面积更大,方便点击。

来源
Paul Fitts要求对象准确地在两个金属板之间来回敲打触控笔,并记录这一过程所用时间。然后不断改变两块金属板之间的距离和金属板宽度。经过所有这些艰苦的工作,他想出了一个方程来捕捉所有这些:
T = a + b log2(D/W+1)
T=移动设备所需时长;a,b是经验常量,D=设备起始位置和目标位置的距离;W=目标的宽度大小。

由此我们可以看出:
1. 设备当前位置和目标位置的距离D越长,所用时间越长;
2. 目标的大小W越大,所用时间越短
应用
1.window和mac系统菜单设计:W与T成反比,边缘的宽度是无限大的。
Mac OS默认将底栏(Dock)放到了屏幕的最下方,menu bar始终在顶部;这样的话底栏与menu bar就变得“无限可选中”,因为用户将光标移到底栏或顶部并持续向此方向做出大幅度移动后光标始终是落在上面的。
在Windows中,开始菜单在屏幕的左下角,这个角落是“无限可选中”的,因为不管用户朝左下角方向做多大幅度的移动,光标总是会停在开始菜单按钮的上方。

2.电脑中右键操作,移动端长按或滑动操作都将距离缩短到最小。

3.增大按钮或点击区域,引导用户点击。
增大按钮可以用于引导用户点击想让他们点击的区域。比如放大淘宝单品详情页中的加入购物车按钮,引导用户进行消费。再如下面支付宝中购买基金的买入按钮,和苹果商店的更新按钮。

.4同时,也可以进行反向操作,通过增大距离或者减小按钮来防止用户误操作。
苹果电话屏幕未锁定状态下来电显示拒绝与接听按钮,而锁屏状态下来电会显示滑动来接听按钮,防止用户手机在衣服口袋内的状态下误触接通电话。

关机时也时候用滑动操作,这样虽然减低了用户操作效率,但通过增加移动距离从而增加用户操作时间可以提示用户谨慎操作。

网友评论