編輯導(dǎo)語：假如面試時(shí)，考官問及“如何看待當(dāng)下產(chǎn)品設(shè)計(jì)同質(zhì)化嚴(yán)重”這一問題，你要如何回答？首先你需要了解考官所說的“同質(zhì)化”的所指對(duì)象或方面。本篇文章里，作者結(jié)合雅各布定律，對(duì)如何解答這一問題發(fā)表了他的看法，一起來看一下。

幾年前在一次面試中，被面試官問到「如何看待當(dāng)下產(chǎn)品設(shè)計(jì)同質(zhì)化嚴(yán)重」的問題。當(dāng)時(shí)初出茅廬的自己突然被問到這個(gè)問題，實(shí)屬有點(diǎn)懵圈。

作為打工人，平時(shí)真的沒有深入思考過這個(gè)現(xiàn)象。當(dāng)時(shí)的自己只覺得做“正確的事”是理所應(yīng)當(dāng)?shù)?，產(chǎn)品設(shè)計(jì)環(huán)節(jié)自上而下都在跟隨著市場上絕大多數(shù)“正確的腳步”，并沒有思考過其背后的意義。

這道題當(dāng)時(shí)確實(shí)沒在自己的儲(chǔ)備庫中，也就支支吾吾蒙混了過去。

后來回家總結(jié)面經(jīng)，好好查了查大家對(duì)同質(zhì)化現(xiàn)象的看法。一路搜索下來，就get到了一個(gè)新的知識(shí)點(diǎn)。今天就把當(dāng)初總結(jié)的成果梳理、分享給大家——雅各布定律（Jakob’s Law）。

一、什么是「雅各布定律」

「雅各布定律」是由雅各布·尼爾森（ 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ù)用戶長期在其他網(wǎng)站所接觸的導(dǎo)航方式，方案二是根據(jù)甲方對(duì)自身產(chǎn)品線的看法構(gòu)建的一套較為新穎的導(dǎo)航方式（具體方案形式，尼爾森在文中沒有描述）。

尼爾森分別對(duì)兩個(gè)方案進(jìn)行了可用性測試，結(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ī)則」呢？

二、設(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ī)則。

1. 一致的產(chǎn)品模型

耍家任職于一家電商公司，我司的產(chǎn)品在主業(yè)務(wù)線（銷售商品線）上，從精準(zhǔn)搜索或商品分發(fā)，到商品詳情、加購、生成訂單、付款、返回結(jié)果，這一套基本的電商模式框架，是一定要符合大部分用戶的行為模型和操作習(xí)慣的。

說白了，國內(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ì)考慮到的問題，國內(nèi)大部分的電商產(chǎn)品，也都是遵循著這一主流電商產(chǎn)品模型。

而在一些自身產(chǎn)品特有的功能、任務(wù)流中，我們就大可以進(jìn)行產(chǎn)品模型的創(chuàng)新。那是什么讓用戶在不一樣的產(chǎn)品模型中，依然能夠靈活自如地上手操作一些功能呢？

那就要說到交互示能了。

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)上的疑惑。

3. 一致的頁面結(jié)構(gòu)

還是以我比較熟悉的電商行業(yè)來舉例。我們可以看到，國內(nèi)大大小小的電商產(chǎn)品，除去自身功能與GUI的特性，詳情頁頁面結(jié)構(gòu)基本上都是這樣：

因?yàn)轫撁娼Y(jié)構(gòu)對(duì)用戶的影響比交互示能更大，一致的頁面結(jié)構(gòu)、功能排版可以讓用戶極快地熟悉并操作產(chǎn)品。也許你會(huì)對(duì)此嗤之以鼻？認(rèn)為這是給不去創(chuàng)新尋找借口？

然而這么做的知名產(chǎn)品卻不在少數(shù)。2017年 Youtube 改版，保持了絕大多數(shù)頁面結(jié)構(gòu)，對(duì)于無法適應(yīng)的用戶，允許他們切換回舊版；前不久更新的 iOS15，Safari 將地址欄移動(dòng)至底部，卻也允許用戶自由切換地址欄位置。

保持一致的頁面結(jié)構(gòu)并不是要產(chǎn)品設(shè)計(jì)完全摒棄功能排版上的創(chuàng)新，而是在創(chuàng)新時(shí)也要考慮到用戶的學(xué)習(xí)與適應(yīng)成本。

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測試，希望通過修改分享圖標(biāo)樣式來刺激用戶分享行為。分別投入了3個(gè)試驗(yàn)版本和1個(gè)原始版本。

最終結(jié)果是方案3勝出，相比其他版本，方案3中分享圖標(biāo)的點(diǎn)擊率上漲了近20%，這對(duì)于用戶量過億的墨跡天氣來說，是一個(gè)不小的提升。隨著市場上的產(chǎn)品增多，視覺圖形的使用場景越來越繁雜，當(dāng)我們無法確定哪一些圖形更加符合自身產(chǎn)品用戶認(rèn)知的時(shí)候，也可以像墨跡天氣這樣進(jìn)行數(shù)據(jù)驗(yàn)證。

雖然墨跡天氣并沒有再進(jìn)一步分析為何方案3的圖標(biāo)能夠勝出（我猜測是否與iOS原生應(yīng)用培養(yǎng)的用戶認(rèn)知有關(guān)？），但我們能夠確定的是，在沒有任何文字提示的前提下，有更多墨跡天氣的用戶能夠理解到方案3中圖形所傳達(dá)的“分享”操作的含義。

三、如果再被問到這個(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)新。例如我們知道很多競品的案例：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)：UCD耍家（ID：ucdplayer），人人都是產(chǎn)品經(jīng)理專欄作家。

本文由 @UCD耍家 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議