01、什么是「雅各布定律」
「雅各布定律」是由雅各布·尼爾森（ Jakob Nielsen）提出的一條關(guān)于產(chǎn)品可用性的定律。沒錯(cuò)，這里的雅各布·尼爾森就是那個(gè)提出「尼爾森十大原則」的尼爾森，也是我常常在文中提到的UX研究咨詢公司NN/g（尼爾森諾曼集團(tuán)）的創(chuàng)始人之一。
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)航方式（具體方案形式，尼爾森在文中沒有描述）。
尼爾森分別對(duì)兩個(gè)方案進(jìn)行了可用性測(cè)試，結(jié)果是：當(dāng)用戶使用方案一導(dǎo)航時(shí)，導(dǎo)航到目標(biāo)商品的成功率為80%，而方案二的成功率僅為9%。
雅各布·尼爾森在文中引述這個(gè)例子，是為了闡明一則觀點(diǎn)： 用戶將大部分時(shí)間花在其他產(chǎn)品上（這里的“其他產(chǎn)品”放在當(dāng)下這個(gè)時(shí)代，我認(rèn)為就是 擁有巨量用戶的頭部產(chǎn)品）。因?yàn)橛脩艋ㄙM(fèi)大量的時(shí)間在這些產(chǎn)品上，自然會(huì)被這些產(chǎn)品培養(yǎng)出一定的用戶習(xí)慣。
如果你想提升產(chǎn)品的可用性，你要做的事情就是與其他產(chǎn)品保持 一致性——這就是 「雅各布定律」。尼爾森認(rèn)為 一致性是支撐產(chǎn)品可用性的最重要條件之一。并且他將這些應(yīng)該保持的一致性稱為「 設(shè)計(jì)標(biāo)準(zhǔn)規(guī)則（Rules for Design Standards）」。
那么當(dāng)下的產(chǎn)品都遵守著哪些「設(shè)計(jì)標(biāo)準(zhǔn)規(guī)則」呢？
02、設(shè)計(jì)標(biāo)準(zhǔn)規(guī)則
實(shí)際上，遵循設(shè)計(jì)標(biāo)準(zhǔn)規(guī)則就是遵循用戶的心理模型和行為模型。我依次從宏觀到細(xì)節(jié)梳理一下，當(dāng)下的產(chǎn)品設(shè)計(jì)普遍都存在哪些設(shè)計(jì)標(biāo)準(zhǔn)規(guī)則。
2.1 一致的產(chǎn)品模型
耍家任職于一家電商公司，我司的產(chǎn)品在主業(yè)務(wù)線（銷售商品線）上，從精準(zhǔn)搜索或商品分發(fā)，到商品詳情、加購(gòu)、生成訂單、付款、返回結(jié)果，這一套基本的電商模式框架，是一定要符合大部分用戶的行為模型和操作習(xí)慣的。
說白了，國(guó)內(nèi)的電商巨頭無非就那幾家，用戶每天花費(fèi)大量的時(shí)間在這些產(chǎn)品上，早已經(jīng)被培養(yǎng)出了非常深刻的行為習(xí)慣，如果我們?cè)谥饕麡I(yè)務(wù)上去進(jìn)行創(chuàng)新，自然是要承受收益風(fēng)險(xiǎn)的。
這一點(diǎn)不僅是我司會(huì)考慮到的問題，國(guó)內(nèi)大部分的電商產(chǎn)品，也都是遵循著這一主流電商產(chǎn)品模型。
而在一些自身產(chǎn)品特有的功能、任務(wù)流中，我們就大可以進(jìn)行產(chǎn)品模型的創(chuàng)新。那是什么讓用戶在不一樣的產(chǎn)品模型中，依然能夠靈活自如地上手操作一些功能呢？
那就要說到交互示能了。
2.2 一致的交互示能
當(dāng)用戶脫離了熟悉的產(chǎn)品模型，卻依然能夠上手一些功能，是因?yàn)樗麄儚钠渌a(chǎn)品中早已學(xué)習(xí)到了一些基本的交互示能。
例如文本中高亮帶下劃線的文字或懸浮有陰影的卡片也許可以點(diǎn)擊，帶有紅色徽標(biāo)的功能也許比較重要或需要用戶查看等等。
當(dāng)自身的產(chǎn)品交互在示能傳達(dá)上和其他產(chǎn)品不一致時(shí)，就很容易引起用戶在操作與體驗(yàn)上的疑惑。
2.3 一致的頁(yè)面結(jié)構(gòu)
還是以我比較熟悉的電商行業(yè)來舉例。我們可以看到，國(guó)內(nèi)大大小小的電商產(chǎn)品，除去自身功能與GUI的特性，詳情頁(yè)頁(yè)面結(jié)構(gòu)基本上都是這樣：
因?yàn)轫?yè)面結(jié)構(gòu)對(duì)用戶的影響比交互示能更大，一致的頁(yè)面結(jié)構(gòu)、功能排版可以讓用戶極快地熟悉并操作產(chǎn)品。也許你會(huì)對(duì)此嗤之以鼻？認(rèn)為這是給不去創(chuàng)新尋找借口？
然而這么做的知名產(chǎn)品卻不在少數(shù)。2017年 Youtube 改版，保持了絕大多數(shù)頁(yè)面結(jié)構(gòu)，對(duì)于無法適應(yīng)的用戶，允許他們切換回舊版；前不久更新的 iOS15，Safari 將地址欄移動(dòng)至底部，卻也允許用戶自由切換地址欄位置。
保持一致的頁(yè)面結(jié)構(gòu)并不是要產(chǎn)品設(shè)計(jì)完全摒棄功能排版上的創(chuàng)新，而是在創(chuàng)新時(shí)也要 考慮到用戶的學(xué)習(xí)與適應(yīng)成本。
2.4 一致的圖形認(rèn)知
落實(shí)到具體的UI上，保持與其他產(chǎn)品一致的圖形認(rèn)知，會(huì)更易于用戶理解。但圖形認(rèn)知不僅僅只是告訴用戶：三個(gè)圓點(diǎn)的icon代表著“更多”、叉代表著“關(guān)閉”…更加符合用戶認(rèn)知的圖形，甚至可以輔助到業(yè)務(wù)目標(biāo)。
墨跡天氣之前做過一個(gè)A/B測(cè)試，希望通過修改分享圖標(biāo)樣式來刺激用戶分享行為。分別投入了3個(gè)試驗(yàn)版本和1個(gè)原始版本。
隨著市場(chǎng)上的產(chǎn)品增多，視覺圖形的使用場(chǎng)景越來越繁雜，當(dāng)我們無法確定哪一些圖形更加符合自身產(chǎn)品用戶認(rèn)知的時(shí)候，也可以像墨跡天氣這樣進(jìn)行數(shù)據(jù)驗(yàn)證。
雖然墨跡天氣并沒有再進(jìn)一步分析為何方案3的圖標(biāo)能夠勝出（我猜測(cè)是否與iOS原生應(yīng)用培養(yǎng)的用戶認(rèn)知有關(guān)？），但我們能夠確定的是，在沒有任何文字提示的前提下，有更多墨跡天氣的用戶能夠理解到方案3中圖形所傳達(dá)的“分享”操作的含義。
03、如果再被問到這個(gè)問題…
如果再一次被問到「如何看待當(dāng)下產(chǎn)品設(shè)計(jì)同質(zhì)化嚴(yán)重」的問題，我想我應(yīng)該會(huì)這么回答。
首先要分析面試官所謂的“同質(zhì)化”指的是哪一個(gè)方面，是大方面的產(chǎn)品、功能、交互同質(zhì)化，還是具體落實(shí)到UI設(shè)計(jì)師身上的視覺、風(fēng)格、元素同質(zhì)化。
如果面試官是詢問對(duì)產(chǎn)品、功能同質(zhì)化的看法，那大可以闡述「雅各布定律」。因?yàn)?strong>遵循其他絕大多數(shù)產(chǎn)品對(duì)用戶培養(yǎng)的習(xí)慣來進(jìn)行產(chǎn)品設(shè)計(jì)，可以顯著提升產(chǎn)品可用性，降低用戶學(xué)習(xí)成本。
并且很可能你的產(chǎn)品可用性與業(yè)務(wù)目標(biāo)、商業(yè)價(jià)值掛鉤，那更應(yīng)該保持這種一致性，不應(yīng)該用商業(yè)的風(fēng)險(xiǎn)來為產(chǎn)品的創(chuàng)新買單。
而落實(shí)到視覺層面，我認(rèn)為遵循設(shè)計(jì)標(biāo)準(zhǔn)規(guī)則，實(shí)際并不會(huì)影響到設(shè)計(jì)師對(duì)GUI的創(chuàng)新。例如我們知道很多競(jìng)品的案例：MacOS 與 Windows 、 WPS 與 Microsoft Office 、 iOS 與 Android ，為了減輕用戶的學(xué)習(xí)成本，它們?cè)诋a(chǎn)品設(shè)計(jì)、交互設(shè)計(jì)上存在著許多一致性，然而這并不會(huì)干擾產(chǎn)品在GUI層面的表現(xiàn)，用戶依然能夠從視覺層面區(qū)分這些產(chǎn)品。
所以作為UI設(shè)計(jì)師，大可以向面試官表達(dá)自己在GUI層面的考慮與創(chuàng)新。一致性不可怕，同質(zhì)化也不可怕，可怕的是脫離可用性去談創(chuàng)新以及完全為了一致性而失去創(chuàng)新能力的兩個(gè)極端。
原文地址：UCD耍家（公眾號(hào)）
作者：Howiet
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》用「雅各布定律」解答一道面試題 | UI&UE實(shí)用方法論
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)