• 回复: 0
1 发布于:2016-08-25 15:19:52

按钮要多大?费兹定律告诉你

此中T 代表所破费的时候,a 是系同肯定会破费的时候,b 是体系速率,D 代表启始得到目标之间的间隔,而W 则是目标物平行于举动轨迹的长度。看起来一点都不讨喜,对吧?我们可以用下图来简化一下费兹定律的意思: 你知道为什么Microsoft Windows 的选单列安排在视窗上,而Apple Mac OS X 的选单列放在萤幕的最上方吗?你知道为什么Mozilla Firefox 欣赏器左上角的「回到上一页」和「到下一页」两个按钮的大小不一样吗?着实费兹定律(Fitts’ Law)都已经在很多使用者界面琅缦沔偷褪ё偎作了!费兹定律(Fitts’ Law)是生理学家Paul Fitts 所提出的人机介面设计规矩,重要定义了游标移动到目标之间的间隔、目标物的大小和所破费的时候之间的干系。费兹定律如今广泛应用在很多使用者介面设计上,以进步介面的使用性、操纵度和效能。费兹定律长得就像下面这个公式:
用图来解释,便是当D(启始得到目标之间的间隔)越长,使用者所破费的时候越多,而当W(目标物平行于举动轨迹的长度)越长,则破费的时候越少,使用效能也比力好。这跟Mozilla Firefox 的「回到上一页」按钮的大小有什么干系呢?这要大「回到上一页」和「到下一页」两个按钮的举动有什么不同来举行分析。日常而言,我们在灯揭捉回到上一页按钮的时间,都是正在欣赏网站而想要回到方才看过的页面,这时滑鼠位置通常都在欣赏器的页面内容上,要把滑鼠大页面上移督】蹈回到上一页」的按钮的间隔很长,并且我们不克不及确定使用者会大哪个位置开始移动。因此Firefox 将「回到上一页」的按钮加大并设计成圆形,以因应来自不同角度的滑鼠操纵。而「到下一页」的按钮,通常都是由于灯揭捉了「回到上一页」而感到后悔,盼望可以回到上一个页面,此时滑鼠是大左往右移动一个小段的间隔,角度和间隔都可以控制,以是Firefox 就设计了比力宽的按钮了!
至于Windows 和Mac OS X 的选单位置的不同呢?Windows 将选单位置安排在视窗问题的下方,如果滑鼠要大视窗内移动到选单上,这个选单的上下间距黑白常局促,以是比力不方便灯揭捉到精确的按钮。而Mac OS X 则将选单放到萤幕的正上方,由于滑鼠移动到萤幕边界的时间,会被萤幕边边界制而停下,因此可以将选单的高度(也便是费兹规矩中的W)视为无穷大,以是使用者所破费的时候减少,听从也就提拔了。
果真恶魔住在细节里,对吧!扫一扫,关注设计动量,随时参与互动。
我要评论