费茨定律由心理学家 Paul Fitts 提出,用来预测从任意一点到目标中心位置所需时间与该点到目标的距离和大小有关,距离越大时间越长,目标越大时间越短。举例来说,你伸手去拿桌子上的咖啡杯,开始你的手臂迅速地往杯子位置移动,接着你放慢速度直至找到杯子把手,个杯子把手的大小与你“抓住”它有着一定的关系。
上图所示,果光标现在在任易地点想要去点击目标 target,最短路径一定是 D,最短路径上容错的最长路径是 D+W,只要水平上移动超 D+W 你就点不到,而个点击动所耗的时间是一个常数加上一个以 D 为正比 W 为反比的函数的和。
让我们来看下这个例子:图右侧红色块代表目标,虚线代表从起至目标移动轨迹,其范围是用户到目标前微调以弥补误区域,在右有个较大目标,为积很大所以用户从任意快速击都会很容易,在目标上下来前不需要做太精细调。
相反,如把右边红色块缩小,用户快速击目标会困难多,需要做系列精细调动作。
如样大小目标距离很近话,为到目标范围所需初始动作很小,所以准确击它难度也会小很多。距离越近, 初始动作为幅度太大而出目标区域风险越小。
在页面中,大而近的目标区域意味着用户不需要做太精细的整就以轻易的到达目标。比页面中的大按钮。
夸克浏览器的搜索栏就离手近的屏幕底部区域,相比常见顶部搜索栏方便操作,效率。
在计注册、登录界面的候,通常将「注册」和「登录」放一起,不仅可以在视觉上增用户对相关性的认知,还可以减少在之间的距离 。
△ 计图来网络 侵删
费茨定律鼓励减少距离,增加目标大以提升用户效率,但反过来亦适用,比如 iPhone 关机,不使用按钮点击,而采用滑动操作,这虽然降低了用户操作效率,但增加用户操作间,以起警示用户谨慎避免误操作的目的,所以“取消”按钮放在底部方便点击的地方。
App 弹窗经常把“关闭”按钮放在卡片的右上角离远的地方,还有开屏广告,广告商希望用户花尽量多的间停留在广告内容上,这候广告主会把“跳过”按钮放在难以点击的右上角,以降低用户的误触机率提高转化。
按钮越大越容易点击,在移动备上通常增加按钮点击热范围以便用户不必准地点击目标也能操作成功,但是可点击对象大尺寸要理不要过的大;
让相关的内靠近彼此,视觉增强用户对它们相关性的认知,不过也不能过分靠近,会造点击压力;
将按钮放置在离开始点近的地方,比屏幕底部易操区域;
屏幕边很适合放像菜单栏和按钮这样元素,为在屏幕边缘和落位时它们是“限可选”,可以大胆操作而需“微调”;
定律的反向使可适一些特殊场景,如想达到某种目的而降低按钮被点击的可。
欢迎关注作者公众号:「印迹拾光」