用YouTube產(chǎn)品，為你解讀交互7大定律
- 王晗陵
- 2371
- 09-07 21:38
文中所提到的內(nèi)容對于新手或者正在糾結(jié)這些相關(guān)問題的朋友茅塞頓開，文中例子作者從多個方面分析用戶心理、視覺設(shè)計解答了為什么需要這么做，這么做對于用戶有哪些好處、對于設(shè)計合理性等方面做出了解釋。
一、費(fèi)茨定律（Fitts'Law）
Fitts定律提供了一種人體運(yùn)動模型，由Paul Fitts于1954年建立，可以準(zhǔn)確預(yù)測移動和選擇目標(biāo)所需的時間。
簡而言之，F(xiàn)itts定律指出：獲取目標(biāo)的時間是目標(biāo)距離和大小的函數(shù)。光標(biāo)到達(dá)一個目標(biāo)的時間，與當(dāng)前光標(biāo)所在的位置和目標(biāo)位置的距離（D）和目標(biāo)大?。⊿）有關(guān)。它的數(shù)學(xué)公式是：時間 T = a + b log2(D/S+1)。 隨著距離的增加，運(yùn)動需要更長時間，隨著尺寸減小，選擇再次需要更長時間。
——Interactoin Design Foundation
Fitts定律廣泛應(yīng)用于UX和UI設(shè)計。例如，該定律影響了交互式按鈕變大的慣例（特別是在手指操作的移動設(shè)備上）， 因為較小的按鈕不容易被點(diǎn)擊。同樣，用戶的任務(wù)關(guān)注區(qū)域與任務(wù)相關(guān)按鈕之間的距離應(yīng)盡可能短。
在YouTube的首頁和視頻播放頁，頻道的【訂閱】按鈕以非常明顯的紅色展示給用戶，同時按鈕大小在頁面中的權(quán)重還是比較大的。這種表現(xiàn)方式，能夠在最短時間內(nèi)，吸引用戶的注意力，激起用戶產(chǎn)生訂閱的欲望，使用戶的鼠標(biāo)更容易達(dá)到目標(biāo)位置。
此外，像搜索框、菜單欄、個人中心、設(shè)置等一些高頻功能的入口，它們的位置出現(xiàn)在瀏覽器窗口的邊緣。因為，從費(fèi)茨定律的角度來看，窗口或屏幕邊緣區(qū)域理論上無限高或無線寬，是一個巨大的目標(biāo)，用戶無法用鼠標(biāo)超出它們，而且容易達(dá)到目標(biāo)。
為提高用戶點(diǎn)擊準(zhǔn)確率，一些按鈕的實際點(diǎn)擊區(qū)域比你看到的要大，比如：視頻播放窗口下的拇指、分享、添加、更多按鈕組合
二、?？硕桑℉ick's Law）
以英國和美國心理學(xué)家威廉·埃德蒙·?？撕屠住ずＢ南？硕苫蛘呦？?- 海曼定律，指一個人面臨的選擇（n）越多，所需要作出決定的時間（T）就越長。它的數(shù)學(xué)公式是：反應(yīng)時間 T=a+b log2（n）。在我們的設(shè)計中如果給用戶的選擇更多，那么用戶所需要做出決定的時間就越長。——《維基百科》
對于一個以視頻內(nèi)容為核心的產(chǎn)品來說，視頻質(zhì)量會直接影響用戶興趣、頻道質(zhì)量、算法推薦結(jié)果。因此，視頻評價體系在設(shè)計時，YouTube以最少的選項完成了視頻評價體系的基礎(chǔ)數(shù)據(jù)收集工作，既向上的拇指和向下的拇指，兩個按鈕。仔細(xì)再看，在兩個按鈕的下方，有一個類似進(jìn)度的狀態(tài)條，筆者認(rèn)為這是一種精簡&弱化版的評星，而且這種按鈕和評級條的組合，既為用戶提供了非?？旖莸脑u價交互，也實時直觀地顯示出了視頻的整體評價結(jié)果：藍(lán)色占比越大，說明視頻越被喜歡。
筆者下面要分享的一件事情，雖然與YouTube無關(guān)，但與視頻評價和?？硕申P(guān)系很大。
OK，我來為你分享一下全球流媒體巨頭Netflix的一次改版經(jīng)歷。在去年，Netflix用"拇指向上和向下"的形式代替了"5星打分制"，據(jù)說今年夏天Netflix還將關(guān)閉用戶評論區(qū)。Netflix的產(chǎn)品經(jīng)理認(rèn)為，這種改變有兩個好處：
第一個好處是去掉了用戶評價的模糊區(qū)，讓算法學(xué)習(xí)更高效。比如，如果有個用戶喜歡一個電影，但又不想給太高分，就打了"三顆星"，這種喜歡程度不僅讓人很難理解，機(jī)器學(xué)習(xí)起來效率也很低。所以，點(diǎn)贊這種"是否"的評判系統(tǒng)，可以消滅模糊的灰色地帶。
第二個好處是，和5顆星的選擇相比，二選一更容易選，降低了用戶的反饋門檻，這樣一來，不僅用戶更喜歡反饋，反饋的人也增加了，機(jī)器學(xué)習(xí)結(jié)果更準(zhǔn)確。也就是說，點(diǎn)贊能給出明確的信號，讓Netflix知道用戶對這個內(nèi)容感興趣，從而給用戶推薦更多類似的內(nèi)容，而拇指向下則會讓類似的內(nèi)容不再出現(xiàn)在用戶的主頁上。
三、特斯勒定律（Tesler's Law）
特斯勒定律，又稱復(fù)雜性守恒定律，指出每一個應(yīng)用程序具有無法被轉(zhuǎn)移或者隱匿的復(fù)雜固有量。相反，它必須在產(chǎn)品開發(fā)或用戶交互中處理。這就提出了誰應(yīng)該解決復(fù)雜性的問題。例如，軟件開發(fā)人員是否應(yīng)該增加軟件代碼的復(fù)雜性，以使用戶更簡單，或者用戶應(yīng)該處理復(fù)雜的界面，以便軟件代碼可以簡單。——《維基百科》
這個定律是說產(chǎn)品/系統(tǒng)固有的復(fù)雜性存在一個臨界點(diǎn)，超過了這個點(diǎn)過程就不能再簡化了。我們只能將這種復(fù)雜性轉(zhuǎn)移。比如我們?nèi)绻l(fā)現(xiàn)頁面的功能是必須的，但當(dāng)前的頁面信息過載，那么就需要將次要的功能收起或者轉(zhuǎn)移。
YouTube右上角的更多按鈕，里面包含YouTube品牌下的其他產(chǎn)品；視頻下方的按鈕也有一個更多按鈕；同樣在視頻介紹和評論區(qū)，設(shè)計了展開和更多按鈕。
四、親密法則（Law of Proximity）
親密法則是感知組織格式塔法的一部分，它指出彼此接近或接近的物體往往被組合在一起。換句話說，我們的大腦可以很容易地將物體彼此靠近地關(guān)聯(lián)起來，比分開很遠(yuǎn)的物體更好。這種聚類的發(fā)生是因為人類具有組織和組合事物的自然傾向。 從另一個角度說，此相關(guān)的物體應(yīng)當(dāng)靠近，歸組到一起。這種同類相吸的親密法則在Robin P Williams的《寫給大家看的設(shè)計書》中也被提及。
YouTube將功能入口和按鈕按照一定的規(guī)則進(jìn)行了區(qū)域、位置、視覺上的劃分。
五、奧卡姆的剃刀定律（Occam's Razor）
Occam的剃刀（ 拉丁文：lex parsimoniae "簡約法則"）是一種解決問題的原則，最簡單的解決方案往往是正確的解決方案。當(dāng)提出相互競爭的假設(shè)來解決問題時，應(yīng)該選擇具有最少假設(shè)的解決方案。這個想法歸功于奧克漢姆的威廉（約1287-1347），他是英國方濟(jì)各會修士，學(xué)者哲學(xué)家和神學(xué)家。————《維基百科》
回憶自己的繪畫、攝影還有設(shè)計經(jīng)歷，筆者認(rèn)為：繪畫是做加法，而攝影和設(shè)計是做減法。
奧卡姆的剃須刀法則主要就是說我們做產(chǎn)品/系統(tǒng)時功能上不可以太繁瑣，應(yīng)該保證簡潔和工具化。為什么要將復(fù)雜變簡單呢？因為復(fù)雜容易使人迷失，只有簡單化后才利于人們理解和操作。隨著社會、經(jīng)濟(jì)的發(fā)展，時間和精力成為人們的稀缺資源。從這個意義上講，簡化才意味著對事物真正的掌控，正所謂“大道至簡”。比如iPhone和iPad只有一個圓形的物理按鈕，簡單到連三歲的小孩都會使用。
YouTube移動端的載入頁僅一個Logo；在收件箱頁，當(dāng)用戶沒有好友時，系統(tǒng)通過一個明顯的按鈕引導(dǎo)用戶操作。
六、米勒定律（又稱7±2定律）
1956年美國科學(xué)家米勒對人類短時記憶能力進(jìn)行了研究，他注意到年輕人的記憶廣度大約為5到9個單位之間，就是7±2法則。這個法則對我們做界面設(shè)計的啟迪就是如果希望用戶記住導(dǎo)航區(qū)域的內(nèi)容或者一個路徑的順序，那么數(shù)量應(yīng)該控制在七個左右，移動端底部標(biāo)簽通常情況下最多也是5個。
七、防錯法則
防錯法則認(rèn)為大部分的意外都是由設(shè)計的疏忽，而不是人為操作疏忽。通過改變設(shè)計可以把過失降到最低。該原則最初是用于工業(yè)管理的，但在交互設(shè)計也十分適用。
一個走心、友好的放錯設(shè)計通常表現(xiàn)在：
時地告訴用戶哪里操作錯了。比如在填寫表單時，系統(tǒng)給出及時地報錯提示
重要、謹(jǐn)慎的操作，系統(tǒng)通常會有二次確認(rèn)
為用戶提供撤銷的機(jī)會
為用戶提供糾錯的機(jī)會
總結(jié)
Unless you have a better choice, you will follow the standard.
除非有更好的選擇，否則就遵從標(biāo)準(zhǔn)。
——Alan Cooper
本文遵循7±2定律，就為你分享7大定律在YouTube的應(yīng)用。其實還有很多經(jīng)典的設(shè)計法則，比如格式塔等，筆者以后還會找一個款產(chǎn)品，為你詳細(xì)分享。
1
