傳說(shuō)中的尼爾森十大可用性原則，幫你打造好的用戶(hù)體驗。

我們經(jīng)常會(huì )聽(tīng)到用戶(hù)體驗這個(gè)詞，不論產(chǎn)品、設計、技術(shù)、測試、老板都會(huì )噴上幾句，仿佛自己就是用戶(hù)的“帶鹽人”。當“用戶(hù)體驗”四個(gè)字變成一個(gè)工具(攻擊別人設計的工具)，我想我們有必要思考一下什么是用戶(hù)體驗?好的用戶(hù)體驗判斷標準是什么?

一、什么是用戶(hù)體驗?

人們對于針對使用或期望使用的產(chǎn)品、系統或者服務(wù)的認知印象和回應。

上面是ISO對用戶(hù)體驗下的標準定義。嚴謹但是難懂!

我理解的用戶(hù)體驗就是人在使用產(chǎn)品或服務(wù)過(guò)程中的整體感受。

列車(chē)還有10分鐘就要開(kāi)了，你通過(guò)自助取票機進(jìn)行取票，只用了一分鐘就取好票了，整個(gè)過(guò)程中你沒(méi)有任何的疑問(wèn)，不會(huì )找工作人員進(jìn)行咨詢(xún)，這個(gè)就是良好的用戶(hù)體驗。

你去理發(fā)店理發(fā)，門(mén)口漂亮的禮儀彎腰給你開(kāi)門(mén)，洗發(fā)小姐先進(jìn)行干洗按摩，然后再進(jìn)行水洗沖刷，最后幫你擦干，不讓一滴水滴到你的臉上...,如果你去體驗不好的理發(fā)店，會(huì )有一個(gè)五大三粗的洗發(fā)小哥幫你胡亂的撓兩下，然后把毛巾扔給你，讓你自己擦，這個(gè)時(shí)候你就明白什么叫做用!戶(hù)!體!驗!

良好的用戶(hù)體驗就是讓用戶(hù)感覺(jué)得自然，在使用產(chǎn)品或者服務(wù)過(guò)程中沒(méi)有我不爽的地方。良好的用戶(hù)體驗就是讓用戶(hù)感覺(jué)不到體驗。

二、好的用戶(hù)體驗標準

1、系統可見(jiàn)性原則(可見(jiàn)性原則)

系統需要在合理的反應時(shí)間內，通過(guò)恰當的反饋，讓用戶(hù)知道當前的狀態(tài)。

1.1 讓用戶(hù)知道他們處在何處

對于一些頁(yè)面層級比較多，內容比較豐富的網(wǎng)站或者軟件，比如電商類(lèi)網(wǎng)站(淘寶網(wǎng)，聚美優(yōu)品)，讓用戶(hù)知道自己身在何處很有必要，不然用戶(hù)會(huì )迷失在你內容的汪洋大海中。

同時(shí)對于新手用戶(hù)，他們必須知道自己身處的位置，從而避免自己迷失于軟件或者網(wǎng)站中。

pc端一般使用面包屑導航讓用戶(hù)知道自己當前處在網(wǎng)站的什么地方，不會(huì )迷失。

APP軟件中一般用標題欄中的標題來(lái)告知用戶(hù)他當前所處的位置。

1.2 讓用戶(hù)知道自己做了什么

人們總是需要知道他們的操作是否被系統獲知。因此，第一時(shí)間提供操作的反饋十分必要。

比如下面你點(diǎn)贊感謝作者或者取消感謝，系統會(huì )及時(shí)的給你反饋，讓你知道自己做了什么。

1.3 讓用戶(hù)知道系統正在做什么

前幾天裝一個(gè)軟件，一直沒(méi)有藍色的進(jìn)度條反饋出來(lái)，我一度認為電腦是不是卡機了，需不需要重啟，所以后臺系統狀態(tài)的及時(shí)反饋很重要。

這就需要我們在設計的時(shí)候，當后臺正在運行的時(shí)候，也盡可能的為前端用戶(hù)提供系統的反饋，減少用戶(hù)的疑問(wèn)和平緩用戶(hù)的焦躁情緒。

