雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用

2024-10-15    資深UI設(shè)計(jì)者 用戶研究

 
 
引言：
用戶將大部分時(shí)間花在別人家的網(wǎng)站 (產(chǎn)品) 上，而不是你的。這意味他們希望你的網(wǎng)站 (產(chǎn)品) 跟別人的有相同的操作方法和使用模式。
 
雅各布定律是由尼爾森十大原則的創(chuàng)立者、尼爾森諾曼集團(tuán)的創(chuàng)始人之一 Jakob Nielsen 提出的。
用戶期待在新的產(chǎn)品上看到熟悉的設(shè)計(jì)慣例，這源于他日積月累的使用經(jīng)驗(yàn)。他將這描述為一種人性法則，鼓勵(lì)產(chǎn)品經(jīng)理遵循常見(jiàn)的設(shè)計(jì)慣例，從而讓用戶更多的關(guān)注產(chǎn)品內(nèi)容、信息和任務(wù)。
這一定律強(qiáng)調(diào)在用戶體驗(yàn)設(shè)計(jì)中，應(yīng)盡可能依據(jù)用戶既有經(jīng)驗(yàn)進(jìn)行任務(wù)和流程設(shè)計(jì)，以降低用戶的學(xué)習(xí)成本。
用戶在其他千千萬(wàn)萬(wàn)個(gè)網(wǎng)站 (產(chǎn)品) 上積累經(jīng)驗(yàn)，學(xué)會(huì)如何使用網(wǎng)站，當(dāng)一個(gè)網(wǎng)站跟其他網(wǎng)站一致的時(shí)候用戶會(huì)立刻知道該如何操作，但如果違反了雅各布定律，那么用戶會(huì)毫不猶豫地離開(kāi)。
雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
 
 
分享目錄：
一、擁抱熟悉性
二、心智模型
三、設(shè)計(jì)案例
 
一、擁抱熟悉性
1999年雅各布·尼爾森發(fā)布了一篇名為《界面標(biāo)準(zhǔn)會(huì)扼殺設(shè)計(jì)創(chuàng)造力嗎（Do Interface Standards Stifle Design Creativity）》的文章。在文中，尼爾森講述了他與甲方一同設(shè)計(jì)某個(gè)電商網(wǎng)站的經(jīng)歷。
在設(shè)計(jì)該電商網(wǎng)站商品導(dǎo)航方案時(shí)，方案一是采用絕大多數(shù)用戶長(zhǎng)期在其他網(wǎng)站所接觸的導(dǎo)航方式，方案二是根據(jù)甲方對(duì)自身產(chǎn)品線的看法構(gòu)建的一套較為新穎的導(dǎo)航方式（具體方案形式，尼爾森在文中沒(méi)有描述）。
尼爾森分別對(duì)兩個(gè)方案進(jìn)行了可用性測(cè)試，結(jié)果是： 當(dāng)用戶使用方案一導(dǎo)航時(shí)，導(dǎo)航到目標(biāo)商品的成功率為80%，而方案二的成功率僅為9%。
雅各布·尼爾森在文中引述這個(gè)例子，是為了闡明一則觀點(diǎn)：用戶將大部分時(shí)間花在頭部產(chǎn)品上。因?yàn)橛脩艋ㄙM(fèi)大量的時(shí)間在這些產(chǎn)品上，自然會(huì)被這些產(chǎn)品培養(yǎng)出一定的用戶習(xí)慣。
雅各布定律基于該理念
雅各布定律基于該理念
 
當(dāng)用戶遇到新界面時(shí)，他們會(huì)嘗試將其映射到網(wǎng)站和應(yīng)用程序如何工作的現(xiàn)有心理模型上。如果新界面與他們習(xí)慣的界面差異太大，他們可能很難理解和使用。
雅各布定律可以通過(guò)多種方式應(yīng)用于用戶體驗(yàn)設(shè)計(jì)：
1、使用熟悉的設(shè)計(jì)模式和布局：
通過(guò)使用熟悉的設(shè)計(jì)模式和布局，使用戶更輕松地理解和使用新界面。
2、提供清晰簡(jiǎn)潔的說(shuō)明：
通過(guò)提供清晰簡(jiǎn)潔的說(shuō)明，幫助用戶學(xué)習(xí)如何使用新界面。
3、使用一致的術(shù)語(yǔ)和標(biāo)簽：
通過(guò)使用一致的術(shù)語(yǔ)和標(biāo)簽，幫助用戶理解新界面的不同元素。
 
