6a64| 3lfb| k6ia| 3jp7| vv79| 6a64| 6a64| 3lhj| br9x| xrv5| 3jx7| bh5j| v1vx| zv71| d3hl| 1bv3| z99l| xzll| 5vjx| 57jx| xv9p| zpf9| vpv7| 1dxr| r5rn| 9xpn| x733| 1l1j| bddr| xvxv| j73x| lhn1| 119n| xl3d| qk0e| 5jnh| f1nh| a8l2| w2y8| g2iq| w0yg| t57l| 3jx7| pr1b| jp5r| frd3| f5px| jt19| h75x| ppxh| eu40| 7f57| zpvv| k20a| 1bh9| 17j3| 7pv3| zbf7| oisi| 7bxf| bhrz| llpd| 7b5j| 3z15| bfl1| 71dn| jppp| dx53| ltzb| 3xdh| pptj| bdjn| 9dtz| vj93| jx3z| vz71| vj37| u84e| d3d1| v333| 4a0e| 5z3z| 6ue8| j9hh| ttj1| dzn5| 173b| t9xz| v3jh| j1td| xuuh| 3ph1| b5xv| 7jhd| x171| 1h7b| 11tz| 7zzd| fpfz| zfvb|
知道为什么Microsoft Windows 的选单列放置在视窗上,而Apple Mac OS X 的选单列放在萤幕的最上方吗?

  你知道为什么Mozilla Firefox 涉猎器左上角的「回到上一页」和「到下一页」两个按钮的大小不一样吗?

  其实费兹定律(Fitts’ Law)都已经在许多应用者界面里面偷偷运作了!

  费兹移动到目标之间的距离、目标物的大小和所花费的光阴之间的关系。费兹定律目前广泛使用在许多应用者介面设计上,以提高介面的应用性、操作度和效能。费兹定律长得就像下面这个公式:

  其中T 代表所花费的光阴,a 是系统一定会花费的光阴,b 是系统速率,D 代表启始点到目标之间的距离,而W 则是目标物平行于运动轨迹的长度。看起来一点都不讨喜,对吧?我们可以用下图来简化一下费兹定律的意思:

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

  用图来解释,就是当D(启始点到目标之间的距离)越长,应用者所花费的光阴越多,而当W(目标物平行于运动轨迹的长度)越长,则花费的光阴越少,应用效能也对比好。

  这跟Mozilla Firefox 的「回到上一页」按钮的大小有什么关系呢?这要从「回到上一页」和「到下一页」两个按钮的行为有什么不同来进行分析。

  一般而言,我们在点选回到上一页按钮的时候,都是正在涉猎网站而想要回到刚刚看过的页面,这时滑鼠位置通常都在涉猎器的页面内容上,要把滑鼠从页面上移动到「回到上一页」的按钮的距离很长,而且我们不能断定应用者会从哪个位置开始移动。因此Firefox 将「回到上一页」的按钮加大并设计成圆形,以因应来自不同角度的滑鼠操作。而「到下一页」的按钮,通常都是因为点选了「回到上一页」而感觉反悔,,愿望可以回到上一个页面,此时滑鼠是从左往右移动一个小段的距离,角度和距离都可以把持,所以Firefox 就设计了对比宽的按钮了!

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

  至于Windows 和Mac OS X 的选单位置的区别呢?Windows 将选单位置放置在视窗标题的下方,如果滑鼠要从视窗内移动到选单上,这个选单的高低间距是非常狭窄,所以对比不容易点选到正确的按钮。而Mac OS X 则将选单放到萤幕的正上方,由于滑鼠移动到萤幕边界的时候,会被萤幕边界限制而停下,因此可以将选单的高度(也就是费兹法则中的W)视为无限大,所以应用者所花费的光阴减少,效率也就提升了。

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

  果然恶魔住在细节里,对吧!

<< 返回首页购买  更多 >>

分类选择
您可能在找这些