一、前言

文章開始前我們可以先思考以下三個(gè)問題：

1. 你是否知道如何評價(jià)產(chǎn)品的用戶體驗(yàn)？
2. 你是否經(jīng)常憑著自己的感覺來決定設(shè)計(jì)方案？
3. 你是否知道從哪兒入手改進(jìn)產(chǎn)品的體驗(yàn)？

如果你對這幾個(gè)問題存在疑問的話，那我們可以借助尼爾森十大可用性原則來檢驗(yàn)與評估設(shè)計(jì)方案，啟發(fā)我們的設(shè)計(jì)靈感。

二、尼爾森可用性原則的價(jià)值

尼爾森可用性原則由雅各布·尼爾森（Jakob Nielsen）于 1995 年提出，主要包括：狀態(tài)可見性原則、貼近用戶真實(shí)環(huán)境原則、自由控制原則、一致性和標(biāo)準(zhǔn)化原則、防錯原則、識別而非記憶原則、靈活高效原則、美觀簡潔的原則、幫助用戶從錯誤中恢復(fù)原則、人性化幫助原則。

尼爾森可用性原則是通過分析了 200 多條可用性問題總結(jié)出的原則，目前被廣泛應(yīng)用于設(shè)計(jì)方案的檢驗(yàn)與評估。此外我們還可以將尼爾森可用性原則作為設(shè)計(jì)內(nèi)部體驗(yàn)走查的標(biāo)準(zhǔn)，幫助我們發(fā)現(xiàn)產(chǎn)品中更多的體驗(yàn)問題，例如在 vivo 互聯(lián)網(wǎng)設(shè)計(jì)團(tuán)隊(duì)內(nèi)部就依據(jù)尼爾森可用性原則輸出了設(shè)計(jì)走查的標(biāo)準(zhǔn)。

體驗(yàn)走查標(biāo)準(zhǔn)示例

三、尼爾森可用性原則的介紹

1. 狀態(tài)可見性原則

系統(tǒng)應(yīng)該在合理的時(shí)間內(nèi)做出適當(dāng)?shù)姆答?，以告訴用戶當(dāng)前的系統(tǒng)狀態(tài)。從這句話中我們可以提煉出以下兩個(gè)關(guān)鍵詞：

1）合理的時(shí)間。合理的時(shí)間代表著要給用戶及時(shí)的反饋，在設(shè)計(jì)過程中最好做到元素之間的點(diǎn)擊反饋時(shí)長要在 0.1s 內(nèi)，元素入場退場的時(shí)長要在 0.2s 內(nèi)，頁面的轉(zhuǎn)場時(shí)長要在 0.3s 內(nèi)。但如果用戶等待時(shí)間較長，可以嘗試向用戶推薦內(nèi)容來填充用戶等待時(shí)間，例如小紅書的上傳過程中除了可以看到上傳的進(jìn)度外，還可以通過瀏覽下方的內(nèi)容來減少用戶的心理等待時(shí)間。

小紅書上傳內(nèi)容過程

2）適當(dāng)?shù)姆答?。適當(dāng)?shù)姆答佉馕吨诤线m的場景下通過合適的方式告知用戶系統(tǒng)狀態(tài)，避免對用戶造成干擾。例如 Origin OS 中的原子通知可以在鎖屏、狀態(tài)欄等位置實(shí)時(shí)反饋打車進(jìn)度、快遞物流狀態(tài)、應(yīng)用下載進(jìn)度等任務(wù)狀態(tài)，但同時(shí)又保證了這樣的提醒方式不會對用戶造成過多的打擾。

Origin OS 原子通知狀態(tài)欄提醒

2. 貼近用戶真實(shí)環(huán)境原則

系統(tǒng)應(yīng)使用用戶熟悉的語言和概念，拉近與用戶的距離，此外產(chǎn)品應(yīng)遵循現(xiàn)實(shí)世界的習(xí)慣來呈現(xiàn)信息。

1）使用用戶熟悉的語言和概念。例如 ios 的天氣 APP 在雷雨天氣時(shí)就模擬了現(xiàn)實(shí)世界中用戶非常熟悉的閃電現(xiàn)象，在讓用戶身臨其境的同時(shí)帶給用戶極強(qiáng)的視覺沖擊力，另外在動效細(xì)節(jié)上蘋果也在極力還原真實(shí)的物理現(xiàn)象，例如雨滴落到卡片上時(shí)會有濺起的效果。

