最近看了一些B端的書(shū)籍，重溫了一些耳熟能詳?shù)脑O(shè)計(jì)方法論，在人機(jī)交互理論中，最著名和經(jīng)典的理論當(dāng)屬人機(jī)交互大師雅各布.尼爾森博士在1995年提出的尼爾森十大可用性原則，該理論是針對(duì)PC端交互設(shè)計(jì)提出的。這個(gè)理論在我們?nèi)粘５漠a(chǎn)品設(shè)計(jì)中提供了很好的指導(dǎo)意義，下面來(lái)聊聊他們分別運(yùn)用在了日常產(chǎn)品的哪些地方。
反饋原則指出系統(tǒng)應(yīng)在適當(dāng)?shù)臅r(shí)候向用戶(hù)提供其當(dāng)前狀態(tài)的反饋。這包括操作的即時(shí)響應(yīng)、進(jìn)度指示、錯(cuò)誤提示等。良好的反饋機(jī)制能夠讓用戶(hù)了解操作的結(jié)果，增強(qiáng)控制感，減少不確定性和焦慮感。
系統(tǒng)應(yīng)該在合理的時(shí)間、用正確的方式，向用戶(hù)提示或反饋目前系統(tǒng)在做什么、發(fā)生了什么，反饋速度應(yīng)與用戶(hù)期待相符。
百度網(wǎng)盤(pán)每次在下載文件時(shí)，都會(huì)提示當(dāng)前下載的進(jìn)展，完成了百分之幾，當(dāng)前的一個(gè)傳輸速率是多少？以及還需要多長(zhǎng)時(shí)間才能下載完成，很好的緩解了用戶(hù)焦慮的情緒。
360安全衛(wèi)士在進(jìn)行軟件殺毒的時(shí)候，也會(huì)展示出對(duì)應(yīng)的殺毒進(jìn)程，還需要多長(zhǎng)時(shí)間才能殺毒完成，給了用戶(hù)及時(shí)的反饋和滿(mǎn)滿(mǎn)的確定感。
系統(tǒng)要采用用戶(hù)熟悉的語(yǔ)句、短語(yǔ)、符號(hào)來(lái)表達(dá)意思，要遵循真實(shí)世界的認(rèn)知、習(xí)慣，讓信息的呈現(xiàn)更加自然，易于辨識(shí)和接受，減少用戶(hù)的學(xué)習(xí)曲線。
在人機(jī)交互設(shè)計(jì)中，程序的溝通和表達(dá)、功能的呈現(xiàn)，都要用最自然的、用戶(hù)容易理解的方式，避免采用計(jì)算機(jī)程序語(yǔ)言的表達(dá)方式。設(shè)計(jì)時(shí)要采用符合真實(shí)世界認(rèn)知的方式，讓用戶(hù)通過(guò)聯(lián)想、類(lèi)比等方法輕松地理解程序想表達(dá)的含義；隱喻可以是視覺(jué)的，也可以是操作的，它能幫助用戶(hù)通過(guò)已知的事物來(lái)理解新的概念或功能。
360安全衛(wèi)士、嗨格式視頻轉(zhuǎn)換器、騰訊電腦管家中的圖標(biāo)都采用了人們易于理解的圖形去表達(dá)，符合人們?nèi)粘５恼J(rèn)知習(xí)慣，很好的表達(dá)了業(yè)務(wù)場(chǎng)景，同時(shí)也不失美感。
用戶(hù)經(jīng)常會(huì)不小心操作錯(cuò)誤，需要有一個(gè)簡(jiǎn)單的功能，讓程序迅速恢復(fù)到錯(cuò)誤發(fā)生之前的狀態(tài)。用戶(hù)應(yīng)能夠控制自己的操作，包括撤銷(xiāo)或重做之前的操作?；赝嗽瓌t提供了一種安全感，讓用戶(hù)知道他們可以從錯(cuò)誤中恢復(fù)，從而更愿意嘗試和探索系統(tǒng)的功能，減少用戶(hù)誤操作的焦慮。
QQ郵箱頁(yè)面在設(shè)計(jì)時(shí)，下面有一個(gè)撤回的按鈕，當(dāng)發(fā)現(xiàn)自己發(fā)送郵件有問(wèn)題的時(shí)候，可以點(diǎn)擊撤回，將發(fā)出去的郵件收回來(lái)。
虎課網(wǎng)的個(gè)人頭像，當(dāng)用戶(hù)不喜歡當(dāng)前的頭像時(shí)，在設(shè)置里面允許用戶(hù)對(duì)個(gè)人信息和頭像進(jìn)行重新修改，也體現(xiàn)了回退原則，讓用戶(hù)可以對(duì)之前做的操作進(jìn)行再次操作和修改。
微信也是，當(dāng)用戶(hù)發(fā)送出去的信息錯(cuò)誤時(shí)，在3分鐘內(nèi)用戶(hù)有撤回消息的權(quán)限，給用戶(hù)提供了改錯(cuò)的機(jī)會(huì)，減少了用戶(hù)誤操作帶來(lái)的挫敗感。
同樣的場(chǎng)景、環(huán)境下，用戶(hù)進(jìn)行相同的操作，結(jié)果應(yīng)該一致；系統(tǒng)和平臺(tái)的風(fēng)格、體驗(yàn)也應(yīng)該保持一致。
一致性原則要求產(chǎn)品在不同情境下提供相同的操作反饋，保持風(fēng)格和體驗(yàn)的一致性。這有助于用戶(hù)建立直覺(jué)性的操作習(xí)慣，減少學(xué)習(xí)成本。一致性還體現(xiàn)在設(shè)計(jì)元素的使用上，如按鈕、圖標(biāo)、顏色等，都應(yīng)保持統(tǒng)一風(fēng)格，避免用戶(hù)產(chǎn)生混淆。
飛書(shū)在聯(lián)系人、郵箱、日程、服務(wù)臺(tái)、應(yīng)用、消息等多個(gè)場(chǎng)景都保持了風(fēng)格非常統(tǒng)一的空狀態(tài)頁(yè)面，整個(gè)產(chǎn)品的統(tǒng)一感很強(qiáng)，比較舒適。
防錯(cuò)原則強(qiáng)調(diào)預(yù)防錯(cuò)誤的發(fā)生優(yōu)于錯(cuò)誤發(fā)生后的補(bǔ)救。設(shè)計(jì)時(shí)，應(yīng)考慮用戶(hù)可能的錯(cuò)誤操作，并設(shè)計(jì)機(jī)制來(lái)避免或減少這些錯(cuò)誤。例如，通過(guò)禁用不可用的選項(xiàng)、提供清晰的指令和限制，以及在執(zhí)行不可逆操作前設(shè)置確認(rèn)步驟, 防錯(cuò)設(shè)計(jì)可提升用戶(hù)效率, 降低錯(cuò)誤幾率。
EV錄屏里面有個(gè)錄制視頻的列表，當(dāng)用戶(hù)點(diǎn)擊需要?jiǎng)h除的視頻時(shí)，有一個(gè)二次確認(rèn)的機(jī)會(huì)，以防止客戶(hù)誤刪，很好的體現(xiàn)了防錯(cuò)原則。
天翼云電腦專(zhuān)家在設(shè)計(jì)學(xué)習(xí)模式按鈕入口的時(shí)候，為了防止用戶(hù)出錯(cuò)，把按鈕設(shè)計(jì)了兩種狀態(tài)，一種是帶插畫(huà)頭像的彩色按鈕，一種是把插畫(huà)頭像置灰的按鈕樣式，讓用戶(hù)能很好的區(qū)分當(dāng)前的一個(gè)狀態(tài)，是防錯(cuò)原則的一個(gè)很好運(yùn)用。
讓系統(tǒng)的相關(guān)信息在需要的時(shí)候顯示出來(lái)，減輕用戶(hù)的記憶負(fù)擔(dān)，幫助用戶(hù)快速上手，提升產(chǎn)品的易用性。例如，自動(dòng)保存用戶(hù)的輸入、提供歷史記錄、使用快捷方式等，可以減少用戶(hù)需要記憶的信息量；當(dāng)切換頁(yè)面時(shí)，不應(yīng)該讓用戶(hù)記住不同頁(yè)面的內(nèi)容，而應(yīng)該在合適的地方積極地呈現(xiàn)或提示之前的信息。
花瓣、千圖、 嗶哩嗶哩平臺(tái)在搜索欄都有搜索的歷史記錄功能，之前搜索的過(guò)的詞，當(dāng)用戶(hù)再次想要搜索的時(shí)候，用戶(hù)不需要再次輸入，直接選擇對(duì)應(yīng)的歷史標(biāo)簽就行。
靈活易用原則不僅是一個(gè)交互設(shè)計(jì)原則，也代表了一種軟件產(chǎn)品設(shè)計(jì)理念；系統(tǒng)要做到簡(jiǎn)單易用，系統(tǒng)應(yīng)為不同水平的用戶(hù)提供靈活的使用方式。中級(jí)用戶(hù)是大多數(shù)，設(shè)計(jì)應(yīng)滿(mǎn)足他們的需求，同時(shí)為初級(jí)用戶(hù)提供易于上手的引導(dǎo)，為高級(jí)用戶(hù)提供定制化選項(xiàng)，以提高效率。靈活設(shè)計(jì)可以提升用戶(hù)滿(mǎn)意度，個(gè)性化設(shè)置可以增加用戶(hù)粘性，促進(jìn)用戶(hù)的探索。
騰訊電腦管家考慮到每個(gè)人有每個(gè)人的審美和喜好，設(shè)計(jì)了一鍵換膚的功能，提供了有足足12種之多的皮膚設(shè)計(jì)，用戶(hù)可以在個(gè)性皮膚里面隨時(shí)切換自己想要的皮膚背景。
簡(jiǎn)約設(shè)計(jì)原則要求去除不必要的信息和功能，突出重點(diǎn)，避免信息過(guò)載。設(shè)計(jì)應(yīng)追求簡(jiǎn)潔，同時(shí)保持功能的完整性和可用性，確保用戶(hù)可以快速識(shí)別和使用最重要的功能。
聯(lián)通應(yīng)用商店的應(yīng)用下載中，沒(méi)有把對(duì)應(yīng)程序的安裝按鈕直接顯示出來(lái)，只有當(dāng)鼠標(biāo)點(diǎn)擊到對(duì)應(yīng)的圖標(biāo)上時(shí)，安裝按鈕才顯示出來(lái)，簡(jiǎn)化了頁(yè)面的信息流，通過(guò)動(dòng)態(tài)的交互方式讓頁(yè)面看起來(lái)更加的簡(jiǎn)潔，是簡(jiǎn)約設(shè)計(jì)原則的很好應(yīng)用。
飛書(shū)在一個(gè)信息層級(jí)，任務(wù)這么復(fù)雜的一個(gè)頁(yè)面，每段任務(wù)通過(guò)任務(wù)的緊急情況做了顏色區(qū)分，并且還配合了對(duì)應(yīng)的圖標(biāo)，整個(gè)頁(yè)面設(shè)計(jì)清清爽爽，把一個(gè)很復(fù)雜的信息流，通過(guò)歸類(lèi)，讓頁(yè)面更加的簡(jiǎn)約。
當(dāng)錯(cuò)誤不可避免時(shí)，系統(tǒng)應(yīng)提供清晰的錯(cuò)誤信息和解決方案。這意味著錯(cuò)誤信息應(yīng)易于理解，避免專(zhuān)業(yè)術(shù)語(yǔ)或錯(cuò)誤代碼，同時(shí)提供明確的解決步驟或建議，幫助用戶(hù)從錯(cuò)誤中恢復(fù)。
對(duì)于很多運(yùn)行時(shí)錯(cuò)誤或異常，計(jì)算機(jī)程序都會(huì)返回某個(gè)錯(cuò)誤代碼，但是用戶(hù)看到這些錯(cuò)誤代碼時(shí)并不明白發(fā)生了什么，所以一定要將錯(cuò)誤代碼轉(zhuǎn)換成用戶(hù)能看懂的信息，并告訴用戶(hù)解決的建議。
聯(lián)想電腦管家客服頁(yè)不見(jiàn)了，他給出了很明確的錯(cuò)誤提示，并且還附上了一個(gè)可視化的插畫(huà)設(shè)計(jì)，緩解了用戶(hù)焦慮的情緒。
聯(lián)想電腦商鋪應(yīng)用也是的，消息不能查看了，它告訴用戶(hù)什么原因?qū)е虏荒懿榭?，給用戶(hù)提出了很明確的指引和方向。
即使系統(tǒng)設(shè)計(jì)直觀，提供易于檢索的幫助信息也是必要的。幫助文檔應(yīng)清晰、簡(jiǎn)潔，并提供解決問(wèn)題的明確步驟，避免過(guò)于復(fù)雜或冗長(zhǎng)。
現(xiàn)在的軟件產(chǎn)品，尤其是C端產(chǎn)品，普遍做了良好的交互設(shè)計(jì)，可以幫助用戶(hù)快速學(xué)習(xí)使用，而不用閱讀、理解復(fù)雜的說(shuō)明文檔。
然而，B端產(chǎn)品的復(fù)雜性比C端產(chǎn)品高很多。因?yàn)锽端產(chǎn)品蘊(yùn)含很多業(yè)務(wù)流程的規(guī)則，系統(tǒng)中的一個(gè)按鈕可能代表了一個(gè)復(fù)雜的業(yè)務(wù)處理邏輯。如果不了解整個(gè)業(yè)務(wù)場(chǎng)景和處理規(guī)則，則很難理解按鈕的操作含義的。
因此，對(duì)于B端產(chǎn)品，用戶(hù)進(jìn)行自助服務(wù)、自助操作的難度高很多，B端產(chǎn)品的幫助文檔依然有存在的必要。產(chǎn)品設(shè)計(jì)人員要盡量在前端交互設(shè)計(jì)上做好引導(dǎo)提示，對(duì)于復(fù)雜的規(guī)則和邏輯，可以考慮通過(guò)幫助文檔來(lái)指導(dǎo)。
菜鳥(niǎo)裹裹的郵寄頁(yè)面，輸入地址欄上方提供了輸入信息的功能，并且通過(guò)一鍵識(shí)別按鈕，就可以將粘貼進(jìn)來(lái)的信息一鍵智能的填充到下方的信息欄中，給用戶(hù)提供了很多的幫助和便捷。
酷我音樂(lè)在設(shè)置里面，設(shè)置了提供幫助的入口，當(dāng)用戶(hù)需要幫助的時(shí)候，可以在里面提供反饋，然后平臺(tái)就會(huì)給你提供幫助。
通過(guò)閱讀結(jié)合自己日常的產(chǎn)品體驗(yàn)，會(huì)對(duì)這些設(shè)計(jì)原則產(chǎn)生一個(gè)深刻的印象和理解，光看這些文字描述，可能不能明顯立體的體會(huì)到它的價(jià)值，但是當(dāng)帶著這些思考去生活中找證據(jù)的時(shí)候，發(fā)現(xiàn)這些設(shè)計(jì)方法論真的是個(gè)大寶藏，帶著這種方法論思考的設(shè)計(jì)師能設(shè)計(jì)出很多合情合理的設(shè)計(jì)，方便了用戶(hù)使用的同時(shí)也大大提高了頁(yè)面的美感。
本文觀點(diǎn)都為個(gè)人理解和總結(jié)，不足之處也歡迎大家留言區(qū)多多點(diǎn)評(píng)指正，大家共同進(jìn)步！
