本文以YouTube這個(gè)產(chǎn)品為例，為你解讀交互設(shè)計(jì)7大定律在YouTube的應(yīng)用。

一、費(fèi)茨定律（Fitts’Law）

Fitts定律提供了一種人體運(yùn)動(dòng)模型，由Paul Fitts于1954年建立，可以準(zhǔn)確預(yù)測(cè)移動(dòng)和選擇目標(biāo)所需的時(shí)間。

簡(jiǎn)而言之，F(xiàn)itts定律指出：獲取目標(biāo)的時(shí)間是目標(biāo)距離和大小的函數(shù)。

光標(biāo)到達(dá)一個(gè)目標(biāo)的時(shí)間，與當(dāng)前光標(biāo)所在的位置和目標(biāo)位置的距離（D）和目標(biāo)大?。⊿）有關(guān)。它的數(shù)學(xué)公式是：時(shí)間 T = a + b log2(D/S+1)。 隨著距離的增加，運(yùn)動(dòng)需要更長(zhǎng)時(shí)間，隨著尺寸減小，選擇再次需要更長(zhǎng)時(shí)間。

——Interactoin Design Foundation

Fitts定律廣泛應(yīng)用于UX和UI設(shè)計(jì)。例如：該定律影響了交互式按鈕變大的慣例（特別是在手指操作的移動(dòng)設(shè)備上）， 因?yàn)檩^小的按鈕不容易被點(diǎn)擊。同樣，用戶的任務(wù)關(guān)注區(qū)域與任務(wù)相關(guān)按鈕之間的距離應(yīng)盡可能短。

在YouTube的首頁(yè)和視頻播放頁(yè)，頻道的【訂閱】按鈕以非常明顯的紅色展示給用戶，同時(shí)按鈕大小在頁(yè)面中的權(quán)重還是比較大的。這種表現(xiàn)方式，能夠在最短時(shí)間內(nèi)，吸引用戶的注意力，激起用戶產(chǎn)生訂閱的欲望，使用戶的鼠標(biāo)更容易達(dá)到目標(biāo)位置。

此外，像搜索框、菜單欄、個(gè)人中心、設(shè)置等一些高頻功能的入口，它們的位置出現(xiàn)在瀏覽器窗口的邊緣。因?yàn)?，從費(fèi)茨定律的角度來(lái)看，窗口或屏幕邊緣區(qū)域理論上無(wú)限高或無(wú)線寬，是一個(gè)巨大的目標(biāo)，用戶無(wú)法用鼠標(biāo)超出它們，而且容易達(dá)到目標(biāo)。

為提高用戶點(diǎn)擊準(zhǔn)確率，一些按鈕的實(shí)際點(diǎn)擊區(qū)域比你看到的要大，比如：視頻播放窗口下的拇指、分享、添加、更多按鈕組合。

二、?？硕桑℉ick’s Law）

以英國(guó)和美國(guó)心理學(xué)家威廉·埃德蒙·?？撕屠住ずＢ南？硕苫蛘呦？?海曼定律。

指一個(gè)人面臨的選擇（n）越多，所需要作出決定的時(shí)間（T）就越長(zhǎng)，它的數(shù)學(xué)公式是：反應(yīng)時(shí)間 T=a+b log2（n）。在我們的設(shè)計(jì)中如果給用戶的選擇更多，那么用戶所需要做出決定的時(shí)間就越長(zhǎng)。

——《維基百科》

對(duì)于一個(gè)以視頻內(nèi)容為核心的產(chǎn)品來(lái)說(shuō)，視頻質(zhì)量會(huì)直接影響用戶興趣、頻道質(zhì)量、算法推薦結(jié)果。因此，視頻評(píng)價(jià)體系在設(shè)計(jì)時(shí)，YouTube以最少的選項(xiàng)完成了視頻評(píng)價(jià)體系的基礎(chǔ)數(shù)據(jù)收集工作，既向上的拇指和向下的拇指，兩個(gè)按鈕。

仔細(xì)再看，在兩個(gè)按鈕的下方，有一個(gè)類似進(jìn)度的狀態(tài)條。筆者認(rèn)為：這是一種精簡(jiǎn)&弱化版的評(píng)星，而且這種按鈕和評(píng)級(jí)條的組合，既為用戶提供了非?？旖莸脑u(píng)價(jià)交互，也實(shí)時(shí)直觀地顯示出了視頻的整體評(píng)價(jià)結(jié)果：藍(lán)色占比越大，說(shuō)明視頻越被喜歡。

