原則五：防錯原則(Error prevention)

比一個優秀錯誤提醒彈窗更好的設計方式，是在這個錯誤發生之前就避免它。可以幫助用戶排除一些容易出錯的情況，或在用戶提交之前給他一個確認的選項。在此，特別要注意在用戶操作具有毀滅性效果的功能時要有提示，防止用戶犯不可挽回的錯誤。

案例一：比如知乎安卓版本的登錄操作：當用戶在知乎中登錄時，在沒有填寫完手機號碼和密碼前，底部的登錄按鈕是置灰不可點擊的，只有兩項都填寫完整底部的登錄按鈕才會變為可點擊狀態，也就會藍色的，這就是為了防止用戶犯更多錯誤，也是防錯原則的一種體現，如下圖：

案例二：比如安卓版微信發朋圈動態時，點擊返回按鈕出現的提示彈窗：彈出框方式會增加不可逆操作的難度，當用戶發一條動態一半的時候，因為誤操作或者其它退出當前狀態的時候，使用彈窗是個不錯的選擇，因為用戶這個操作會讓之前辛苦編輯的內容刪除找不回，想要再發只能從頭開始，對用戶造成損失比較大;這就是防錯原則的另外一種體現，如下圖：

原則六：易取原則(Recognition rather than recall)

通過把組件、按鈕及選項可見化，來降低用戶的記憶負荷。用戶不需要記住各個對話框中的信息。軟件的使用指南應該是可見的，且在合適的時候可以再次查看。

案例一：比如谷歌相冊中的刪除照片操作：用一個類似垃圾桶的“圖標”標識刪除功能，對于用戶來講是有一定的認知負荷的，且點擊“刪除”之后用戶對于造成的后果及影響也不清楚，因此，刪除之后出現彈窗提示很有必要，此彈窗清除的寫明了刪除之后的影響、后續的幫助說明以及操作的選項，彈出框的出現很好的減少了用戶前后的記憶負荷，這就是易取原則的體現，如下圖：

案例二：比如安卓版愛奇藝更新后的新功能引導：更新完APP之后，當用戶觸發到這些功能時，會出現下圖類型的遮罩類的提示，這些提示告訴用戶功能所在的地方以及功能的作用;這種做法在很多APP中都會出現，這也是易取原則的一種體現，看下圖：

原則七：靈活高效原則(Flexibility and efficiency of use)

汽車油門—新手用戶常常看不見，而且對于高手來說可以通過它快速與汽車互動。這樣的系統可以同時滿足有經驗和無經驗的用戶。允許用戶定制常用功能。

案例一：比如安卓版本支付寶中的編輯應用功能：支付寶首頁的應用是可以根據自身喜好自定義的，包括定義常用應用、排序、刪除、新增等等;這樣用戶可以根據自己的個人興趣定制自己適合的應用分布方式，這就叫做用戶定制常用功能，也就是靈活高效原則的一種體現，如下圖：

案例二：比如安卓版QQ聊天常用表情模塊：安卓版本的QQ聊天界面表情彈窗中會有一個“常用表情”的模塊，它把個人平時使用頻率或者次數最多的表情進行歸類，當用戶使用的時候能很快的找到自己喜歡或者常用的表情，提高了聊天效率，體驗很好，這也是靈活高效原則的體現，如下圖：

#FormatImgID_16#

原則八：優美且簡約原則(Aesthetic and minimalist design)

對話中的內容應該去除不相關的信息或幾乎不需要的信息。任何不相關的信息都會讓原本重要的信息更難被用戶察覺。

案例一：蘋果手機中自帶的軟件(IOS11設計規范)：在新版本的蘋果手機中自帶的軟件中標題都屬于字體放大，界面簡潔的設計風格;還有蘋果自帶的音樂軟件中，段落中的標題和正文區別是很明顯的，標題明顯很大，而正文部分相對較小，這就是優美簡約原則的體現，如下圖：

案例二：例如安卓版網易云音樂及QQ音樂播放頁面：網易云音樂和QQ音樂APP音樂播放界面，從視覺及功能布局上面做的相當不錯，美觀簡約、功能主次分明、用戶體驗不錯;也是優美且簡約原則的一種體現，如下圖：

原則九：容錯原則(Help users recognize, diagnose, and recover from errors)

錯誤信息應該使用簡潔的文字(不要用代碼)，指出錯誤是什么，并給出解決建議。也就是在用戶出錯時如何為出錯的用戶提供及時正確的幫助?即要幫助用戶識別出錯誤，分析出錯誤的原因再幫助用戶回到正確的道路上。如果真的不能幫助用戶從錯誤中恢復，也要盡量為用戶提供幫助讓用戶損失降到最低。

案例一：比如網易郵箱PC端的注冊界面：用戶在網易163電腦端注冊郵箱時，在輸入出錯時不但會出現錯誤的提示，還會給出相應的建議，幫助用戶進行正確的抉擇，這樣就避免用戶出現更大的失誤并且提高了注冊的效率，這是一種相當好的用戶體驗，也是容錯原則的一種體現，如下圖：

案例二：例如Twitter注冊頁面的錯誤提示：用戶在注冊Twitter賬號時，第一步要輸入名字和手機號碼，當用戶輸入正確的時候，輸入框后邊會有綠色的對勾圓圈，提示用戶輸入正確，可以進入下一步操作了，而當用戶輸入錯誤的時候，輸入框會變為紅色并且在下方出現紅色字的錯誤提示，這樣讓用戶很清楚的知道用戶輸入錯誤以及錯誤的原因，這樣用戶就知道怎么修改了，這也是容錯原則的一種體現，如下圖：

原則十：人性化幫助原則(Help and documentation)

即使系統不適用幫助文檔是最好的，但我們也應該提供一份幫助文檔。任何幫助信息都應該可以方便地搜索到，以用戶的任務為核心，列出相應的步驟，但文字不要太多。

案例一：例如淘寶APP和知乎APP登錄頁面的幫助入口：在比較重要的功能入口處有必要提供相應的幫助入口，來解決用戶在操作功能過程中遇到的問題或者反饋問題的入口，不要讓用戶在出現問題時手足無措，不知道怎么辦，具體看下圖：

案例二：比如mac上一些常用的大型軟件：原型制作工具Axure RP 8軟件、圖像編輯軟件Photshop CC以及mac上的Safari瀏覽器，在頂部狀態欄上都有有一個“幫助”的入口，也體現了幫助文檔的必要性，所以，不管是什么樣的產品都要給用戶提供一個幫助的入口，用來解決用戶操作過程中遇到的問題，如下圖：

三、總結：

以上就是我對雅各布·尼爾森(Jakob Nielsen)的十大交互設計原則的理解和實例解讀，從中學習到了很多的設計經驗和技巧，希望對大家有所幫助。

參考文獻：https://www.nngroup.com/articles/ten-usability-heuristics/