原文鏈接：可用性經(jīng)典十原則

寫在前面：
相信大伙兒平時手機(jī)也裝了許多APP，有時候會覺得有些做的很棒很好看，有時候又會覺得很一般。

到底應(yīng)該如何去評價？似乎每個人都能說上那么一兩句，但個人喜好不同總是不能說出得出統(tǒng)一，或者讓人信服的理由。

不妨從UI設(shè)計的十大易用性原則來看APP，而易用性主要體現(xiàn)在三部分：易于學(xué)習(xí)、快速使用、及時改正。

第一條：能見度（Visibility）

軟件應(yīng)該保持相同的模式，透過適當(dāng)?shù)姆磻?yīng)，在合理的時間內(nèi)通知使用者，讓使用者了解正在發(fā)生的事情。

其實就是建立操作的反饋，讓用戶知道命令已經(jīng)執(zhí)行，以及現(xiàn)在進(jìn)行到什么程度。

具體體現(xiàn)：按鈕、進(jìn)度條。

• 按鈕

在手機(jī)APP的按鈕設(shè)置里，只要點擊以后都會給予相應(yīng)的強(qiáng)調(diào)顯示（比如閃爍動畫、高光等），這也是最基本的設(shè)計原則。

錘子桌面采用簡潔的桌面板塊設(shè)計，啟動APP時動畫依次是：icon凹陷、邊緣縮窄和向上滑動（似乎是同時），符合邏輯，不是直接生硬的打開。

同樣在退出按back鍵時候，動畫的順序逆向，邊緣擴(kuò)張和向下滑動、icon突出。

又比如新媒體管家的設(shè)計，點擊某一行時，不是直接閃爍動畫，而是有類似漸變水紋的效果（截圖不了，下面的是我自己加的），而漸變中心就是手指點擊的部位，點擊不同部位，中心不同。

• 進(jìn)度條

進(jìn)度條不應(yīng)該只是告訴用戶現(xiàn)在完成了多少百分比、還需要多少時間，還應(yīng)該告訴用戶正在處理什么。

最典型的例子就是：游戲、瀏覽器、音樂播放器。

游戲的加載界面都會顯示進(jìn)度條和處理內(nèi)容，而且還有背景動畫，如果只是單調(diào)等待界面，容易讓人產(chǎn)生厭煩情緒。

在加載界面還可以加上產(chǎn)品LOGO，強(qiáng)化品牌。也可以插入一些廣告，比如網(wǎng)易云音樂、酷狗、微博的登錄界面（右上角加廣告跳過時間）。

截圖時候微博剛好沒廣告，平時是有的

chrome和smartisan瀏覽器

loading界面最忌諱的就是既沒有進(jìn)度顯示也沒有任務(wù)具體內(nèi)容，如果任務(wù)處理時間很短沒有問題，如果時間很長就很大問題了。

比如重裝電腦系統(tǒng)的過程中，不知道進(jìn)度和安裝進(jìn)程，用戶就會懷疑操作是否準(zhǔn)確，然后退出。

第二條：關(guān)聯(lián)性（Match）

運用用戶的語言，使用他們熟悉的詞句、短語、概念，而不是專業(yè)術(shù)語。

比如Smartisan2.0的新功能：快捷短語，如果第一次接觸，自然理解就是快捷的短語。

為什么不叫快捷詞語？常用短語？

而實際是用戶可以自己保存一些常用的短語（賬號、密碼等）需要輸入的時候直接長按然后就可以選擇，非?？旖?。

用來搶支付寶口令紅包屢試不爽^_

PS的圖層混合模式，如果沒有平面設(shè)計基礎(chǔ)，第一次接觸可能完全不知道每個模式之間有什么區(qū)別。但熟悉之后，會發(fā)現(xiàn)每個模式功能是根據(jù)效果命名，而且把相似的效果的歸在一組非常好記。

知乎的夜間切換模式用的詞語是：切換主題，顯然就不如直接用夜間模式來得直接、恰當(dāng)。

第三條：操作自由（freedom）

用戶需要一個明顯的「離開」來結(jié)束使用者不需要的狀態(tài)。并且支持復(fù)原步驟與重復(fù)步驟。

就是要在操作過程中提供明顯的退出，或者撤銷功能，來滿足用戶的需要。

最常體現(xiàn)在編輯或設(shè)計類軟件中：PS和Ai、PPT、簡書、知乎等。

比如涂手（一個涂鴉APP）

又或者微信提供的消息撤回（2分鐘以內(nèi)）

但也有反例，比如微信紅包不可以撤回，游戲退出或者重來都是需要條件的。

第四條：一致性（Consistency）

不應(yīng)當(dāng)讓用戶猜測不同的字匯、狀態(tài)、動作是不是代表同一件事。