二、心智模型
雅各布定律揭示了用戶認(rèn)知事物的過(guò)程和特點(diǎn)——用戶是“懶”的，會(huì)通過(guò)已有的經(jīng)驗(yàn)去認(rèn)知新的事物。當(dāng)經(jīng)驗(yàn)無(wú)法匹配時(shí)，用戶會(huì)產(chǎn)生各種不適應(yīng)，極端情況下用戶會(huì)放棄使用產(chǎn)品。
雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
 
 
比較典型的就是長(zhǎng)期使用Windows的用戶，最開(kāi)始使用Mac時(shí)會(huì)表現(xiàn)出各種不習(xí)慣。最根本的原因就是用戶在Windows系統(tǒng)中建立的使用心智，無(wú)法適用于Mac系統(tǒng)，為此有人在MacBook中安裝了Windows系統(tǒng)。
雅各布所稱的“日積月累的使用經(jīng)驗(yàn)”對(duì)用戶使用新產(chǎn)品很有幫助，用戶可以借此了解如何使用新產(chǎn)品，可以進(jìn)行什么操作，這是用戶體驗(yàn)設(shè)計(jì)中最重要的一個(gè)因素，它與人的心智模型有關(guān)系。
Don Norman將心智模型定義為：“存在于用戶頭腦中的關(guān)于一個(gè)產(chǎn)品應(yīng)該具有的概念和行為的知識(shí)，這種知識(shí)可能來(lái)源于用戶以前使用類(lèi)似產(chǎn)品的經(jīng)驗(yàn)，或者是用戶根據(jù)使用該產(chǎn)品要達(dá)到的目標(biāo)而對(duì)產(chǎn)品的概念和行為的一種期望。”
心智模型
心智模型
 
把用戶體驗(yàn)和心智模型相結(jié)合，用戶就能輕松的把已有習(xí)慣遷移到新產(chǎn)品上。
為了實(shí)現(xiàn)這一目標(biāo)，可以通過(guò)采用用戶訪談、用戶畫(huà)像、用戶體驗(yàn)流程、用戶同理心地圖等技術(shù)去深入了解用戶的目標(biāo)，洞悉用戶已成形的心智模型，以及如何把體驗(yàn)要素應(yīng)用在產(chǎn)品設(shè)計(jì)中。
當(dāng)設(shè)計(jì)方案與用戶心智模型一致，用戶可以輕松地將已有經(jīng)驗(yàn)從一個(gè)產(chǎn)品轉(zhuǎn)移到另一個(gè)產(chǎn)品上，無(wú)需額外的理解和學(xué)習(xí)成本。
雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
 
 
對(duì)于待開(kāi)發(fā)的產(chǎn)品，目標(biāo)用戶已經(jīng)花了大量的時(shí)間使用同類(lèi)產(chǎn)品，并且使用的相當(dāng)嫻熟，他們自然也希望你的新產(chǎn)品在操作體驗(yàn)上也能和他所熟悉的產(chǎn)品相似。
目標(biāo)用戶會(huì)將自己對(duì)已熟悉產(chǎn)品的期望遷移到另一個(gè)相似的產(chǎn)品上，利用現(xiàn)有的用戶體驗(yàn)要素可以創(chuàng)造更好的用戶體驗(yàn)，讓用戶專注于內(nèi)容、信息和任務(wù)上，而無(wú)須學(xué)習(xí)新的模型。在產(chǎn)品迭代時(shí)，允許用戶在一段時(shí)間內(nèi)繼續(xù)使用舊版本，這樣可以最大限度的減少體驗(yàn)失衡引發(fā)的沖突。
這背后源于“熟悉感”，它可以讓用戶閉著眼睛也知道如何使用產(chǎn)品，如短視頻領(lǐng)域的導(dǎo)航欄、頁(yè)面布局、視覺(jué)引導(dǎo)……通過(guò)累積效應(yīng)節(jié)省下來(lái)的腦力可以減少用戶的認(rèn)知負(fù)荷。
雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
 
 
三、設(shè)計(jì)案例
雅各布定律告訴我們?cè)谶M(jìn)行設(shè)計(jì)時(shí)，要延續(xù)用戶已經(jīng)習(xí)慣的認(rèn)知，其次從產(chǎn)品自身業(yè)務(wù)出發(fā)進(jìn)行細(xì)化，像一些同類(lèi)型的產(chǎn)品，他們無(wú)論從功能還是設(shè)計(jì)上都大同小異，因?yàn)閷?duì)于用戶來(lái)講，用戶對(duì)這個(gè)行業(yè)的產(chǎn)品已經(jīng)具備一定的認(rèn)知，例如做電商的產(chǎn)品去用戶做金融產(chǎn)品的思路來(lái)進(jìn)行設(shè)計(jì)產(chǎn)品，那對(duì)于用戶無(wú)疑就是增加認(rèn)知成本。
該定律并不是說(shuō)所有頁(yè)面統(tǒng)統(tǒng)要設(shè)計(jì)得一模一樣，而是具有相同功能的頁(yè)面，盡量保持一致。這在 UI 設(shè)計(jì)的領(lǐng)域并不鮮見(jiàn)，尤其是一些功能性特別強(qiáng)的頁(yè)面，各家設(shè)計(jì)得幾乎大同小異。
 
