PM讀書 | 《菲茨定律》:原理和實(shí)例

一、定義

菲茨定律:(在桌面系統(tǒng)中)用戶能夠快速點(diǎn)擊那些較大或者比較接近于鼠標(biāo)指針的目標(biāo)。此類目標(biāo)可能是用戶想要鼠標(biāo)點(diǎn)擊的屏幕上顯示的圖標(biāo),或者是用戶想要敲擊的觸摸屏上的按鈕。

Fitts's Law

二云茸、ID計(jì)算公式

ID,Index of Difficulty谤饭,即任務(wù)的難度系數(shù)。用來度量用戶完成某一目標(biāo)的難度。
計(jì)算公式如下:
ID=log2(目標(biāo)距離設(shè)備指針的距離/目標(biāo)在運(yùn)動方向上的寬度+1)
解釋:難度系數(shù)與距離成正比揉抵,與圖標(biāo)的寬度成反比亡容。

三、應(yīng)用

(1)屏幕邊緣具有無限大的尺寸
因?yàn)橐氚咽髽?biāo)移動到一個按鈕圖表冤今,需要在圖標(biāo)的四個邊界范圍內(nèi)闺兢,而如果把圖標(biāo)放到屏幕的角上,就相當(dāng)于這兩個邊的邊界不用考慮戏罢,也就是這兩個邊界無限大屋谭。用戶可以很方便的輕易的找到按鈕圖標(biāo)。
例如win7右下角的顯示桌面圖表:


注意:上述情況并不適用于觸摸屏龟糕,觸摸屏的邊界元素并不容易碰到桐磁,用戶最容易達(dá)到的區(qū)域取決于持握設(shè)備的方式。

(2)放射式環(huán)境菜單減小平均移動距離
很多游戲都采用環(huán)形菜單:

(3)較小的目標(biāo)需要設(shè)置外邊界
較小的目標(biāo)難以點(diǎn)擊讲岁,因此在較小的目標(biāo)之間設(shè)置邊界就顯得非常重要我擂。否則,用戶很可能會錯過正確的目標(biāo)缓艳,從而引發(fā)錯誤操作校摩。
這樣的設(shè)計(jì)同樣適用于鍵盤快捷鍵。如果破壞性操作的快捷鍵和非破壞性操作的快捷鍵是距離很近的兩個字母阶淘,那么用戶很可能會不小心啟動破壞性操作的命令衙吩。

(4)有時候,界面元素越小越好
把屏幕元素設(shè)計(jì)的大一些會方便用戶點(diǎn)擊溪窒,而把破壞性操作的界面元素設(shè)計(jì)的小一些能有效降低用戶在無意之中點(diǎn)擊到的概率分井。
例如:win7的關(guān)機(jī)按鈕:

對菲茨定律的完美闡述:文章《菲茨定律的可視化》:http://www.particletree.com/features/visualizing-fittss-law/

(最后打個廣告,筆者鵝廠產(chǎn)品經(jīng)理一枚霉猛。如果想了解更多產(chǎn)品經(jīng)理知識尺锚,請關(guān)注筆者的公眾號:xander_talk,或者添加筆者微信號xanderfriend惜浅,歡迎交流瘫辩。)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市坛悉,隨后出現(xiàn)的幾起案子伐厌,更是在濱河造成了極大的恐慌,老刑警劉巖裸影,帶你破解...
    沈念sama閱讀 222,729評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挣轨,死亡現(xiàn)場離奇詭異,居然都是意外死亡轩猩,警方通過查閱死者的電腦和手機(jī)卷扮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評論 3 399
  • 文/潘曉璐 我一進(jìn)店門荡澎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人晤锹,你說我怎么就攤上這事摩幔。” “怎么了鞭铆?”我有些...
    開封第一講書人閱讀 169,461評論 0 362
  • 文/不壞的土叔 我叫張陵或衡,是天一觀的道長。 經(jīng)常有香客問我车遂,道長封断,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,135評論 1 300
  • 正文 為了忘掉前任舶担,我火速辦了婚禮坡疼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘柄沮。我一直安慰自己回梧,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,130評論 6 398
  • 文/花漫 我一把揭開白布祖搓。 她就那樣靜靜地躺著狱意,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拯欧。 梳的紋絲不亂的頭發(fā)上详囤,一...
    開封第一講書人閱讀 52,736評論 1 312
  • 那天,我揣著相機(jī)與錄音镐作,去河邊找鬼藏姐。 笑死,一個胖子當(dāng)著我的面吹牛该贾,可吹牛的內(nèi)容都是我干的羔杨。 我是一名探鬼主播,決...
    沈念sama閱讀 41,179評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼杨蛋,長吁一口氣:“原來是場噩夢啊……” “哼兜材!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起逞力,我...
    開封第一講書人閱讀 40,124評論 0 277
  • 序言:老撾萬榮一對情侶失蹤曙寡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后寇荧,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體举庶,經(jīng)...
    沈念sama閱讀 46,657評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,723評論 3 342
  • 正文 我和宋清朗相戀三年揩抡,在試婚紗的時候發(fā)現(xiàn)自己被綠了户侥。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片镀琉。...
    茶點(diǎn)故事閱讀 40,872評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖添祸,靈堂內(nèi)的尸體忽然破棺而出滚粟,到底是詐尸還是另有隱情寻仗,我是刑警寧澤刃泌,帶...
    沈念sama閱讀 36,533評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站署尤,受9級特大地震影響耙替,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜曹体,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,213評論 3 336
  • 文/蒙蒙 一俗扇、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧箕别,春花似錦铜幽、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至母截,卻和暖如春到忽,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背清寇。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評論 1 274
  • 我被黑心中介騙來泰國打工喘漏, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人华烟。 一個月前我還...
    沈念sama閱讀 49,304評論 3 379
  • 正文 我出身青樓翩迈,卻偏偏與公主長得像,于是被迫代替她去往敵國和親盔夜。 傳聞我的和親對象是個殘疾皇子负饲,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,876評論 2 361

推薦閱讀更多精彩內(nèi)容