
為什么蘋果電腦的導(dǎo)航欄會(huì)在屏幕的邊緣?為什么推薦算法越來(lái)越流行?為什么網(wǎng)站的banner 數(shù)通常5個(gè)以內(nèi)?為什么網(wǎng)站的注冊(cè)登錄都不約而同地放在左上角?為什么越來(lái)越多的輕量版產(chǎn)品推出市場(chǎng)(百度簡(jiǎn)單搜索、微博國(guó)際版、TIM...)?為什么谷歌搜索的界面可以做到如此簡(jiǎn)潔?如果你對(duì)以上問(wèn)題存疑,不妨來(lái)了解一下幾個(gè)交互設(shè)計(jì)定律。

菲茲定律是由?Paul Fitts?于 1954 年提出的一個(gè)人機(jī)交互以及人體工程學(xué)中人類活動(dòng)的模型。它預(yù)測(cè)了快速移動(dòng)到目標(biāo)區(qū)域所需的時(shí)間是目標(biāo)區(qū)域的距離和目標(biāo)區(qū)域的大小的函數(shù)(T=a+blog2(D/W+1))。
簡(jiǎn)單來(lái)說(shuō),目標(biāo)對(duì)象尺寸越大,動(dòng)作路徑越短,操作越高效。
所以,為什么蘋果電腦的導(dǎo)航欄會(huì)在屏幕的邊緣?因?yàn)閷?dǎo)航欄緊貼邊緣后,操作目標(biāo)就相當(dāng)于無(wú)限大,用戶只需將鼠標(biāo)向邊緣一甩就可以選中目標(biāo),從而提高了效率。菲茨定律在圖形交互界面中運(yùn)用廣泛,例如微信刪除聊天記錄,“刪除”按鈕與“確認(rèn)刪除”按鈕在同一個(gè)位置(圖1,左),用戶不需挪動(dòng)手指,在同一位置上點(diǎn)擊兩次即可完成刪除。反觀iOS短信的刪除操作,“刪除”按鈕距離“確認(rèn)刪除”按鈕較遠(yuǎn)(圖1,右),特別在多次刪除的場(chǎng)景下,操作極其不便。

一點(diǎn)小建議:
1.操作路徑的起點(diǎn)應(yīng)從上次操作的結(jié)束點(diǎn)算起,而非手勢(shì)的常見(jiàn)位置。
2.嘗試更巧妙地放大目標(biāo)對(duì)象。比如:操作區(qū)域大于可視區(qū)域;懸停時(shí)操作區(qū)域放大;讓操作區(qū)域出現(xiàn)在多個(gè)地方等。
3.多結(jié)合手勢(shì)操作,讓目標(biāo)對(duì)象最大化。比如:大多移動(dòng)端的視頻播放器可滑動(dòng)整屏來(lái)拖動(dòng)進(jìn)度條,而桌面端仍需鼠標(biāo)瞄準(zhǔn)進(jìn)度條來(lái)操作。

以英國(guó)和美國(guó)心理學(xué)家 William Edmund Hick 命名的席克定律,描述了一個(gè)人可能做出的選擇與做出決定所需的時(shí)間間的關(guān)系:增加數(shù)量選擇將以對(duì)數(shù)方式增加決策時(shí)間。
簡(jiǎn)單來(lái)說(shuō),選擇越多,決策越久。
所以為什么推薦算法越來(lái)越流行?因?yàn)楝F(xiàn)在的信息量巨大,選擇成本太高,推薦算法為用戶省下了大量的決策時(shí)間。在交互設(shè)計(jì)中,我們可以利用席克定律,省下用戶時(shí)間。舉一反例,在知乎APP中點(diǎn)擊“收藏”后,用戶必須要選擇放在哪個(gè)分類下,否則無(wú)法收藏(圖2,左)。而instagram的收藏功能(圖2,右),點(diǎn)擊后馬上生效,假如用戶想分類可以再次點(diǎn)擊“收藏”按鈕,體驗(yàn)流暢很多。

一點(diǎn)小建議:
1.在需要快速完成的任務(wù)上(如,導(dǎo)航),將選項(xiàng)精簡(jiǎn)再精簡(jiǎn)。
2.假如無(wú)法再精簡(jiǎn),將其分類也同樣有效。
3.假如分類仍不夠,可默認(rèn)隱藏次要選項(xiàng),展示高頻/重要選項(xiàng)。
4.不妨試試分步式地提供選項(xiàng)。
5.席克定律在某些場(chǎng)景下未必適用,比如購(gòu)物場(chǎng)景,太少選擇會(huì)失去吸引力。

1956 年 George·A·Miller 對(duì)短時(shí)記憶能力進(jìn)行了定量研究,發(fā)現(xiàn)人類頭腦最好的狀態(tài)能記憶含有7(±2)項(xiàng)信息塊,在記憶了 5-9 項(xiàng)信息后人類的頭腦就開(kāi)始出錯(cuò)。
簡(jiǎn)單來(lái)說(shuō),最多記5個(gè),9個(gè)是極限。
回到最初的問(wèn)題,網(wǎng)站的 banner 通常在5個(gè)以內(nèi),因?yàn)槌^(guò)5個(gè)后用戶很難再記得banner的內(nèi)容,宣傳效果將大打折扣。再如,手機(jī)號(hào)碼和銀行卡號(hào)這種較長(zhǎng)的字符串,分開(kāi)幾組較短的字符串去記憶會(huì)更加容易。
一點(diǎn)小建議:
1.最好的狀態(tài)是0:不需用戶記憶,所見(jiàn)即所得。比如一些表意不清的圖標(biāo),最好加上文字,而不是讓用戶記憶圖標(biāo)的含義。
2.在非圖形界面的交互上,米勒定律尤為重要。反面例子參考10086客服(“普通話請(qǐng)按1……”)。
3.設(shè)計(jì)強(qiáng)傳播屬性的對(duì)象時(shí)(如,H5運(yùn)營(yíng)頁(yè)),牢記米勒定律。
4.席克定律和米勒定律有點(diǎn)相似,前者強(qiáng)調(diào)選擇,后者強(qiáng)調(diào)記憶,如果還是分不清楚,請(qǐng)記住一點(diǎn):越少越好。