1.4 讓用戶(hù)知道系統做了什么

讓用戶(hù)知道他們的操作是否被系統所接受，需要盡可能給予相關(guān)的信息反饋，即便是沒(méi)有結果頁(yè)一樣。

比如注冊完成后提示注冊成功，緩存清除后提示緩存清除成功，這些都是屬于系統及時(shí)的反饋。

當你百度搜索沒(méi)有相關(guān)內容的時(shí)候，不是給你提供一個(gè)空白界面，而是告訴你沒(méi)有相關(guān)搜索結果，并提供解決方案，這也是及時(shí)反饋。

2、匹配系統與真實(shí)世界(環(huán)境貼切原則)

網(wǎng)頁(yè)的一切文案和表述，盡可能貼近用戶(hù)所處的環(huán)境(年齡、學(xué)歷、文化、時(shí)代背景)，說(shuō)的通俗點(diǎn)就是說(shuō)人話(huà)。

2.1 使用用戶(hù)的語(yǔ)言

下圖圖一的文案你能看得懂么?估計非相關(guān)專(zhuān)業(yè)的技術(shù)人員無(wú)法看懂，蘋(píng)果的設計就比較好，不僅告訴你結果，而且告訴你原因。本身老年人對這種新技術(shù)就比較恐懼，你在出現這種技術(shù)語(yǔ)言，只會(huì )加深恐懼。

2.2 現實(shí)世界的隱喻

從現實(shí)世界借鑒設計元素，可以顯著(zhù)降低用戶(hù)的認知和學(xué)習困難，并增加他們的使用興趣。

比如360安全衛士，有個(gè)立即體檢按鈕，現實(shí)世界中人要體檢，網(wǎng)絡(luò )世界中電腦也需要體檢。

2.3 現實(shí)世界的使用行為習慣

現實(shí)世界中，在超市中選好物品，放入購物車(chē)，然后去收銀臺結賬。淘寶只不過(guò)把這套流程搬到線(xiàn)上了，選好商品，加入購物車(chē)，點(diǎn)擊支付，查看訂單。

2.4 手勢操控

對于觸屏設備來(lái)說(shuō)，如果被定義的操控手勢與人們在真實(shí)世界中所使用的手勢意義接近，那么這些手勢將非常利于記憶和學(xué)習。

比如拖動(dòng)、滑動(dòng)、縮小、放大，這些操控手勢正是由于借鑒了人們在日常生活中的手勢行為，才易于讓用戶(hù)掌握和記憶。相比之下，雙擊和常按的手勢操作就不便于人們學(xué)習。

3、用戶(hù)的控制性和自由度(撤銷(xiāo)重作原則)

流通的翻譯解釋為【用戶(hù)在操作的時(shí)候，經(jīng)常容易出錯，為了避免用戶(hù)的誤用和誤擊，需要給 用戶(hù)提供一個(gè)可以撤銷(xiāo)或重做的功能】這就比較狹隘了，用戶(hù)控制性和自由度指的是讓東西處在用戶(hù)可控制的范圍內，因為人對可控的東西有安全感，讓用戶(hù)可以在你的APP中自由的導航和切換操作。

3.1用戶(hù)可以撤銷(xiāo)重作

比如你在用office以及下圖這種畫(huà)圖軟件的時(shí)候可以撤銷(xiāo)重做，不會(huì )讓你因為一個(gè)錯誤的操作前功盡棄，微信的撤回也是遵從這個(gè)原則，用戶(hù)可以將想撤回的信息進(jìn)行撤回。

3.2用戶(hù)可以自由的導航

導航可以讓用戶(hù)去自己想去的地方，強制更新就沒(méi)有讓用戶(hù)去自己想去的地方，如果你把圖二的返回按鈕去掉，用戶(hù)也沒(méi)法返回上一頁(yè)，也就無(wú)法自由的導航。

3.3用戶(hù)可以自由的控制任務(wù)流程

