老司机91精品网站在线观看-老司机67194免费观看-老司国产精品视频-老熟人老女人国产老太-中文字幕日本在线-中文字幕日本一区久久

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

2024-10-15 濤濤

引言：

用戶將大部分時間花在別人家的網(wǎng)站 (產(chǎn)品) 上，而不是你的。這意味他們希望你的網(wǎng)站 (產(chǎn)品) 跟別人的有相同的操作方法和使用模式。

雅各布定律是由尼爾森十大原則的創(chuàng)立者、尼爾森諾曼集團的創(chuàng)始人之一 Jakob Nielsen 提出的。

用戶期待在新的產(chǎn)品上看到熟悉的設(shè)計慣例，這源于他日積月累的使用經(jīng)驗。他將這描述為一種人性法則，鼓勵產(chǎn)品經(jīng)理遵循常見的設(shè)計慣例，從而讓用戶更多的關(guān)注產(chǎn)品內(nèi)容、信息和任務(wù)。

這一定律強調(diào)在用戶體驗設(shè)計中，應(yīng)盡可能依據(jù)用戶既有經(jīng)驗進行任務(wù)和流程設(shè)計，以降低用戶的學(xué)習(xí)成本。

用戶在其他千千萬萬個網(wǎng)站 (產(chǎn)品) 上積累經(jīng)驗，學(xué)會如何使用網(wǎng)站，當(dāng)一個網(wǎng)站跟其他網(wǎng)站一致的時候用戶會立刻知道該如何操作，但如果違反了雅各布定律，那么用戶會毫不猶豫地離開。

分享目錄：

一、擁抱熟悉性

二、心智模型

三、設(shè)計案例

一、擁抱熟悉性

1999年雅各布·尼爾森發(fā)布了一篇名為《界面標(biāo)準(zhǔn)會扼殺設(shè)計創(chuàng)造力嗎（Do Interface Standards Stifle Design Creativity）》的文章。在文中，尼爾森講述了他與甲方一同設(shè)計某個電商網(wǎng)站的經(jīng)歷。

在設(shè)計該電商網(wǎng)站商品導(dǎo)航方案時，方案一是采用絕大多數(shù)用戶長期在其他網(wǎng)站所接觸的導(dǎo)航方式，方案二是根據(jù)甲方對自身產(chǎn)品線的看法構(gòu)建的一套較為新穎的導(dǎo)航方式（具體方案形式，尼爾森在文中沒有描述）。

尼爾森分別對兩個方案進行了可用性測試，結(jié)果是：當(dāng)用戶使用方案一導(dǎo)航時，導(dǎo)航到目標(biāo)商品的成功率為80%，而方案二的成功率僅為9%。

雅各布·尼爾森在文中引述這個例子，是為了闡明一則觀點：用戶將大部分時間花在頭部產(chǎn)品上。因為用戶花費大量的時間在這些產(chǎn)品上，自然會被這些產(chǎn)品培養(yǎng)出一定的用戶習(xí)慣。

雅各布定律基于該理念

當(dāng)用戶遇到新界面時，他們會嘗試將其映射到網(wǎng)站和應(yīng)用程序如何工作的現(xiàn)有心理模型上。如果新界面與他們習(xí)慣的界面差異太大，他們可能很難理解和使用。

雅各布定律可以通過多種方式應(yīng)用于用戶體驗設(shè)計：

1、使用熟悉的設(shè)計模式和布局：

通過使用熟悉的設(shè)計模式和布局，使用戶更輕松地理解和使用新界面。

2、提供清晰簡潔的說明：

通過提供清晰簡潔的說明，幫助用戶學(xué)習(xí)如何使用新界面。

3、使用一致的術(shù)語和標(biāo)簽：

通過使用一致的術(shù)語和標(biāo)簽，幫助用戶理解新界面的不同元素。

二、心智模型

雅各布定律揭示了用戶認(rèn)知事物的過程和特點——用戶是“懶”的，會通過已有的經(jīng)驗去認(rèn)知新的事物。當(dāng)經(jīng)驗無法匹配時，用戶會產(chǎn)生各種不適應(yīng)，極端情況下用戶會放棄使用產(chǎn)品。

比較典型的就是長期使用Windows的用戶，最開始使用Mac時會表現(xiàn)出各種不習(xí)慣。最根本的原因就是用戶在Windows系統(tǒng)中建立的使用心智，無法適用于Mac系統(tǒng)，為此有人在MacBook中安裝了Windows系統(tǒng)。

雅各布所稱的“日積月累的使用經(jīng)驗”對用戶使用新產(chǎn)品很有幫助，用戶可以借此了解如何使用新產(chǎn)品，可以進行什么操作，這是用戶體驗設(shè)計中最重要的一個因素，它與人的心智模型有關(guān)系。

