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