最近看了一些 B 端的書籍，重溫了一些耳熟能詳?shù)脑O(shè)計方法論，在人機交互理論中，最著名和經(jīng)典的理論當(dāng)屬人機交互大師雅各布·尼爾森博士在 1995 年提出的尼爾森十大可用性原則，該理論是針對 PC 端交互設(shè)計提出的。這個理論在我們?nèi)粘５漠a(chǎn)品設(shè)計中提供了很好的指導(dǎo)意義，下面來聊聊他們分別運用在了日常產(chǎn)品的哪些地方。

一、反饋原則

反饋原則指出系統(tǒng)應(yīng)在適當(dāng)?shù)臅r候向用戶提供其當(dāng)前狀態(tài)的反饋。這包括操作的即時響應(yīng)、進度指示、錯誤提示等。良好的反饋機制能夠讓用戶了解操作的結(jié)果，增強控制感，減少不確定性和焦慮感。

系統(tǒng)應(yīng)該在合理的時間、用正確的方式，向用戶提示或反饋目前系統(tǒng)在做什么、發(fā)生了什么，反饋速度應(yīng)與用戶期待相符。

百度網(wǎng)盤每次在下載文件時，都會提示當(dāng)前的下載進展，完成了百分之幾，當(dāng)前的一個傳輸速率是多少，以及還需要多長時間才能下載完成，很好的緩解了用戶焦慮的情緒。

360 安全衛(wèi)士在進行軟件殺毒的時候，也會展示出對應(yīng)的殺毒進程，還需要多長時間才能殺毒完成，給了用戶及時的反饋和滿滿的確定感。

二、隱喻原則

系統(tǒng)要采用用戶熟悉的語句、短語、符號來表達意思，要遵循真實世界的認知、習(xí)慣，讓信息的呈現(xiàn)更加自然，易于辨識和接受，減少用戶的學(xué)習(xí)曲線。

在人機交互設(shè)計中，程序的溝通和表達、功能的呈現(xiàn)，都要用最自然的、用戶容易理解的方式，避免采用計算機程序語言的表達方式。設(shè)計時要采用符合真實世界認知的方式，讓用戶通過聯(lián)想、類比等方法輕松地理解程序想表達的含義；隱喻可以是視覺的，也可以是操作的，它能幫助用戶通過已知的事物來理解新的概念或功能。

360 安全衛(wèi)士、嗨格式視頻轉(zhuǎn)換器、騰訊電腦管家中的圖標都采用了人們易于理解的圖形去表達，符合人們?nèi)粘５恼J知習(xí)慣，很好的表達了業(yè)務(wù)場景，同時也不失美感。

三、回退原則

用戶經(jīng)常會不小心操作錯誤，需要有一個簡單的功能，讓程序迅速恢復(fù)到錯誤發(fā)生之前的狀態(tài)。用戶應(yīng)能夠控制自己的操作，包括撤銷或重做之前的操作?；赝嗽瓌t提供了一種安全感，讓用戶知道他們可以從錯誤中恢復(fù)，從而更愿意嘗試和探索系統(tǒng)的功能，減少用戶誤操作的焦慮。

QQ 郵箱頁面在設(shè)計時，下面有一個撤回的按鈕，當(dāng)發(fā)現(xiàn)自己發(fā)送郵件有問題的時候，可以點擊撤回，將發(fā)出去的郵件收回來。

虎課網(wǎng)的個人頭像，當(dāng)用戶不喜歡當(dāng)前的頭像時，在設(shè)置里面允許用戶對個人信息和頭像進行重新修改，也體現(xiàn)了回退原則，讓用戶可以對之前做的操作進行再次操作和修改。

微信也是，當(dāng)用戶發(fā)送出去的信息錯誤時，在 3 分鐘內(nèi)用戶有撤回消息的權(quán)限，給用戶提供了改錯的機會，減少了用戶誤操作帶來的挫敗感。

四、一致原則

同樣的場景、環(huán)境下，用戶進行相同的操作，結(jié)果應(yīng)該一致；系統(tǒng)和平臺的風(fēng)格、體驗也應(yīng)該保持一致。

