中國(guó)每年有 50 萬(wàn)的設(shè)計(jì)畢業(yè)生，相比之下，能夠進(jìn)入大廠的寥若晨星。但所有投身于設(shè)計(jì)的設(shè)計(jì)師，都有一顆渴望成長(zhǎng)的心。《體驗(yàn)設(shè)計(jì)師入門(mén)實(shí)戰(zhàn)課程》是 vivo VMIC UED 為新入職設(shè)計(jì)師量身打造的專(zhuān)業(yè)成長(zhǎng)課程，是 UED 全體講師的結(jié)晶?，F(xiàn)在，我們將這套課程整理成文章發(fā)表出來(lái)，希望給選擇并從事設(shè)計(jì)行業(yè)的你一點(diǎn)成長(zhǎng)的力量。

更多尼爾森設(shè)計(jì)原則應(yīng)用：

一、前言

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

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

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

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

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

尼爾森可用性原則是通過(guò)分析了 200 多條可用性問(wèn)題總結(jié)出的原則，目前被廣泛應(yīng)用于設(shè)計(jì)方案的檢驗(yàn)與評(píng)估。此外我們還可以將尼爾森可用性原則作為設(shè)計(jì)內(nèi)部體驗(yàn)走查的標(biāo)準(zhǔn)，幫助我們發(fā)現(xiàn)產(chǎn)品中更多的體驗(yàn)問(wè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)可見(jiàn)性原則

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

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

小紅書(shū)上傳內(nèi)容過(guò)程

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

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

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

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

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

ios 天氣 APP 雷雨界面

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

vivo XFlip 化妝鏡功能

3. 自由控制原則

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

vivo 相冊(cè)最近刪除功能

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

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

vivo 短視頻與抖音首頁(yè)

5. 防錯(cuò)原則

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

菜鳥(niǎo)裹裹添加包裹提示

6. 識(shí)別而非記憶原則

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

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

得物 APP 長(zhǎng)按可識(shí)別商品

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

微信自動(dòng)讀取截圖

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

7. 靈活高效的使用原則

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

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

Origin OS 超級(jí)卡包

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

vivo 商城商詳頁(yè)

8. 美觀簡(jiǎn)潔的原則

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

瀏覽器極簡(jiǎn)首頁(yè)

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

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

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

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

百度搜索詞自動(dòng)糾錯(cuò)

10. 人性化幫助原則

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

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

四、總結(jié)

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

歡迎關(guān)注作者微信公眾號(hào)：「VMIC UED」