提示用戶有錯誤的網頁設計方法

每個系統軟件在運行的過程中都會出錯，可能是用戶操作造成的也可能是系統錯誤。基于這兩種情況，如何正確的提示錯誤信息就顯得尤為重要，它直接決定了用戶體驗的好與壞。

一個好的錯誤提示必備的3條重要法則：

清晰地文本提示語

放置在正確的位置

良好的視覺設計

清晰的文本信息

1. 錯誤提示信息應該簡明易懂

提示信息應該明確的表明發生了什么錯誤、發生的原因以及解決方法。將你的錯誤提示信息看作是一次對話，跟用戶說人話。確保你的文案是禮貌性的、易于理解的、友好的并且沒有晦澀難懂的專業術語。

2. 錯誤提示信息應該是有用的

僅僅是描述系統出錯是不夠的，還要向用戶提供最簡單、快速的解決方案。

例如，微軟的錯誤提示信息是這樣表述錯誤原因和解決方案的，所以你可以快速的知道如何解決它。

3. 錯誤提示信息應該是針對特定的使用場景

很多網站經常在所有的狀態確認情況下都使用同一個錯誤提示信息，當你沒有填寫E-mail一欄時——提示“請輸入一個有效的電子郵箱地址”，當你少寫了“@”符號時——提示“請輸入一個有效的電子郵箱地址”。

MailChimp不是這樣做的，他們針對每個不同的郵箱地址狀態確認都有3種錯誤提示信息。第一個是在提交表單的時候檢查輸入框是否為空，另外兩個是檢查是否輸入了“@”和“.”符號。(然而“請輸入內容”并不是一個好的錯誤提示，它并沒有清晰地表明你需要填寫什么內容)，向你的用戶顯示有針對性的而不是普適性的信息。

4. 錯誤提示信息應該是禮貌性的

即使是你的用戶操作錯誤了，也不要責怪他們，禮貌的對待用戶，讓他們感覺使用你的產品很舒服、很便捷。這是一個很好的展示品牌特性的機會，試著在錯誤提示中加入一些品牌元素。

5. 恰當的展示你的幽默

在錯誤提示信息中展示幽默一定要十分小心謹慎，首先應當確保你的提示信息是有用的，之后如果合適的話，你可以在提示信息中加入一些小幽默，從而提升用戶體驗。

錯誤提示信息的正確位置

一個好的錯誤提示信息，應該是在你需要的時候可以很快速的找到它。不要寫一個錯誤信息摘要，應該將它放置在相關的UI元件附近。

錯誤提示信息的設計形式

錯誤提示信息應該清晰易讀。使用與背景色有對比的文本顏色，以便用戶可以快速地注意到并且閱讀它。

紅色經常被用于編寫錯誤提示信息，在某些時候，黃色和橙色經常被用于標注某些資源，紅色常常讓用戶有壓迫感。所以，確保你的提示文本清晰可見，與背景色有明顯對比，考慮到色盲用戶群，不要忘記在顏色旁邊放置一個相關的圖標，作為標注。

總結

錯誤提示信息是一個提升用戶體驗的好時機，你可以通過它提升品牌形象、展示企業個性。不要小看錯誤提示信息的每一個方面，將提示文本、放置位置和視覺設計都做到盡善盡美，那么它才可以稱得上好。

文章題目：提示用戶有錯誤的網頁設計方法
標題網址：http://m.kartarina.com/news31/165131.html

成都網站建設公司_創新互聯，為您提供網站制作、面包屑導航、標簽優化、ChatGPT、網站收錄、靜態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