ios 天氣 APP 雷雨界面

2）遵循現(xiàn)實(shí)世界的習(xí)慣。用戶現(xiàn)實(shí)中的體驗(yàn)會在不經(jīng)意間帶入到產(chǎn)品使用中，所以模擬物理世界中的互動體驗(yàn)可以降低用戶的學(xué)習(xí)成本，拉近與用戶的距離。例如 vivo 最新推出的 XFlip 折疊屏手機(jī)就延續(xù)了用戶在現(xiàn)實(shí)世界中打開化妝鏡的習(xí)慣，輕松一開就可以隨心上妝。

vivo XFlip 化妝鏡功能

3. 自由控制原則

用戶在使用產(chǎn)品時(shí)經(jīng)常會發(fā)生錯誤的操作，因此產(chǎn)品需要有一個(gè)非常明確的"緊急出口"來幫助用戶撤銷或重做操作。例如 vivo 相冊中被刪除的照片會先移動至"最近刪除"類目下，方便用戶恢復(fù)誤刪的照片。

vivo 相冊最近刪除功能

4. 一致性和標(biāo)準(zhǔn)化原則

一致性和標(biāo)準(zhǔn)化的體驗(yàn)可以方便用戶使用既有的經(jīng)驗(yàn)來使用產(chǎn)品，降低用戶對新產(chǎn)品的陌生感。設(shè)計(jì)過程中除了要遵循產(chǎn)品內(nèi)部的規(guī)范外，還需要與通用的業(yè)界標(biāo)準(zhǔn)保持一致，如果和業(yè)界通用的方案差異較大，雖然擺脫了同質(zhì)化的問題，但是很多常規(guī)操作卻需要用戶重新學(xué)習(xí)，這樣會導(dǎo)致用戶的使用成本變高。例如 vivo 短視頻的產(chǎn)品形態(tài)與交互體驗(yàn)與抖音相似，就是為了降低用戶的學(xué)習(xí)成本，更好的轉(zhuǎn)化頭部短視頻平臺的用戶。

vivo 短視頻與抖音首頁

5. 防錯原則

在用戶執(zhí)行操作過程中，需要給出明確的提示防止用戶出現(xiàn)錯誤。例如菜鳥裹裹在添加包裹時(shí)除了常規(guī)的格式錯誤提醒外，還可以根據(jù)用戶輸入的內(nèi)容實(shí)時(shí)給出不同的提醒信息：如果用戶輸入的位數(shù)不足，則會告訴用戶在哪里找到正確的快遞單號；如果用戶輸入了訂單編號，則會明確告訴用戶快遞單號與訂單編號的區(qū)別。

菜鳥裹裹添加包裹提示

6. 識別而非記憶原則

提供可選項(xiàng)讓用戶快捷操作，將用戶的記憶負(fù)擔(dān)降到最小。設(shè)計(jì)過程中我們可以采用以下三點(diǎn)來提升用戶體驗(yàn)：

1）更多的讓用戶選擇而不是輸入。例如在得物 APP 瀏覽推薦內(nèi)容時(shí)，如果用戶對某件商品感興趣，可以長按商品圖片進(jìn)行自動識別。這樣的設(shè)計(jì)減少了用戶輸入關(guān)鍵詞的步驟，能夠方便用戶快速找到同款商品。

得物 APP 長按可識別商品

2）自動讀取相關(guān)的信息。例如用戶截屏后微信會在一定時(shí)間內(nèi)自動讀取最新的圖片，并在聊天界面推薦用戶發(fā)送照片，方便用戶快速完成圖片分享的操作。

微信自動讀取截圖

3）記住用戶之前的操作記錄。例如用戶在不同設(shè)備間登錄同一賬號，該賬號的信息可以快速同步到最新的設(shè)備上，降低了用戶切換設(shè)備的成本。

7. 靈活高效的使用原則

靈活意味著產(chǎn)品要滿足不同用戶的需求，高效意味著用戶能夠快速達(dá)成任務(wù)目標(biāo)，設(shè)計(jì)方案時(shí)可以嘗試從以下兩點(diǎn)入手：

（1）支持用戶自定義常用功能。產(chǎn)品應(yīng)該支持用戶對部分功能進(jìn)行自定義操作，提高用戶使用產(chǎn)品時(shí)的靈活性。例如 Origin OS 的超級卡包功能（左滑進(jìn)入）支持用戶對卡片的樣式以及常用的支付方式、二維碼等功能進(jìn)行自定義，滿足不同用戶在多場景下的使用需求。

