在一個(gè)產(chǎn)品開發(fā)完成一般都會(huì)進(jìn)入測試（Beta）階段，開發(fā)團(tuán)隊(duì)根據(jù)內(nèi)部測試人員及外部測試用戶的反饋，修復(fù)產(chǎn)品存在的 Bug 和流程中不合理的地方。

根據(jù)長久以來的經(jīng)驗(yàn)，越是在項(xiàng)目后期做改動(dòng)，所花費(fèi)的成本越多。所以一個(gè)好的開發(fā)流程里，我們應(yīng)該在產(chǎn)品設(shè)計(jì)的階段就做可用性測試，通過觀察，記錄和分析用戶的行為，改善產(chǎn)品。

這時(shí)經(jīng)常會(huì)用到由尼爾森博士所提出的「十大可用性原則」。滿足這 10 條簡單原則不一定是好產(chǎn)品，但是好產(chǎn)品一般來說都能夠輕易地滿足這 10 條原則。

即使這十條原則是在 Web 時(shí)代所提出的，但是其基本思想在移動(dòng)端時(shí)代仍然能夠大部分沿用，這也是為什么我要推薦以及解讀這 10 條原則的原因。

1. 系統(tǒng)狀態(tài)的可視性

在許多產(chǎn)品中，在頁面需要時(shí)間加載時(shí)，就會(huì)用進(jìn)度條或是加載動(dòng)畫，其意義就在于讓用戶知道系統(tǒng)正在運(yùn)行。這是對用戶操作的反饋，一定程度能令用戶安心，不會(huì)不知所措。

在可視性的具體設(shè)計(jì)中，也要按照場景進(jìn)行更高體驗(yàn)的設(shè)計(jì)，例如加載所需時(shí)間比較長的時(shí)候，可能就需要在加載動(dòng)畫下給予更多趣味和驚喜。

因此，做到系統(tǒng)狀態(tài)可視性只是第一步，如何優(yōu)化可視性的表達(dá)則需要下更多的功夫。

2. 系統(tǒng)和現(xiàn)實(shí)的協(xié)調(diào)

系統(tǒng)中使用的語言、詞匯、信息展示方式，必須遵循現(xiàn)實(shí)中的用戶的習(xí)慣。

無論是 macOS 還是 Windows，都會(huì)將垃圾桶（回收站）作為一個(gè)存放已刪除文件的地方，就跟現(xiàn)實(shí)生活中我們會(huì)將不要的東西丟在垃圾桶一樣。

并且在垃圾桶（回收站）中沒有東西的時(shí)候顯示「空的狀態(tài)」，這會(huì)讓用戶使用起來覺得非常合情合理。

而曾經(jīng)用過一款產(chǎn)品，在某個(gè)操作報(bào)錯(cuò)后，提示的文字是一個(gè)連我一個(gè)學(xué)計(jì)算機(jī)的人都只能勉強(qiáng)理解的句子，并且也沒有附加任何提示，這就是非常不好的例子。

3. 用戶操控與自由程度

當(dāng)用戶誤解了功能含義時(shí)，必須幫助用戶能夠快速回到主流程上。

同時(shí)，本原則也要求，系統(tǒng)不應(yīng)該讓用戶產(chǎn)生一種被操控的感覺。有時(shí)候一些產(chǎn)品在流程上沒處理好，就會(huì)讓我忍不住吐槽，「到底是我在玩 app，還是 app 在玩我」。通常，在我們進(jìn)入二級或者更深頁面中時(shí)，必須留有后退回主頁面的按鈕，這就是在遵循這個(gè)原則。

許多 app 在開屏廣告頁放置「跳過」按鈕，從一定程度上也是在遵循這個(gè)規(guī)則，幫助用戶跳出廣告這個(gè)「困境」。

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

在同一個(gè)產(chǎn)品中，同一功能的組件應(yīng)該在設(shè)計(jì)上保持一致，降低用戶的學(xué)習(xí)成本，使得整個(gè)產(chǎn)品的整體性很高。

舉個(gè)非常簡單的例子，許多產(chǎn)品都有收藏功能，收藏功能可以用心形或者星星表示，但是一旦選擇了其中一個(gè)，之后跟收藏有關(guān)的功能則需要在這一點(diǎn)上保持一致而不能混用。

