從文案到視覺:錯(cuò)誤提示信息的8大黃金設(shè)計(jì)法則

編者按:雖然如今 UI/UX 設(shè)計(jì)已經(jīng)相當(dāng)標(biāo)準(zhǔn)化了,但是很多設(shè)計(jì)細(xì)節(jié)和技巧依然非常重要,需要設(shè)計(jì)師根據(jù)實(shí)際的情況和場景進(jìn)行有效的優(yōu)化,就比如報(bào)錯(cuò)信息的設(shè)計(jì)。這篇 Saadia Minhas 的文章梳理了報(bào)錯(cuò)信息的設(shè)計(jì)和撰寫的 8 個(gè)設(shè)計(jì)原則,實(shí)用性拉滿。以下是正文。

更多用戶體驗(yàn)技巧:

從文案到視覺:錯(cuò)誤提示信息的8大黃金設(shè)計(jì)法則

錯(cuò)誤提示信息在 UX 中具有關(guān)鍵作用。撰寫清晰的的錯(cuò)誤提示文本,能夠降低用戶挫敗感、加速問題恢復(fù)流程,整體提升產(chǎn)品可用性。以下是撰寫高效錯(cuò)誤提示的 8 項(xiàng)核心準(zhǔn)則。

1. 保持清晰明確

用戶應(yīng)當(dāng)及時(shí)理解問題本質(zhì),所以應(yīng)該避免模糊表述,必須明確說明錯(cuò)誤類型與成因。當(dāng)你描述故障時(shí),需要具體指出是網(wǎng)絡(luò)連接中斷、輸入格式錯(cuò)誤還是系統(tǒng)內(nèi)部異常導(dǎo)致的結(jié)果。例如「無法連接到服務(wù)器」就明顯優(yōu)于籠統(tǒng)的「出現(xiàn)錯(cuò)誤」這樣的提示詞。

從文案到視覺:錯(cuò)誤提示信息的8大黃金設(shè)計(jì)法則

2. 使用簡潔易懂的語言

避免技術(shù)術(shù)語,確保所有用戶無障礙理解錯(cuò)誤信息。比如將「503服務(wù)不可用」轉(zhuǎn)為「當(dāng)前訪問人數(shù)過多,請(qǐng)稍后重試」這樣的表述。保持句子結(jié)構(gòu)簡單,避免使用難以理解的復(fù)合從句,例如用「文件大小超過限制」替代「上傳文件因超出預(yù)設(shè)存儲(chǔ)閾值上限而被終止」。

從文案到視覺:錯(cuò)誤提示信息的8大黃金設(shè)計(jì)法則

3. 解釋成因并提供解決方案

完整的問題背景說明,能幫助用戶定位原因并采取行動(dòng)。在提示「付款失敗」時(shí),應(yīng)當(dāng)追加說明「信用卡有效期輸入錯(cuò)誤」或「賬戶余額不足」。最佳實(shí)踐是采用「問題描述+解決指引」結(jié)構(gòu),例如「視頻格式不支持,請(qǐng)轉(zhuǎn)換為MP4或MOV格式后重新上傳」。

從文案到視覺:錯(cuò)誤提示信息的8大黃金設(shè)計(jì)法則

4. 采用友好禮貌的語氣

使用友好、支持性的語調(diào)來緩解用戶遭遇問題的焦慮感。比較「操作無效」與「哎呀,這個(gè)操作沒能完成——讓我們?cè)僭囈淮伟伞箖煞N表達(dá)的情感差異,適度加入擬人化元素,提供情緒價(jià)值,例如「系統(tǒng)暫時(shí)無法響應(yīng),正在努力恢復(fù)中」。

從文案到視覺:錯(cuò)誤提示信息的8大黃金設(shè)計(jì)法則

5. 避免指責(zé)用戶
采用積極措辭的替代否定式的表達(dá)。將「你輸入了錯(cuò)誤的密碼」改寫為「密碼驗(yàn)證未通過」;用「必填字段未完成」替代「你漏填了必要信息」。重點(diǎn)在于描述系統(tǒng)狀態(tài)而非歸咎責(zé)任。

從文案到視覺:錯(cuò)誤提示信息的8大黃金設(shè)計(jì)法則

6. 禁用全大寫文本

全大寫的英文字母會(huì)產(chǎn)生視覺壓迫感,類似對(duì)用戶大聲呵斥。這種情況有時(shí)候在中文語境中也會(huì)出現(xiàn),有些系統(tǒng)默認(rèn)生成的錯(cuò)誤信息就是這樣的,例如「ERROR: FILE NOT FOUND」這個(gè)時(shí)候,使用小寫英文,或者在中文語境下調(diào)整為「文件未找到」都可以。特殊情況下如需強(qiáng)調(diào)關(guān)鍵詞,可采用加粗或顏色標(biāo)注。

從文案到視覺:錯(cuò)誤提示信息的8大黃金設(shè)計(jì)法則

7. 提供解決方案和后續(xù)步驟

明確的行動(dòng)指引能降低用戶認(rèn)知負(fù)荷。在提示「保存失敗」時(shí),應(yīng)當(dāng)給出「嘗試另存為新文件」或「檢查存儲(chǔ)空間」等具體建議。對(duì)于復(fù)雜問題,可提供「聯(lián)系支持團(tuán)隊(duì)」或「訪問幫助中心」等解決路徑。

從文案到視覺:錯(cuò)誤提示信息的8大黃金設(shè)計(jì)法則

8. 保持術(shù)語一致性

整個(gè)應(yīng)用需統(tǒng)一關(guān)鍵的術(shù)語表述。如果使用「電子郵箱」則避免混用「郵件地址」這樣的表述;「登錄」和「登入」選擇其一后,在 APP 和頁面的其他地方全程保持一致。術(shù)語表(Glossary)的建立能有效維護(hù)表述統(tǒng)一性。

從文案到視覺:錯(cuò)誤提示信息的8大黃金設(shè)計(jì)法則

收藏 15
點(diǎn)贊 31

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。