雅各布定律,來(lái)自用戶體驗(yàn)研究集團(tuán)Nielsen Norman Group的創(chuàng)始人之一,Jakob Nielsen。他提出:用戶會(huì)將大部分時(shí)間花費(fèi)在其他網(wǎng)站 (產(chǎn)品) 上,因此他們會(huì)希望你的網(wǎng)站 (產(chǎn)品) 也能像他們已經(jīng)掌握的其他網(wǎng)站 (產(chǎn)品) 那樣擁有相似的使用模式。
簡(jiǎn)單來(lái)說(shuō),相似的模式可降低學(xué)習(xí)成本。
將網(wǎng)站的注冊(cè)登錄放在右上角已經(jīng)是目前通用的做法,用戶不需要再花時(shí)間尋找注冊(cè)登錄的入口。同樣的例子還有,網(wǎng)頁(yè)的導(dǎo)航欄位于頁(yè)面頂部,播放器用空格鍵停止或播放,APP右滑返回,雙擊圖片放大等等,不勝枚舉。
一點(diǎn)小建議:
1.可以通過(guò)提供熟悉的設(shè)計(jì)模式來(lái)簡(jiǎn)化用戶的學(xué)習(xí)過(guò)程。
2.“競(jìng)品就是這樣做的”真是一句無(wú)奈而又難以抗拒的話,因?yàn)檠鸥鞑级梢欢ǔ潭壬弦苍诠膭?lì)“抄襲”其他產(chǎn)品。但是,“抄襲”的目的是為了保持用戶習(xí)慣,還是因?yàn)闆](méi)有厘清用戶需求,應(yīng)心里有數(shù)。

奧卡姆剃刀定律是由14世紀(jì)英格蘭的邏輯學(xué)家、圣方濟(jì)各會(huì)修士William of Occam提出。這個(gè)原理稱為“如無(wú)必要,勿增實(shí)體”,即“簡(jiǎn)單有效原理”。正如他在《箴言書注》2卷15題說(shuō)“切勿浪費(fèi)較多東西去做,用較少的東西,同樣可以做好的事情?!?/p>
所以,為什么越來(lái)越多的輕量版產(chǎn)品推出市場(chǎng)?倒不如反問(wèn),用戶為什么需要這么多功能?為什么要使用這么復(fù)雜的產(chǎn)品?正如圖3的兩個(gè)登錄頁(yè)面,用戶為什么需要看那兩行毫不相關(guān)的廣告語(yǔ)?

一點(diǎn)小建議:
1.分析每個(gè)元素并盡可能多地刪除。
2.假如存在兩個(gè)或多個(gè)模棱兩可的方案,應(yīng)義無(wú)反顧地選擇更簡(jiǎn)單的。

復(fù)雜度守恒定律由 Larry Tesler?于1984年提出,也稱泰斯勒定律。根據(jù)復(fù)雜度守恒定律,每個(gè)應(yīng)用程序都具有其內(nèi)在的、無(wú)法簡(jiǎn)化的復(fù)雜度。無(wú)論在產(chǎn)品開(kāi)發(fā)環(huán)節(jié)還是在用戶與產(chǎn)品的交互環(huán)節(jié),這一固有的復(fù)雜度都無(wú)法依照我們的意愿去除,只能設(shè)法調(diào)整、平衡。
簡(jiǎn)單來(lái)說(shuō),系統(tǒng)的復(fù)雜性無(wú)法消除,只能轉(zhuǎn)移。
為什么谷歌搜索的界面可以做到如此簡(jiǎn)潔?因?yàn)樗阉饕姹澈笥兄鴺O其復(fù)雜的算法。用戶尋找信息的復(fù)雜性幾乎全部轉(zhuǎn)移到系統(tǒng)算法上。再如,因?yàn)橛辛司珳?zhǔn)的推薦算法,才會(huì)有類似抖音這種極其簡(jiǎn)單的信息流交互。
一點(diǎn)小建議:
1.體驗(yàn)的升級(jí)往往源于技術(shù)的進(jìn)步,時(shí)刻保持對(duì)新技術(shù)的好奇心。
2.當(dāng)你特別輕松地完成一項(xiàng)設(shè)計(jì)時(shí),小心你可能忽略了用戶使用場(chǎng)景的復(fù)雜性。
3.當(dāng)你的產(chǎn)品涉及多個(gè)角色時(shí),要保持全局觀,在各個(gè)角色間取得平衡。比如,微博的客戶端,其可用性很大程度上會(huì)向大V傾斜,而非普通用戶。
作者:genrry,公眾號(hào):設(shè)計(jì)師阿余。熱愛(ài)設(shè)計(jì),關(guān)注用戶體驗(yàn),分享設(shè)計(jì)思考。