筆者下面要分享的一件事情，雖然與YouTube無(wú)關(guān)，但與視頻評(píng)價(jià)和?？硕申P(guān)系很大。

OK，我來(lái)為你分享一下全球流媒體巨頭Netflix的一次改版經(jīng)歷。在去年，Netflix用“拇指向上和向下”的形式代替了“5星打分制”，據(jù)說(shuō)今年夏天Netflix還將關(guān)閉用戶評(píng)論區(qū)。

Netflix的產(chǎn)品經(jīng)理認(rèn)為，這種改變有兩個(gè)好處：

• 第一個(gè)好處是去掉了用戶評(píng)價(jià)的模糊區(qū)，讓算法學(xué)習(xí)更高效。比如：如果有個(gè)用戶喜歡一個(gè)電影，但又不想給太高分，就打了“三顆星”，這種喜歡程度不僅讓人很難理解，機(jī)器學(xué)習(xí)起來(lái)效率也很低。所以，點(diǎn)贊這種“是否”的評(píng)判系統(tǒng)，可以消滅模糊的灰色地帶。
• 第二個(gè)好處是，和5顆星的選擇相比，二選一更容易選，降低了用戶的反饋門檻，這樣一來(lái)，不僅用戶更喜歡反饋，反饋的人也增加了，機(jī)器學(xué)習(xí)結(jié)果更準(zhǔn)確。也就是說(shuō)，點(diǎn)贊能給出明確的信號(hào)，讓Netflix知道用戶對(duì)這個(gè)內(nèi)容感興趣，從而給用戶推薦更多類似的內(nèi)容，而拇指向下則會(huì)讓類似的內(nèi)容不再出現(xiàn)在用戶的主頁(yè)上。

三、特斯勒定律（Tesler’s Law）

特斯勒定律，又稱復(fù)雜性守恒定律，指出每一個(gè)應(yīng)用程序具有無(wú)法被轉(zhuǎn)移或者隱匿的復(fù)雜固有量。相反，它必須在產(chǎn)品開(kāi)發(fā)或用戶交互中處理。這就提出了誰(shuí)應(yīng)該解決復(fù)雜性的問(wèn)題。

例如：軟件開(kāi)發(fā)人員是否應(yīng)該增加軟件代碼的復(fù)雜性，以使用戶更簡(jiǎn)單，或者用戶應(yīng)該處理復(fù)雜的界面，以便軟件代碼可以簡(jiǎn)單。

——《維基百科》

這個(gè)定律是說(shuō)產(chǎn)品/系統(tǒng)固有的復(fù)雜性存在一個(gè)臨界點(diǎn)，超過(guò)了這個(gè)點(diǎn)過(guò)程就不能再簡(jiǎn)化了，我們只能將這種復(fù)雜性轉(zhuǎn)移。比如：我們?nèi)绻l(fā)現(xiàn)頁(yè)面的功能是必須的，但當(dāng)前的頁(yè)面信息過(guò)載，那么就需要將次要的功能收起或者轉(zhuǎn)移。

YouTube右上角的更多按鈕，里面包含YouTube品牌下的其他產(chǎn)品，視頻下方的按鈕也有一個(gè)更多按鈕，同樣在視頻介紹和評(píng)論區(qū)，設(shè)計(jì)了展開(kāi)和更多按鈕。

四、親密法則（Law of Proximity）

親密法則是感知組織格式塔法的一部分，它指出彼此接近或接近的物體往往被組合在一起。換句話說(shuō)，我們的大腦可以很容易地將物體彼此靠近地關(guān)聯(lián)起來(lái)，比分開(kāi)很遠(yuǎn)的物體更好，這種聚類的發(fā)生是因?yàn)槿祟惥哂薪M織和組合事物的自然傾向。

從另一個(gè)角度說(shuō)，此相關(guān)的物體應(yīng)當(dāng)靠近，歸組到一起。這種同類相吸的親密法則在Robin P Williams的《寫給大家看的設(shè)計(jì)書》中也被提及。

YouTube將功能入口和按鈕按照一定的規(guī)則進(jìn)行了區(qū)域、位置、視覺(jué)上的劃分。