Origin OS 超級卡包

（2）高頻功能方便用戶便捷操作。提升高頻功能的優(yōu)先級，將操作入口放到頁面更容易觸達(dá)的位置。例如通過數(shù)據(jù)分析發(fā)現(xiàn)，用戶在 vivo 商城商詳頁中切換手機(jī)顏色屬于高頻操作，因此我們在手機(jī)頭圖底部增加了快捷切換顏色的入口，上線后取得了不錯的數(shù)據(jù)結(jié)果。

vivo 商城商詳頁

8. 美觀簡潔的原則

界面設(shè)計(jì)需要保持美觀簡潔，不相關(guān)的信息不應(yīng)該顯示在界面上，否則會影響重要信息的可見性。要想做到界面的美觀簡潔，首先要減少視覺噪音，界面上盡量不要包含低頻次的信息或操作；其次需要明確主次信息，將用戶最關(guān)心的內(nèi)容優(yōu)先展示出來，在視覺上能夠快速抓住用戶的眼球。例如 vivo 瀏覽器推出的極簡首頁與夸克瀏覽器的首頁都默認(rèn)不展示傳統(tǒng)的信息流，精簡了頁面信息的同時(shí)凸顯了瀏覽器的核心搜索功能，提升了搜索用戶的體驗(yàn)。

瀏覽器極簡首頁

9. 幫助用戶從錯誤中恢復(fù)原則

該原則指的是用簡潔的語言解釋錯誤信息，精確的指出問題原因并且提供有建設(shè)性的解決方案。例如 vivo 瀏覽器使用過程中如果網(wǎng)絡(luò)斷開了連接，則會出現(xiàn)阻斷式彈窗明確告知用戶無法連接網(wǎng)絡(luò)，并向用戶提供了打開無線開關(guān)與設(shè)置移動網(wǎng)絡(luò)的入口，方便用戶可以快速解決當(dāng)前問題。

vivo 瀏覽器網(wǎng)絡(luò)斷開連接提醒

除了上述常見的報(bào)錯方式外，我們還應(yīng)該結(jié)合用戶的真實(shí)使用場景向用戶提供更貼心的錯誤解決方案。例如用戶在使用百度搜索的過程中如果錯誤的輸入了內(nèi)容，系統(tǒng)會自動矯正，同時(shí)給用戶提供了可以切回之前搜索結(jié)果的選項(xiàng)。這樣的設(shè)計(jì)可以減少用戶修改詞條的步驟，同時(shí)超越了用戶的預(yù)期，給用戶一定的驚喜感。

百度搜索詞自動糾錯

10. 人性化幫助原則

系統(tǒng)最好可以做到不需要任何額外的解釋就可以讓用戶順利的完成任務(wù)，但在實(shí)際復(fù)雜的使用場景中，我們一般要向用戶提供必要的提示或說明文檔。除此之外我們還要積極思考用戶的真實(shí)需求，向用戶提供更加人性化的幫助。例如在炎熱的夏日，高德地圖的步行模式新增了蔭涼方案這一選項(xiàng)，通過動態(tài)光影實(shí)時(shí)計(jì)算防曬指數(shù)，主動向用戶推薦更加蔭涼的方案，滿足了用戶出門怕曬的需求。

高德地圖夏日步行蔭涼推薦

四、總結(jié)

尼爾森可用性原則源于尼爾森對大量設(shè)計(jì)經(jīng)驗(yàn)的總結(jié)，是我們檢驗(yàn)與評估設(shè)計(jì)方案的重要參考依據(jù)。在實(shí)際的工作過程中，許多原則已經(jīng)融入到了設(shè)計(jì)師的直覺當(dāng)中，會下意識的去遵守這些原則，但對這些基礎(chǔ)原則我們往往會缺乏統(tǒng)一的思考。通過系統(tǒng)學(xué)習(xí)尼爾森十大可用性原則可以幫助我們規(guī)避一些顯而易見的可用性問題，協(xié)助我們打造出更符合用戶需求的產(chǎn)品體驗(yàn)。在具體的實(shí)踐過程中要切記：不要將尼爾森可用性原則作為絕對的準(zhǔn)則，要學(xué)會在不同的場景下靈活、交叉使用不同的設(shè)計(jì)原則。

作者：VMIC UED