伊達(dá)千代在《版面設(shè)計(jì)的原理》一書(shū)中提到了費(fèi)茨法則，里面提到：
所謂費(fèi)茨法則宠能，指的是到達(dá)目標(biāo)所要花費(fèi)的時(shí)間亚隙。例如磁餐，計(jì)算將鼠標(biāo)指針對(duì)準(zhǔn)電腦顯示器中圖示這一動(dòng)作所需的時(shí)間违崇，在這種情況下需要應(yīng)用費(fèi)茨法則。這樣向目標(biāo)移動(dòng)的動(dòng)作稱(chēng)為指向動(dòng)作诊霹，距離目標(biāo)越近并且目標(biāo)越大羞延，到達(dá)的時(shí)間就越短。反之脾还，動(dòng)作越快伴箩、目標(biāo)越小則越容易出錯(cuò)。同理鄙漏，作為設(shè)計(jì)師也一樣嗤谚，要考慮如何讓讀者視線最快、最準(zhǔn)確地到達(dá)需要傳達(dá)的信息怔蚌。
心想要了解費(fèi)茨法則多一些巩步，便查閱了一些相關(guān)的資料。下面是雅虎UED關(guān)于Fitt's Law的小漫畫(huà)桦踊，先跟著漫畫(huà)看看Fitt's Law 費(fèi)茨法則的概念吧椅野。
漫畫(huà)中介紹了費(fèi)茨法則：
從鼠標(biāo)到達(dá)目標(biāo)的時(shí)間 Time = a + b log2 ( D / S + 1 )
其中，D：鼠標(biāo)達(dá)到目標(biāo)的距離；S：目標(biāo)的寬度
費(fèi)茨法則為交互設(shè)計(jì)提供了一個(gè)設(shè)計(jì)法則竟闪，細(xì)心想想离福，會(huì)發(fā)現(xiàn)很多遵循費(fèi)茨法則的設(shè)計(jì)細(xì)節(jié)，不管是生活中的設(shè)計(jì)還是界面設(shè)計(jì)炼蛤。接下來(lái)跟大家舉一些例子妖爷。
①電梯里面開(kāi)門(mén)和關(guān)門(mén)的按鈕一般都是相鄰的。
不知道有沒(méi)有人遇到跟我一樣的情況理朋，當(dāng)電梯門(mén)要關(guān)上時(shí)赠涮，聽(tīng)到外面有人喊等等她，站在按鈕旁邊的你想要按開(kāi)門(mén)暗挑，沒(méi)想到卻錯(cuò)按了關(guān)門(mén)的按鈕笋除，還好你反應(yīng)快，趕緊按了相鄰的開(kāi)門(mén)鍵炸裆，門(mén)又重新打開(kāi)了垃它，外面的人開(kāi)心地走進(jìn)來(lái)和你說(shuō)聲謝謝。
撇開(kāi)“錯(cuò)按了關(guān)門(mén)的按鈕”不說(shuō)（我認(rèn)為電梯的開(kāi)關(guān)門(mén)按鈕應(yīng)該用色彩或者形狀加以區(qū)分烹看，才能減少上述情況的發(fā)生）国拇，但兩個(gè)按鈕之所以相隔得那么近，也是為了能讓乘客快速在這兩個(gè)按鈕之間轉(zhuǎn)移惯殊，是費(fèi)茨法則在生活中的例子酱吝。
類(lèi)似的例子還有剎車(chē)和油門(mén)。
②在Windows和Mac中土思，菜單都是在左下角务热。
因?yàn)槭髽?biāo)指針可以在邊角停止，因此邊緣的寬度可以被認(rèn)為是無(wú)窮大的己儒。用戶在此處的操作可以很精確崎岂，因?yàn)槭髽?biāo)很容易就能到達(dá)邊緣。
同理闪湾，我們發(fā)現(xiàn)在Windows眾多瀏覽器和文件夾中冲甘，關(guān)閉按鈕也是在窗口右上角的地方。在窗口最大化的情況下途样，關(guān)閉按鈕就在整個(gè)屏幕的右上角邊緣處江醇，很容易就能被用戶找到并點(diǎn)擊。
③重要按鈕（及其點(diǎn)擊區(qū)域）相對(duì)比較大
例如在知乎的登錄界面中何暇，“登錄”按鈕相對(duì)于其他的按鈕點(diǎn)擊頻率最高陶夜，所以它的位置和顏色都很顯眼，點(diǎn)擊區(qū)域也很大（相比于“無(wú)法登錄”等等）赖晶。這也是符合費(fèi)茨法則的設(shè)計(jì)律适。從費(fèi)茨法則公式Time = a + b log2 ( D / S + 1 ) 得到辐烂，S（目標(biāo)大小）越大捂贿，用戶找到并點(diǎn)擊目標(biāo)需要的時(shí)間就越短纠修。
④違反費(fèi)茨法則的例子
想到實(shí)習(xí)的時(shí)候玩的一款校園社交app——11點(diǎn)11分，個(gè)人覺(jué)得這個(gè)產(chǎn)品還是很不錯(cuò)的厂僧，產(chǎn)品很有特色扣草，也有不錯(cuò)的交互細(xì)節(jié)，美中不足的是帖子中“舉報(bào)”按鈕太明顯了颜屠，很容易造成誤操作：
“舉報(bào)”按鈕和下拉選擇菜單的按鈕距離太近了辰妙，如果在單手操作或者手指比較粗的人很容易不小心點(diǎn)擊到“舉報(bào)”按鈕；另一方面甫窟，這樣的設(shè)計(jì)很容易誘導(dǎo)調(diào)皮鬼去隨便舉報(bào)別人密浑，雖然我理解設(shè)計(jì)“舉報(bào)”按鈕也是為了營(yíng)造健康的產(chǎn)品，特別是對(duì)UGC來(lái)說(shuō)粗井。但這樣本末倒置我認(rèn)為是不好的尔破。
在設(shè)計(jì)過(guò)程中，費(fèi)茨法則能夠帶給我們一些啟示：
1.重要的按鈕的尺寸要合理：太小浇衬，則用戶要花時(shí)間尋找懒构，太大，則會(huì)影響用戶閱讀內(nèi)容耘擂。
2.界面邊緣是用戶很容易準(zhǔn)確到達(dá)的位置胆剧，在界面邊緣可以放置重要菜單或按鈕。
3.相關(guān)聯(lián)的操作按鈕不能相隔太遠(yuǎn)醉冤。
另外秩霍，在移動(dòng)端設(shè)計(jì)中，可以結(jié)合拇指熱區(qū)來(lái)運(yùn)用費(fèi)茨法則：
頻率高的按鈕應(yīng)該分布在拇指熱區(qū)內(nèi)冤灾，而危險(xiǎn)的敏感的按鈕應(yīng)該避開(kāi)拇指熱區(qū)前域，這時(shí)候費(fèi)茨法則會(huì)有所變化，不能直接按照剛剛上文得到的啟示來(lái)設(shè)計(jì)韵吨。
有關(guān)于拇指熱區(qū)，之后再寫(xiě)一篇文章總結(jié)一下吧移宅。
參考文獻(xiàn)：
Windows 設(shè)計(jì)規(guī)范中的鼠標(biāo)交互归粉；
漲姿勢(shì)！在移動(dòng)界面設(shè)計(jì)中應(yīng)用費(fèi)茨法則漏峰；