一致性原則要求產(chǎn)品在不同情境下提供相同的操作反饋，保持風(fēng)格和體驗的一致性。這有助于用戶建立直覺性的操作習(xí)慣，減少學(xué)習(xí)成本。一致性還體現(xiàn)在設(shè)計元素的使用上，如按鈕、圖標、顏色等，都應(yīng)保持統(tǒng)一風(fēng)格，避免用戶產(chǎn)生混淆。

飛書在聯(lián)系人、郵箱、日程、服務(wù)臺、應(yīng)用、消息等多個場景都保持了風(fēng)格非常統(tǒng)一的空狀態(tài)頁面，整個產(chǎn)品的統(tǒng)一感很強，比較舒適。

五、防錯原則

防錯原則強調(diào)預(yù)防錯誤的發(fā)生優(yōu)于錯誤發(fā)生后的補救。設(shè)計時，應(yīng)考慮用戶可能的錯誤操作，并設(shè)計機制來避免或減少這些錯誤。例如，通過禁用不可用的選項、提供清晰的指令和限制，以及在執(zhí)行不可逆操作前設(shè)置確認步驟, 防錯設(shè)計可提升用戶效率, 降低錯誤幾率。

EV 錄屏里面有個錄制視頻的列表，當(dāng)用戶點擊需要刪除的視頻時，有一個二次確認的機會，以防止客戶誤刪，很好的體現(xiàn)了防錯原則。

天翼云電腦專家在設(shè)計學(xué)習(xí)模式按鈕入口的時候，為了防止用戶出錯，把按鈕設(shè)計了兩種狀態(tài)，一種是帶插畫頭像的彩色按鈕，一種是把插畫頭像置灰的按鈕樣式，讓用戶能很好的區(qū)分當(dāng)前的一個狀態(tài)，是防錯原則的一個很好運用。

六、記憶原則

讓系統(tǒng)的相關(guān)信息在需要的時候顯示出來，減輕用戶的記憶負擔(dān)，幫助用戶快速上手，提升產(chǎn)品的易用性。例如，自動保存用戶的輸入、提供歷史記錄、使用快捷方式等，可以減少用戶需要記憶的信息量；當(dāng)切換頁面時，不應(yīng)該讓用戶記住不同頁面的內(nèi)容，而應(yīng)該在合適的地方積極地呈現(xiàn)或提示之前的信息。

花瓣、千圖、 嗶哩嗶哩平臺在搜索欄都有搜索的歷史記錄功能，之前搜索過的詞，當(dāng)用戶再次想要搜索的時候，用戶不需要再次輸入，直接選擇對應(yīng)的歷史標簽就行。

七、靈活易用原則

靈活易用原則不僅是一個交互設(shè)計原則，也代表了一種軟件產(chǎn)品設(shè)計理念；系統(tǒng)要做到簡單易用，系統(tǒng)應(yīng)為不同水平的用戶提供靈活的使用方式。中級用戶是大多數(shù)，設(shè)計應(yīng)滿足他們的需求，同時為初級用戶提供易于上手的引導(dǎo)，為高級用戶提供定制化選項，以提高效率。靈活設(shè)計可以提升用戶滿意度，個性化設(shè)置可以增加用戶粘性，促進用戶的探索。

騰訊電腦管家考慮到每個人有每個人的審美和喜好，設(shè)計了一鍵換膚的功能，提供了有足足 12 種之多的皮膚設(shè)計，用戶可以在個性皮膚里面隨時切換自己想要的皮膚背景。

八、簡約設(shè)計原則

簡約設(shè)計原則要求去除不必要的信息和功能，突出重點，避免信息過載。設(shè)計應(yīng)追求簡潔，同時保持功能的完整性和可用性，確保用戶可以快速識別和使用最重要的功能。

聯(lián)通應(yīng)用商店的應(yīng)用下載中，沒有把對應(yīng)程序的安裝按鈕直接顯示出來，只有當(dāng)鼠標點擊到對應(yīng)的圖標上時，安裝按鈕才顯示出來，簡化了頁面的信息流，通過動態(tài)的交互方式讓頁面看起來更加的簡潔，是簡約設(shè)計原則的很好應(yīng)用。