五、奧卡姆的剃刀定律（Occam’s Razor）

Occam的剃刀（ 拉丁文：lex parsimoniae “ 簡(jiǎn)約法則 ”）是一種解決問(wèn)題的原則，最簡(jiǎn)單的解決方案往往是正確的解決方案。當(dāng)提出相互競(jìng)爭(zhēng)的假設(shè)來(lái)解決問(wèn)題時(shí)，應(yīng)該選擇具有最少假設(shè)的解決方案。這個(gè)想法歸功于奧克漢姆的威廉（約1287-1347），他是英國(guó)方濟(jì)各會(huì)修士，學(xué)者哲學(xué)家和神學(xué)家。

————《維基百科》

回憶自己的繪畫、攝影還有設(shè)計(jì)經(jīng)歷，筆者認(rèn)為：繪畫是做加法，而攝影和設(shè)計(jì)是做減法。

奧卡姆的剃須刀法則主要就是說(shuō)我們做產(chǎn)品/系統(tǒng)時(shí)功能上不可以太繁瑣，應(yīng)該保證簡(jiǎn)潔和工具化。

為什么要將復(fù)雜變簡(jiǎn)單呢？

因?yàn)閺?fù)雜容易使人迷失，只有簡(jiǎn)單化后才利于人們理解和操作。隨著社會(huì)、經(jīng)濟(jì)的發(fā)展，時(shí)間和精力成為人們的稀缺資源。從這個(gè)意義上講，簡(jiǎn)化才意味著對(duì)事物真正的掌控，正所謂“大道至簡(jiǎn)”。比如：iPhone和iPad只有一個(gè)圓形的物理按鈕，簡(jiǎn)單到連三歲的小孩都會(huì)使用。

YouTube移動(dòng)端的載入頁(yè)僅一個(gè)Logo，在收件箱頁(yè)，當(dāng)用戶沒(méi)有好友時(shí)，系統(tǒng)通過(guò)一個(gè)明顯的按鈕引導(dǎo)用戶操作。

六、米勒定律（又稱7±2定律）

1956年美國(guó)科學(xué)家米勒對(duì)人類短時(shí)記憶能力進(jìn)行了研究，他注意到年輕人的記憶廣度大約為5到9個(gè)單位之間，就是7±2法則。這個(gè)法則對(duì)我們做界面設(shè)計(jì)的啟迪就是，如果希望用戶記住導(dǎo)航區(qū)域的內(nèi)容或者一個(gè)路徑的順序，那么數(shù)量應(yīng)該控制在七個(gè)左右，移動(dòng)端底部標(biāo)簽通常情況下最多也是5個(gè)。

七、防錯(cuò)法則

防錯(cuò)法則認(rèn)為大部分的意外都是由設(shè)計(jì)的疏忽，而不是人為操作疏忽。通過(guò)改變?cè)O(shè)計(jì)可以把過(guò)失降到最低。該原則最初是用于工業(yè)管理的，但在交互設(shè)計(jì)也十分適用。

一個(gè)走心、友好的放錯(cuò)設(shè)計(jì)通常表現(xiàn)在：

• 及時(shí)地告訴用戶哪里操作錯(cuò)了。比如：在填寫表單時(shí)，系統(tǒng)給出及時(shí)地報(bào)錯(cuò)提示；
• 重要、謹(jǐn)慎的操作，系統(tǒng)通常會(huì)有二次確認(rèn)；
• 為用戶提供撤銷的機(jī)會(huì)；
• 為用戶提供糾錯(cuò)的機(jī)會(huì)。

總結(jié)

Unless you have a better choice, you will follow the standard.
除非有更好的選擇，否則就遵從標(biāo)準(zhǔn)。
——Alan Cooper

本文遵循7±2定律，就為你分享7大定律在YouTube的應(yīng)用。其實(shí)還有很多經(jīng)典的設(shè)計(jì)法則，比如：格式塔等，筆者以后還會(huì)找一個(gè)款產(chǎn)品，為你詳細(xì)分享。

感謝你的閱讀，我們下期再見(jiàn)~

作者：王晗陵，微信公眾號(hào)：設(shè)計(jì)意志（ID：D-Minder）

本文由 @王晗陵 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Pexels，基于 CC0 協(xié)議