其實(shí)這就是要求整個(gè)產(chǎn)品在設(shè)計(jì)最初期，需要建立起良好的設(shè)計(jì)規(guī)范，以設(shè)計(jì)規(guī)范為指引完成設(shè)計(jì)。同時(shí)，在移動(dòng)端時(shí)代，對于交互的一致性也十分重要。

5. 防止錯(cuò)誤

比起讓用戶犯了錯(cuò)誤后再去修改，我們是不是能想辦法讓用戶不犯錯(cuò)或者降低犯錯(cuò)的幾率呢?

舉個(gè)例子:金融類產(chǎn)品中，經(jīng)常會(huì)有輸入身份證號碼或者銀行卡號的場景。輸入身份證號碼時(shí)，使用身份證專用鍵盤并且限制最大輸入位數(shù)為 18 位，輸入銀行卡號時(shí)，每四位自動(dòng)分隔開，這些細(xì)節(jié)都能在很大程度上幫助用戶正確輸入。

6. 識別好過記憶

需要將動(dòng)作、選項(xiàng)可視化，讓用戶一看到就懂。同時(shí)，在一個(gè)比較深層級的頁面時(shí)，需要考慮到是否需要展示一些前面的頁面的信息，讓用戶看而不是讓用戶想。用一本書的名字來形容就是「Don’t make me think」。

就像在許多電商中從購物車進(jìn)入結(jié)算的頁面，都會(huì)展示該訂單的內(nèi)容，讓用戶可以更好地查看自己已選的內(nèi)容，而不用他們記憶。

7. 靈活性和效率

讓用戶更高效快捷地完成功能。

再舉一個(gè)很常見的例子，就是許多產(chǎn)品中都會(huì)出現(xiàn)的「收藏」功能。收藏功能可以讓用戶之后能夠更快地在信息碎片中找到自己想要的東西。

此外，產(chǎn)品在首頁放置一些常用功能的快捷入口，這也是最常見的本原則的例子之一。包括 iOS 的 3D Touch，也是在遵循這一準(zhǔn)則。

8. 簡潔美觀的設(shè)計(jì)

一款好看的產(chǎn)品總是能讓人眼前一亮。

一款設(shè)計(jì)丑陋的產(chǎn)品會(huì)讓人連試用的想法都沒有，而好看的產(chǎn)品讓人在解決問題的同時(shí)保持十分愉悅的心情。好看的產(chǎn)品也能更能夠顯示出開發(fā)商或開發(fā)者對于用戶的重視。

因此負(fù)責(zé)任的產(chǎn)品負(fù)責(zé)人總能夠最大程度地「壓榨」設(shè)計(jì)師，去年淘寶「一千零一夜」活動(dòng)的首頁(上圖)就改動(dòng)了共五十個(gè)版本。

9. 幫助用戶認(rèn)知、判斷和修復(fù)錯(cuò)誤

事先預(yù)想到用戶可能會(huì)出現(xiàn)的錯(cuò)誤，更好地展示錯(cuò)誤并且提供解決方法。

可以用友好的錯(cuò)誤提示語句、自動(dòng)定位到發(fā)生錯(cuò)誤的位置并明顯地標(biāo)識出來、提示可以做的操作來協(xié)助用戶走完流程。

在印象筆記實(shí)行國內(nèi)外分服后，經(jīng)常會(huì)有用戶登陸錯(cuò)誤。因此就會(huì)在文案上新增提示是否使用了錯(cuò)誤的服務(wù)器，同時(shí)提供了切換服務(wù)的入口。

10. 幫助文檔和用戶手冊

在必要的時(shí)候?yàn)橛脩籼峁椭?/p>

許多 app 的新手指引，電商的服務(wù)細(xì)則入口、Ulysses 中隨時(shí)可以查看的 Markdown 語法，這些都是為了幫助我們的用戶更好地使用我們所提供的產(chǎn)品，在必要的時(shí)候提供到位的幫助。

這種幫助更多地是為新手用戶服務(wù)，因此出現(xiàn)的時(shí)機(jī)、方式就需要權(quán)衡考量。必須讓新手找得到，同時(shí)也不對老用戶造成打擾。

這就是我對這十條原則淺薄的理解，望能拋磚引玉，期待你在評論分享更多看法。