圖片來源：Ouch pics
你有沒有思考過為什麼Mac的主要選單放在上方？ Windows把常用的開始按鈕放在左下方？繪圖軟體的按鈕為什麼這樣編排？它們似乎都沿視窗邊緣排列著，而為什麼不是放在中間？ 這一切都跟費茲定律有關！
費茲定律（Fitts’ Law）是心理學家 Paul Fitts 提出的人機介面設計法則，它預測了快速移動到目標區域所需的時間是與目標區域距離及大小有關的函數，大多用於表現指、點這個動作的概念，無論是用手進行物理接觸，或是在電腦上用滑鼠進行虛擬的觸碰，它被廣泛應用在許多使用者介面設計上，以提高介面的易用性和效率。
費茲定律就像下面這個公式：
T 是完成動作的平均時間
a 代表裝置（攔截）開始/結束的時間，b 表示該裝置本身的速度（斜率）
D 是起始位置到目標中心的距離
W 是目標區域的寬度
單看公式可能有點複雜，讓我們看看下面這張圖：
圖片來源： Sociomedia
從這張圖我們可以看出，目標小且距離遠的目標，要準確到達的速度較慢，難度越高，而目標大且距離近，準確到達的速度是較快的，難度也較低，這便是權衡指向性動作的速度及準確性，透過此定律，介面設計師能夠設計出適當的按鈕大小、目標大小。
以 Windows 與 Mac OS 的選單列為例，Windows 把視窗選單放在資料夾標題列下方，因為使用者打開資料夾，滑鼠多會在資料夾內停留，這樣的設計可以讓滑鼠移動距離短一點。
而 Mac OS 把選單放在螢幕頂端，雖然滑鼠移動距離變長了，但由於滑鼠移動到螢幕邊界的時候，會被螢幕邊界限制而停下，選單的高度也跟著變成了「無限大」，於是使用者可以不必費心一直去瞄準目標物，花費時間減少，效率也就提升了。
圖片來源： Mozilla
Mozilla Firefox的上一頁與下一頁的設計也應用了費茲定律，因為通常我們在點選回到上一頁按鈕的時候，滑鼠位置通常都還在瀏覽器的頁面內容上，不確定使用者的游標會停留在哪，距離可能近也可能遠，因此將上一頁按鈕加大並設計成圓形，可以讓使用者快速的點擊到。而點選下一頁的行為，通常都是點選了「回到上一頁」而感到反悔，希望可以再進到下一個頁面，這時滑鼠的移動只是從左到右，角度與距離都在可控範圍，所以就將下一頁設計成了比較寬的按鈕。
大多數的繪圖軟體，需提供多樣化的工具，且普遍是在電腦螢幕上使用，在大螢幕的載體上，使用者多會將視窗最大化，所以此類軟體多將工具列放置在邊緣，中間做為工作區域，工具列不會干擾到工作區域，且放在邊緣時不需要很小心地瞄準，即可快速點擊到。
圖片來源：Nobbot
Windows將主要的開始按鈕放在左下角，這個位置不論往左或往下，都可以將游標限制在這個區塊，成了一個很好點擊的區域，並且他們將常用的設定與關機按鈕都放在開始按鈕上方，大幅降低了滑鼠需移動的距離。
費茲定律已悄悄地影響著我們生活中許多常用的介面，下次使用電腦軟體時，可以多多觀察哪些地方運用了費茲定律，想必會有不同的發現，理解其中設計的玄機。
Comments