一直弄不清楚知乎的感謝到底是什么樣的一個設(shè)定，介于點贊和收藏之間。

感謝不就是和點贊相同的嘛...?

又或者簡書的文集和專題的區(qū)別。因為用戶既可以創(chuàng)建文集也可以創(chuàng)建專題，還可以添加文章到文集和專題....

在給功能命名時，使用官方、直接、準(zhǔn)確的詞語來表達(dá)，而且在APP的各個地方都統(tǒng)一使用同一套標(biāo)準(zhǔn)。也可以加上一些可視化的符號進(jìn)行輔助。

第五條：預(yù)防錯誤（Prevention）

不僅要給用戶提示明確易懂的錯誤訊息，更重要的是如何防止使用者發(fā)生錯誤。

也是體現(xiàn)編輯類軟件，比如：各種輸入法、word拼寫檢錯、搜索等。

搜狗輸入法smartisan定制版，百度搜索時會自動顯示與輸入關(guān)鍵詞相關(guān)的內(nèi)容或者搜索的歷史記錄。

或者Pages的拼寫錯誤提示，如果沒有提示的話，一整篇文章檢查會很費力。

第六條：用辨識替代記憶（Recognition）

盡量減少用戶需要記憶的事情、行動以及可見的選項。

這里忽然想起《設(shè)計心理學(xué)》的部分內(nèi)容，知識的準(zhǔn)確性和操作性是不相同的。

比如打字，大部分人無法準(zhǔn)確的記住每個字母所在的位置，但這卻不影響他們快速的操作鍵盤。

重要的是要建立概念模型，用戶按著模型邏輯就能找到相應(yīng)的功能。

如果是采用ios的設(shè)計，底部tab欄最后一項都是關(guān)于“我”的設(shè)置，如果想要修改頭像、簽名、昵稱自然會進(jìn)入這里然后修改，而不用記住每一項的準(zhǔn)確位置。

第七條：使用效率（Efficiency）

功能與易用性之間通常存在一個平衡，對于軟件中的每個特性、功能、或能力，都必須提供一種途徑讓使用者調(diào)用或控制。

Smartisan系統(tǒng)在進(jìn)入聯(lián)系人會自動浮現(xiàn)語音搜索按鈕，操作很便捷。

微信長按識別二維碼，以前是要保存到本地才能掃描的。以前聊天界面下來還能直接錄制小視頻，后來取消了。

再比如Mac的alfred，創(chuàng)建workflow，輸入指令可以迅速完成任務(wù)，效率很高。

或者M(jìn)acbook的觸控板操作。單指移動鼠標(biāo)，雙指滑動頁面，三指進(jìn)入任務(wù)界面，四指移動桌面。

第八條：美觀簡潔的設(shè)計（Design）

在軟件設(shè)計上就盡量減少用戶的記憶負(fù)擔(dān)，將功能、操作及選項設(shè)計得顯而易見。

錘子系列的APP是典范，比如：錘子便簽、錘子閱讀、錘子時鐘等。

簡潔帶來美觀設(shè)計的同時，會在功能上做出一定妥協(xié)。比如錘子便簽是一款非常方便圖文混排、長微博、分享工具（支持簡單的markdown語法），但是它沒有筆記本的設(shè)置，所有的筆記按著添加順序排列，一旦筆記過多找起來會比較困難。

但這并不影響它是我最喜歡的速記工具，沒有之一。

反例就是超級課程表。作為課程表應(yīng)用，課程表已經(jīng)放在了二級菜單，加了很多其他功能。和同類型產(chǎn)品課程格子相比區(qū)別很大。

第九條：幫助用戶識別錯誤

和第五條其實內(nèi)容相似很多，不在重復(fù)。

第十條：提供幫助中心（Help）

一個軟件在完美的情形下不需要任何說明文件使用者就能夠操作，但就算是最好的軟件也需要提供幫助與說明文件。

一般幫助都會反饋放在一起，不失為一種采集用戶反饋的好方法。而且?guī)椭行囊话愣紩_列一些常見的問題，并用搜索方式來呈現(xiàn)。

再比如簡書：

寫在最后：

原則始終只是原則，就像數(shù)學(xué)公式是死的，但是運用卻是活的。完全按照規(guī)則去做，能做出符合規(guī)范的產(chǎn)品，但往往不是最好的。

所以需要在原則基礎(chǔ)之上，根據(jù)具體的情況進(jìn)行重新設(shè)計。比如游戲的設(shè)計，越好玩的游戲一定是操作復(fù)雜，具有挑戰(zhàn)性的，會和其他app不一樣。

但是掌握這些原則依舊是十分重要的，如果全憑自己的想法、喜好去做，這樣是十分不專業(yè)的。

拙見，多多指教^_

2016/3/11
順頌時祺