飛書在一個信息層級，任務(wù)這么復(fù)雜的一個頁面，每段任務(wù)通過任務(wù)的緊急情況做了顏色區(qū)分，并且還配合了對應(yīng)的圖標，整個頁面設(shè)計清清爽爽，把一個很復(fù)雜的信息流，通過歸類，讓頁面更加的簡約。

九、容錯原則

當(dāng)錯誤不可避免時，系統(tǒng)應(yīng)提供清晰的錯誤信息和解決方案。這意味著錯誤信息應(yīng)易于理解，避免專業(yè)術(shù)語或錯誤代碼，同時提供明確的解決步驟或建議，幫助用戶從錯誤中恢復(fù)。

對于很多運行時錯誤或異常，計算機程序都會返回某個錯誤代碼，但是用戶看到這些錯誤代碼時并不明白發(fā)生了什么，所以一定要將錯誤代碼轉(zhuǎn)換成用戶能看懂的信息，并告訴用戶解決的建議。

聯(lián)想電腦管家客服頁不見了，他給出了很明確的錯誤提示，并且還附上了一個可視化的插畫設(shè)計，緩解了用戶焦慮的情緒。

聯(lián)想電腦商鋪應(yīng)用也是的，消息不能查看了，它告訴用戶什么原因?qū)е虏荒懿榭矗o用戶提出了很明確的指引和方向。

十、幫助原則

即使系統(tǒng)設(shè)計直觀，提供易于檢索的幫助信息也是必要的。幫助文檔應(yīng)清晰、簡潔，并提供解決問題的明確步驟，避免過于復(fù)雜或冗長。

現(xiàn)在的軟件產(chǎn)品，尤其是 C 端產(chǎn)品，普遍做了良好的交互設(shè)計，可以幫助用戶快速學(xué)習(xí)使用，而不用閱讀、理解復(fù)雜的說明文檔。然而，B 端產(chǎn)品的復(fù)雜性比 C 端產(chǎn)品高很多。因為 B 端產(chǎn)品蘊含很多業(yè)務(wù)流程的規(guī)則，系統(tǒng)中的一個按鈕可能代表了一個復(fù)雜的業(yè)務(wù)處理邏輯。如果不了解整個業(yè)務(wù)場景和處理規(guī)則，則很難理解按鈕的操作含義的。

因此，對于 B 端產(chǎn)品，用戶進行自助服務(wù)、自助操作的難度高很多，B 端產(chǎn)品的幫助文檔依然有存在的必要。產(chǎn)品設(shè)計人員要盡量在前端交互設(shè)計上做好引導(dǎo)提示，對于復(fù)雜的規(guī)則和邏輯，可以考慮通過幫助文檔來指導(dǎo)。

菜鳥裹裹的郵寄頁面，輸入地址欄上方提供了輸入信息的功能，并且通過一鍵識別按鈕，就可以將粘貼進來的信息一鍵智能的填充到下方的信息欄中，給用戶提供了很多的幫助和便捷。

酷我音樂在設(shè)置里面，設(shè)置了提供幫助的入口，當(dāng)用戶需要幫助的時候，可以在里面提供反饋，然后平臺就會給你提供幫助。

總結(jié)

通過閱讀結(jié)合自己日常的產(chǎn)品體驗，會對這些設(shè)計原則產(chǎn)生一個深刻的印象和理解，光看這些文字描述，可能不能明顯立體的體會到它的價值，但是當(dāng)帶著這些思考去生活中找證據(jù)的時候，發(fā)現(xiàn)這些設(shè)計方法論真的是個大寶藏，帶著這種方法論思考的設(shè)計師能設(shè)計出很多合情合理的設(shè)計，方便了用戶使用的同時也大大提高了頁面的美感。

本文觀點都為個人理解和總結(jié)，不足之處也歡迎大家留言區(qū)多多點評指正，大家共同進步！

姝斐suphie