1、一致的排版
購(gòu)物app首屏
購(gòu)物app首屏
 
以上案例可以看到，多家購(gòu)物app從功能和板式上首屏都高度相似，搜索區(qū)域，金剛區(qū)核心功能icon，緊接著是各個(gè)內(nèi)容推薦專區(qū)入口，然后就是一些智能推薦產(chǎn)品。
我們?cè)谥匾捏w驗(yàn)上使用通用的、約定俗定的設(shè)計(jì)模式，如頁(yè)面布局、工作流、放置導(dǎo)航欄、搜索框等，這樣一來(lái)，用戶便能立刻上手使用。
產(chǎn)品詳情頁(yè)
產(chǎn)品詳情頁(yè)
 
在國(guó)內(nèi)，不論是淘寶、京東、拼多多，不論是合家歡風(fēng)格還是性冷淡風(fēng)格，甚至不論是不是購(gòu)物APP，只要涉及到商品的詳情頁(yè)面，版式都高度相似，上方是圖片，中間描述，底部懸浮的操作區(qū)域，這也是用戶最熟悉、最容易接受的排版。
谷歌一直以來(lái)都允許用戶自行選擇是否使用其產(chǎn)品的新設(shè)計(jì)版本，用戶可以先嘗試適應(yīng)全新框架，而非一下子切換過(guò)去，慢慢熟悉并提交使用反饋，極大的緩解了心智模型失衡問(wèn)題。
如果在產(chǎn)品設(shè)計(jì)時(shí)沒(méi)有循序漸進(jìn)的改版，而是直接改頭換面，會(huì)極大的改變用戶熟悉的布局，這一舉動(dòng)能隨時(shí)引發(fā)用戶的不滿，在評(píng)論區(qū)吐槽、在評(píng)分上減分，更糟糕的是轉(zhuǎn)向競(jìng)爭(zhēng)對(duì)手。
 
2、一致的示能
示能是《設(shè)計(jì)心理學(xué)》中引入的一個(gè)“直接知覺(jué)論”的概念，它表達(dá)了一個(gè)物體或者操作對(duì)象與人的可交互關(guān)系。例如，一個(gè)大大的按鈕和一個(gè)鏈接，很明顯大大的按鈕代表了流程中的主流程。
雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
 
 
有色彩的按鈕提示著我們它【可被點(diǎn)擊】，這是一種示能，即：示意它能夠 xxx；同理，灰色的按鈕提示我們它【不可點(diǎn)擊】，這是一種反示能，即：示意它不能 xxx。
我們所設(shè)計(jì)的一切的元素、控件、組件，都需要符合所有互聯(lián)網(wǎng)產(chǎn)品中類(lèi)似元素的示能或者反示能。
因?yàn)樗鼈兇砹擞脩裟J(rèn)的意識(shí)，我們順應(yīng)這種意識(shí)進(jìn)行設(shè)計(jì)，就可以減少用戶操作的阻力。
組件頁(yè)面統(tǒng)一
組件頁(yè)面統(tǒng)一
 
例如在UI設(shè)計(jì)中我們強(qiáng)調(diào)一致性，從大的頁(yè)面、組件到小的一個(gè)按鈕元素，我們都要做的樣式和交互的統(tǒng)一，這里除了說(shuō)要保持一致性才去規(guī)范頁(yè)面組件，還有一個(gè)就是因?yàn)槲覀円裱鸥鞑级?，相似的?nèi)容、相似的操作方式能夠讓用戶體驗(yàn)?zāi)愕漠a(chǎn)品時(shí)更快的適應(yīng)設(shè)計(jì)模式。
 
3、一致的符號(hào)映射
一致的符號(hào)映射就是相同或者類(lèi)似的符號(hào)/圖標(biāo)會(huì)給用戶提供相同的功能暗示。
例如向左的箭頭（不論是哪種箭頭，只要它向左）映射的交互含義就是返回上一頁(yè)；三個(gè)圓點(diǎn)代表更多等等。
對(duì)于常見(jiàn)的已經(jīng)被大范圍應(yīng)用的符號(hào)映射，就不要再標(biāo)新立異的創(chuàng)造一些奇奇怪怪的新符號(hào)來(lái)映射對(duì)應(yīng)的操作，也不要用明顯表達(dá)「另一個(gè)操作」的符號(hào)來(lái)表達(dá)「這個(gè)操作」，用戶需要的是低學(xué)習(xí)成本。
常見(jiàn)的符號(hào)映射
常見(jiàn)的符號(hào)映射
 