Don Norman將心智模型定義為：“存在于用戶頭腦中的關(guān)于一個產(chǎn)品應(yīng)該具有的概念和行為的知識，這種知識可能來源于用戶以前使用類似產(chǎn)品的經(jīng)驗，或者是用戶根據(jù)使用該產(chǎn)品要達(dá)到的目標(biāo)而對產(chǎn)品的概念和行為的一種期望。”

心智模型

把用戶體驗和心智模型相結(jié)合，用戶就能輕松的把已有習(xí)慣遷移到新產(chǎn)品上。

為了實現(xiàn)這一目標(biāo)，可以通過采用用戶訪談、用戶畫像、用戶體驗流程、用戶同理心地圖等技術(shù)去深入了解用戶的目標(biāo)，洞悉用戶已成形的心智模型，以及如何把體驗要素應(yīng)用在產(chǎn)品設(shè)計中。

當(dāng)設(shè)計方案與用戶心智模型一致，用戶可以輕松地將已有經(jīng)驗從一個產(chǎn)品轉(zhuǎn)移到另一個產(chǎn)品上，無需額外的理解和學(xué)習(xí)成本。

對于待開發(fā)的產(chǎn)品，目標(biāo)用戶已經(jīng)花了大量的時間使用同類產(chǎn)品，并且使用的相當(dāng)嫻熟，他們自然也希望你的新產(chǎn)品在操作體驗上也能和他所熟悉的產(chǎn)品相似。

目標(biāo)用戶會將自己對已熟悉產(chǎn)品的期望遷移到另一個相似的產(chǎn)品上，利用現(xiàn)有的用戶體驗要素可以創(chuàng)造更好的用戶體驗，讓用戶專注于內(nèi)容、信息和任務(wù)上，而無須學(xué)習(xí)新的模型。在產(chǎn)品迭代時，允許用戶在一段時間內(nèi)繼續(xù)使用舊版本，這樣可以最大限度的減少體驗失衡引發(fā)的沖突。

這背后源于“熟悉感”，它可以讓用戶閉著眼睛也知道如何使用產(chǎn)品，如短視頻領(lǐng)域的導(dǎo)航欄、頁面布局、視覺引導(dǎo)……通過累積效應(yīng)節(jié)省下來的腦力可以減少用戶的認(rèn)知負(fù)荷。

三、設(shè)計案例

雅各布定律告訴我們在進行設(shè)計時，要延續(xù)用戶已經(jīng)習(xí)慣的認(rèn)知，其次從產(chǎn)品自身業(yè)務(wù)出發(fā)進行細(xì)化，像一些同類型的產(chǎn)品，他們無論從功能還是設(shè)計上都大同小異，因為對于用戶來講，用戶對這個行業(yè)的產(chǎn)品已經(jīng)具備一定的認(rèn)知，例如做電商的產(chǎn)品去用戶做金融產(chǎn)品的思路來進行設(shè)計產(chǎn)品，那對于用戶無疑就是增加認(rèn)知成本。

該定律并不是說所有頁面統(tǒng)統(tǒng)要設(shè)計得一模一樣，而是具有相同功能的頁面，盡量保持一致。這在 UI 設(shè)計的領(lǐng)域并不鮮見，尤其是一些功能性特別強的頁面，各家設(shè)計得幾乎大同小異。

1、一致的排版

購物app首屏

以上案例可以看到，多家購物app從功能和板式上首屏都高度相似，搜索區(qū)域，金剛區(qū)核心功能icon，緊接著是各個內(nèi)容推薦專區(qū)入口，然后就是一些智能推薦產(chǎn)品。

我們在重要的體驗上使用通用的、約定俗定的設(shè)計模式，如頁面布局、工作流、放置導(dǎo)航欄、搜索框等，這樣一來，用戶便能立刻上手使用。

產(chǎn)品詳情頁

在國內(nèi)，不論是淘寶、京東、拼多多，不論是合家歡風(fēng)格還是性冷淡風(fēng)格，甚至不論是不是購物APP，只要涉及到商品的詳情頁面，版式都高度相似，上方是圖片，中間描述，底部懸浮的操作區(qū)域，這也是用戶最熟悉、最容易接受的排版。

谷歌一直以來都允許用戶自行選擇是否使用其產(chǎn)品的新設(shè)計版本，用戶可以先嘗試適應(yīng)全新框架，而非一下子切換過去，慢慢熟悉并提交使用反饋，極大的緩解了心智模型失衡問題。

如果在產(chǎn)品設(shè)計時沒有循序漸進的改版，而是直接改頭換面，會極大的改變用戶熟悉的布局，這一舉動能隨時引發(fā)用戶的不滿，在評論區(qū)吐槽、在評分上減分，更糟糕的是轉(zhuǎn)向競爭對手。

2、一致的示能

示能是《設(shè)計心理學(xué)》中引入的一個“直接知覺論”的概念，它表達(dá)了一個物體或者操作對象與人的可交互關(guān)系。例如，一個大大的按鈕和一個鏈接，很明顯大大的按鈕代表了流程中的主流程。