比如你使用微信語(yǔ)音，在60秒以?xún)饶憧梢宰杂煽刂瓢l(fā)送語(yǔ)音的時(shí)長(cháng)，手指上滑可以取消發(fā)送。

3.4 用戶(hù)可以自由的退出

當用戶(hù)看到自己不感興趣的內容的時(shí)候，可以輕易的回到最初原點(diǎn)。比如下圖的逃生艙功能，但用戶(hù)看到自己不感興趣的界面的時(shí)候，隨時(shí)可以返回理財首頁(yè)。

4、一致性和標準化(一致性原則)

用戶(hù)不應當因為同一件事物有不同的詞語(yǔ)，狀態(tài)，和行為而產(chǎn)生疑惑，盡量遵照平臺的設計標準。

4.1 產(chǎn)品內部的一致性

產(chǎn)品或者系統內部的視覺(jué)和交互方式保持一致，會(huì )讓用戶(hù)對產(chǎn)品產(chǎn)生信賴(lài)感和控制感。比如B站app的閃屏，各個(gè)頁(yè)面們的設計，乃至icon們，都給用戶(hù)傳遞一種二次元動(dòng)漫的feel。

4.2 迭代產(chǎn)品的一致性

同一個(gè)產(chǎn)品不同版本之間也需要盡量保持一致性，不然會(huì )讓老用戶(hù)面臨重新適應的問(wèn)題。除非產(chǎn)品的用戶(hù)體驗水平可以顯著(zhù)提高，不然不要輕易改變原有的設計規范。

如果發(fā)生較大的更新這些都不得不改變時(shí)，也應該重點(diǎn)突出來(lái)提醒用戶(hù)哪里發(fā)生了變化，讓用戶(hù)有心理準備接受那些變化。否則當用戶(hù)以原來(lái)的方式與軟件交流時(shí)卻沒(méi)有效果，用戶(hù)就會(huì )受挫。

比如win10和win7底部任務(wù)欄就保持了風(fēng)格上的一致性。這樣用戶(hù)在操作上就能保持體驗的一致性。

4.3 業(yè)內不同產(chǎn)品之間的一致性

不要輕易違反已經(jīng)成為業(yè)界標準的設計，否則將會(huì )給用戶(hù)帶來(lái)很大的重新學(xué)習困難。

比如首頁(yè)用這種小房子圖標，你非得用愛(ài)心圖標，用戶(hù)就會(huì )一臉懵逼。

5、預防出錯(防錯原則)

比顯示一條出錯信息更好的解決辦法就是通過(guò)精心設計讓問(wèn)題在第一時(shí)間內避免發(fā)生：消除和檢查出錯的隱患，并讓用戶(hù)在提交任務(wù)前進(jìn)行確認操作。

5.1 心里約束

心里約束是指通過(guò)利用人們在自然世界中的認知和觀(guān)念來(lái)直覺(jué)的約束人們的行為。在人們的認知中，有顏色的按鈕是可以點(diǎn)擊的，沒(méi)有顏色的按鈕是無(wú)法點(diǎn)擊的，所以在產(chǎn)品設計中，一般將不滿(mǎn)足使用條件的按鈕，讓它灰色顯示，處于禁用狀態(tài)。

5.2 清晰的提示

給予用戶(hù)清晰的提示，可以幫助用戶(hù)更好的確認操作行為并且及時(shí)的發(fā)現操作的問(wèn)題，從而降低用戶(hù)發(fā)生錯誤的幾率。

比如按鍵彈出式設計，就是為了解決因手指遮擋而產(chǎn)生打字錯誤的良好嘗試。

5.3 及時(shí)提示

當用戶(hù)操作不當的時(shí)及時(shí)的給與用戶(hù)提示，及時(shí)的減少用戶(hù)犯錯。

下圖的注冊流程提示就很及時(shí)，當失去焦點(diǎn)的時(shí)候直接提示，而不是在最后點(diǎn)擊立即注冊的時(shí)候才提示。