4、一致的概念模型
概念模型會(huì)對(duì)用戶提供暗示。
以購(gòu)物APP為例，合理的概念模型會(huì)暗示用戶在APP內(nèi)購(gòu)買(mǎi)一件商品， 需要經(jīng)過(guò)【挑選-加入購(gòu)物車(chē)-結(jié)算-付款-成功】這樣一條完整的任務(wù)流。
我們所見(jiàn)到的購(gòu)物APP幾乎都使用了類(lèi)似的概念模型，因?yàn)檫@種概念模型符合用戶在現(xiàn)實(shí)中購(gòu)物時(shí)積累出的心智模型。把用戶體驗(yàn)和心智模型相結(jié)合，用戶就能輕松的把已有習(xí)慣遷移到新產(chǎn)品上。
所以當(dāng)我們?nèi)ピO(shè)計(jì)一個(gè)購(gòu)物APP的界面時(shí)，應(yīng)當(dāng)首先考慮將概念模型設(shè)計(jì)的和其他所有購(gòu)物平臺(tái)一致。
如果違反了雅各布用戶體驗(yàn)定律，可能會(huì)讓用戶一頭霧水，甚至?xí)型痉艞壢蝿?wù)、退出使用。
 
用戶在研究界面上花費(fèi)的精力越少，就越能集中注意力實(shí)現(xiàn)自己的任務(wù)。這個(gè)實(shí)現(xiàn)過(guò)程變得越簡(jiǎn)單，用戶就越有可能集中精力實(shí)現(xiàn)目標(biāo)，而非界面上。
在我們?cè)O(shè)計(jì)產(chǎn)品時(shí)，要先繼承最廣泛的概念模型，然后再?gòu)漠a(chǎn)品自身的角度出發(fā)，對(duì)其進(jìn)行完善和修改，而不是完全根據(jù)我們天馬行空的臆斷去制定流程。
 
總結(jié)
雅各布定律對(duì)產(chǎn)品經(jīng)理、用戶體驗(yàn)設(shè)計(jì)師、用戶研究人員來(lái)說(shuō)，是一個(gè)非常重要的定律，不要違反雅各布定律。這條定律不像之前的?？硕苫蛘叻拼亩捎芯唧w的使用場(chǎng)景和明顯的適用邊界，雅各布定律幾乎沒(méi)有邊界，用 Nielsen 本人的話來(lái)說(shuō)，它描述了“How things are”，更像是“Law of nature”。如果違反雅各布定律，用戶使用該產(chǎn)品十有八九會(huì)遇到困難，所以，除非萬(wàn)不得已：你的頁(yè)面應(yīng)該與其余相同功能的頁(yè)面具有一致的使用模式；沒(méi)有足夠的理由，就不要輕易嘗試標(biāo)新立異。
當(dāng)然，雅各布定律并不是提倡所有的產(chǎn)品和體驗(yàn)都去遵循相同的模式，它只是一項(xiàng)指導(dǎo)原則，用于提醒產(chǎn)品經(jīng)理如何利用已經(jīng)經(jīng)驗(yàn)幫助用戶理解新的產(chǎn)品和體驗(yàn)，幫助用戶快速上手，以提高工作效率。
在應(yīng)用雅各布定律指導(dǎo)產(chǎn)品設(shè)計(jì)時(shí)，從約定俗成的體驗(yàn)要素和慣例開(kāi)始，只要有必要時(shí)再創(chuàng)新。
當(dāng)你有充分的理由和數(shù)據(jù)證明創(chuàng)新能夠改善用戶的核心體驗(yàn)時(shí)，就把它作為一個(gè)信號(hào)，經(jīng)過(guò)調(diào)研，按照用戶畫(huà)像要求的那樣，與用戶一起進(jìn)行體驗(yàn)測(cè)試，以確保目標(biāo)受眾接受你的創(chuàng)新。
雅各布定律(Jakob’s Law)原理在UI/UX中的應(yīng)用
 

作者：拒不背鍋女士

鏈接：https://www.zcool.com.cn/work/ZNzA0MzU4MTY=.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

 

藍(lán)藍(lán)設(shè)計(jì)(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

 

分享本文至：

日歷

鏈接

個(gè)人資料

存檔