Hello 大家好，我是餿面包，又見面啦~今天聊聊大家耳熟能詳的尼爾森十大可用性原則。
更多尼爾森設計原則的干貨：
先問大家一個問題：
這些原則你可能已經非常熟悉，但是你知道如何運用這些原則嗎？
換句話說，你知道如何將尼爾森設計原則放到我們的工作流程中去，讓它成為我們工作的一環嗎？
如何讓設計原則不再僅僅只是概念，而是可以實際指導我們落地的工具？
今天就用 10 個案例，分享一下如何將理論性的原則應用到實際工作中。
同時，為了方便你在工作中走查。
我還準備了一份走查文檔，文檔的 figma 文件可以在文末獲取。
尼爾森十大可用性原則走查表
走查表包含走查大項和小項，還有每個原則的應用方法，走查的時候直接對著一項項檢查即可，幫助你查漏補缺。
設計應始終通過在合理的時間內提供適當的反饋，讓用戶了解正在發生的事情。
例如下面這個頁面，只看這個頁面中的元素，你就能知道 3 件事情：
我在哪里、我能做什么、系統在做什么
這里再額外提一句，設計反饋的時候，一定要注意反饋方式要恰當，尤其是時長的控制，舉個反例，英語流利說 APP 的單詞查詢面板，請看下面的視頻，我錄制了面板彈出的時間。
面板彈出時間太長
視頻中可能并不明顯，大家可以下載英語流利說體驗看看，嘗試在真實學習英語中去查詢單詞試試，你就能體會到微妙的時間感受了。
我在使用的時候是什么感受呢？
彈出時間太長了！
設計師在面板彈出時加了一個微動效，動效的持續時間太長，導致在查單詞的時候效率低下。一個工具類產品，效率為先，添加動效當然沒問題，但是前提是一定不能影響效率。
這個案例也給我自己提了一個醒，我們在設計一個方案的時候，單方面真的很難站在用戶的角度去思考，一定要實際去花大量的時間代入用戶的場景去使用，如果只是走馬觀花，大概率體會不到這些微妙的痛點，反而還會覺得這個微動效不錯。
同樣的，我也發現了一個比較不錯的方案，反饋非常快，哪怕它沒什么動效，甚至不那么好看，但是我在查單詞的時候非常爽。
好看但不好用 VS 好用但不好看
用戶使用產品的根本目的是解決問題，高效解決問題。高效解決問題是 1，其它的裝飾性體驗是 0，沒有 1，再多的 0 都沒什么意義。
系統與用戶現實匹配主要有兩個點：
其一：設計應該使用用戶的語言，使用他們熟悉的單詞、短語和概念，而不是內部術語。
其二：遵循現實世界的慣例，使信息以自然且符合邏輯的順序出現。
第一點很好理解，我把它理解為“見人說人話，見鬼說鬼話”。也就是你要根據用戶和場景來選擇用戶語言。
例如用戶大部分是老年人，使用“您”就比“你”更合適，用戶大部分是兒童，文案就要盡可能用詞簡單易懂，甚至可以可愛俏皮。
遵循用戶的習慣用語
用戶經常會在使用過程中發生誤操作，這時就需要一個非常明確的“緊急出口”，來幫助他們從當時的情景中恢復過來。
其實就是要讓用戶能退出，并且有反悔的機會，常見的設計方法有撤銷、回收站等，這些大家應該都見過很多，就不多贅述了。
同一產品內，產品架構導航、功能名稱、信息的視覺界面以及操作行為的交互方式等需要保持一致，同時產品需要與通用的業界標準一致。
導航、功能名稱和視覺交互一致性大家應該都很熟悉，不舉例子了，主要想聊一聊行業通用性標準的一致性。
先假設現在讓你設計一款外賣 APP，下面幾個選擇，你會選擇哪個？
A：市面上的外賣 APP 太雷同，我要根據自己的喜好來做。
B：我要把它做得很前衛、很潮流。
C：調研其他外賣 APP，按照他們的大框架做。
請問，你會選擇哪一個呢？
先別告訴我，我們再來想象一個場景。
現在你是用戶，不是設計師了，你餓得不行，打算點一個外賣，你打開了一款全新的外賣 APP。
這款 APP 就是前面新設計的那款，這時，你希望這個 APP 是什么樣子的？
有答案了嗎？前后兩個答案是否匹配呢？
當我們是用戶的時候，我們去點外賣，我們最在乎的是什么？是界面好不好看？是視覺夠不夠前衛潮流？
都不是。
我想我們最在乎的還是外賣的豐富度、優惠力度以及能否簡單快捷的完成支付。
好，這時候回到第一個問題。
如果我們設計的外賣 APP，和市面上常見的外賣 APP 完全不一樣，用戶進來后不熟悉界面，要花很長時間才能點一份外賣，那么除非你有大額補貼，不然留不住用戶。
大部分設計師都不是藝術家，而是問題解決者，我知道所有設計師都有一顆創新夢，但是不能盲目，大方向跟緊潮流，在小地方小創新也未嘗不可。
在用戶操作的時候，要能夠有效預防錯誤的發生。
我總結了 4 種場景的防錯設計方式：
- 顏色警示：用警示色來標識危險，提起用戶的警覺性
- 動作限制：限制用戶的操作，例如按鈕不可點擊、限制格式等
- 增加門檻：二次確認、雙擊完成操作
- 補救措施：撤銷、回收站、糾錯
4 種常見防錯方式
用戶不必記住從界面的信息，通過使元素、操作和選項可見來降低用戶的內存負載。
原則 6 讓我想起一個有趣的事情，咱們現在很少使用手寫了，有時候提筆就忘字，但是，我們想不起來怎么寫的字，卻能很輕松認出來。
為啥？
就是因為識別比記憶更簡單。所以我們最好讓用戶盡可能的“識別”，而不是“記憶”。
下面可以看美團外賣的一個案例，下圖是美團外賣首頁的金剛區，相信大家非常熟悉了，可能天天都在用。
哪怕我們天天使用，但是當我把文字覆蓋后，你還能快速辨別嗎？是不是反應時間變長了？
圖標 + 文字增強識別度
讓新用戶好上手的同時，給老用戶提供快捷操作。
有哪些快捷方式可以使用？
快捷操作 + 自動執行。快捷鍵太常見了，就不舉例了，舉一個自動執行的例子：百度網盤復制分享信息后，打開 APP，自己就能讀取信息打開文件，不需要再手動輸入鏈接和密碼。
復制分享鏈接后自動識別
界面應該簡潔美觀，減少出現不相關的信息。
這一點在國內軟件上挺難做到的……我記得我用攜程買票，亂七八糟一堆我不需要的信息，我想設計師們也身不由己，業務需要。
那我們就束手無策了嗎？
當然不是。
俗話說，錢多有錢多的過法，錢少有錢少的過法。咱們不能去掉這些信息，至少保證這些信息別太干擾主流程，保證信息層級是清晰的，別把主旋律搞錯了。
重點突出，主次分明
錯誤消息應該用簡單的語言表達，準確地指出問題，并建設性地提出解決方案。
主要應用有空頁面、錯誤提示等，比如微信公眾號里能夠識別疑似錯別字，飛書文檔可以幫助你修正錯別字等，這些都是幫助用戶識別、判斷和修復錯誤的方式。
識別、判斷、修復錯誤
當然了，最好的設計是不用解釋用戶就能明白，不行的話，就需要提供幫助信息來幫助用戶完成任務。
常見的幫助方式有新手引導、幫助中心和輸入建議等，都是經常能見到了，這里尤其注意“輸入建議”，大家可以去看看飛書的 OKR 和 BOSS 直聘的簡歷建議，都是非常好的幫助用戶完善內容的幫助方式。
幫助用戶
以上，就是本次分享的尼爾森十大可用性原則的案例和用法，希望能夠幫到你。
歡迎關注作者的微信公眾號：餿面包
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論 為下方 17 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