有色彩的按鈕提示著我們它【可被點擊】，這是一種示能，即：示意它能夠 xxx；同理，灰色的按鈕提示我們它【不可點擊】，這是一種反示能，即：示意它不能 xxx。

我們所設(shè)計的一切的元素、控件、組件，都需要符合所有互聯(lián)網(wǎng)產(chǎn)品中類似元素的示能或者反示能。

因為它們代表了用戶默認(rèn)的意識，我們順應(yīng)這種意識進行設(shè)計，就可以減少用戶操作的阻力。

組件頁面統(tǒng)一

例如在UI設(shè)計中我們強調(diào)一致性，從大的頁面、組件到小的一個按鈕元素，我們都要做的樣式和交互的統(tǒng)一，這里除了說要保持一致性才去規(guī)范頁面組件，還有一個就是因為我們要遵循雅各布定律，相似的內(nèi)容、相似的操作方式能夠讓用戶體驗?zāi)愕漠a(chǎn)品時更快的適應(yīng)設(shè)計模式。

3、一致的符號映射

一致的符號映射就是相同或者類似的符號/圖標(biāo)會給用戶提供相同的功能暗示。

例如向左的箭頭（不論是哪種箭頭，只要它向左）映射的交互含義就是返回上一頁；三個圓點代表更多等等。

對于常見的已經(jīng)被大范圍應(yīng)用的符號映射，就不要再標(biāo)新立異的創(chuàng)造一些奇奇怪怪的新符號來映射對應(yīng)的操作，也不要用明顯表達(dá)「另一個操作」的符號來表達(dá)「這個操作」，用戶需要的是低學(xué)習(xí)成本。

常見的符號映射

4、一致的概念模型

概念模型會對用戶提供暗示。

以購物APP為例，合理的概念模型會暗示用戶在APP內(nèi)購買一件商品，需要經(jīng)過【挑選-加入購物車-結(jié)算-付款-成功】這樣一條完整的任務(wù)流。

我們所見到的購物APP幾乎都使用了類似的概念模型，因為這種概念模型符合用戶在現(xiàn)實中購物時積累出的心智模型。把用戶體驗和心智模型相結(jié)合，用戶就能輕松的把已有習(xí)慣遷移到新產(chǎn)品上。

所以當(dāng)我們?nèi)ピO(shè)計一個購物APP的界面時，應(yīng)當(dāng)首先考慮將概念模型設(shè)計的和其他所有購物平臺一致。

如果違反了雅各布用戶體驗定律，可能會讓用戶一頭霧水，甚至?xí)型痉艞壢蝿?wù)、退出使用。

用戶在研究界面上花費的精力越少，就越能集中注意力實現(xiàn)自己的任務(wù)。這個實現(xiàn)過程變得越簡單，用戶就越有可能集中精力實現(xiàn)目標(biāo)，而非界面上。

在我們設(shè)計產(chǎn)品時，要先繼承最廣泛的概念模型，然后再從產(chǎn)品自身的角度出發(fā)，對其進行完善和修改，而不是完全根據(jù)我們天馬行空的臆斷去制定流程。

總結(jié)

雅各布定律對產(chǎn)品經(jīng)理、用戶體驗設(shè)計師、用戶研究人員來說，是一個非常重要的定律，不要違反雅各布定律。這條定律不像之前的?？硕苫蛘叻拼亩捎芯唧w的使用場景和明顯的適用邊界，雅各布定律幾乎沒有邊界，用 Nielsen 本人的話來說，它描述了“How things are”，更像是“Law of nature”。如果違反雅各布定律，用戶使用該產(chǎn)品十有八九會遇到困難，所以，除非萬不得已：你的頁面應(yīng)該與其余相同功能的頁面具有一致的使用模式；沒有足夠的理由，就不要輕易嘗試標(biāo)新立異。

當(dāng)然，雅各布定律并不是提倡所有的產(chǎn)品和體驗都去遵循相同的模式，它只是一項指導(dǎo)原則，用于提醒產(chǎn)品經(jīng)理如何利用已經(jīng)經(jīng)驗幫助用戶理解新的產(chǎn)品和體驗，幫助用戶快速上手，以提高工作效率。

在應(yīng)用雅各布定律指導(dǎo)產(chǎn)品設(shè)計時，從約定俗成的體驗要素和慣例開始，只要有必要時再創(chuàng)新。

當(dāng)你有充分的理由和數(shù)據(jù)證明創(chuàng)新能夠改善用戶的核心體驗時，就把它作為一個信號，經(jīng)過調(diào)研，按照用戶畫像要求的那樣，與用戶一起進行體驗測試，以確保目標(biāo)受眾接受你的創(chuàng)新。

作者：拒不背鍋女士

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

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

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