Name: 如何提高錯誤信息的可見性 (How to Increase the Visibility of Error Messages)
Uploaded: 2024-06-21T05:32:51.000Z
Duration: 4 min 32 s

情態副詞

Many modern tools and programs struggle to design clearly visible error messages, which can negatively impact the user experience.

許多現代工具和程序都很難設計出清晰可見的錯誤信息，這會對用戶體驗造成負面影響。

To avoid this, you can follow four guidelines to increase the visibility of error messages. First, display the error message close to the error source.

為了避免這種情況，您可以遵循四條準則來提高錯誤信息的可見度。首先，在靠近錯誤源的地方顯示錯誤信息。

Second, use noticeable, redundant, and accessible indicators.

其次，使用明顯、多餘和易於獲取的指標。

Third, design errors based on the impact.

And fourth, avoid prematurely displaying errors. Now let's take a look at what each of these actually mean. First, we have to display the error message close to the error source.

第四，避免過早顯示錯誤。現在讓我們來看看這四點的實際意義。首先，我們必須在靠近錯誤源的地方顯示錯誤信息。

This proximity helps users recognize the error message and easily understand what it is related to.

這種近似性可以幫助用戶識別錯誤信息，並輕鬆瞭解其相關內容。

Because if the error message is displayed far from the error itself, it is less likely to be seen by our users and they may struggle understanding which input the error message is related to. Second, we must use noticeable, redundant, and accessible indicators for our error messages.

因為如果顯示的錯誤信息與錯誤本身相距甚遠，用戶就不太可能看到，而且他們可能很難理解錯誤信息與哪個輸入相關。其次，我們必須在錯誤信息中使用明顯、冗餘和可訪問的訓示符。

For example, if a user had to fill out a form and missed the required field, we could increase the visibility of the error by using bold text, including a visual that indicates there's an error, and by highlighting the All of these elements should be visually distinct from the rest of the page so they are easily recognized.

例如，如果用戶在填寫表格時遺漏了必填字段，我們可以通過使用粗體文字來增加錯誤的可見度，還可以使用視覺效果來提示存在錯誤，並突出顯示"......"。

This is why error messages are traditionally displayed in red. Third, we should design error messages based on their impact.

這就是錯誤信息傳統上以紅色顯示的原因。第三，我們應該根據錯誤信息的影響來設計錯誤信息。

Some error messages are crucial for the user to know and might lead to severe negative consequences if they are disregarded.

有些錯誤信息是用戶必須知道的，如果忽視它們，可能會導致嚴重的負面後果。

Other error messages are good to know, but not crucial for the user journey and user experience.

其他錯誤信息很好了解，但對用戶旅程和用戶體驗並不重要。

The design of the error message should clearly indicate which of these two scenarios it addresses.

在設計錯誤信息時，應明確指出它針對的是這兩種情況中的哪一種。

For example, if an e-commerce shop expects shipping delays because of bad weather conditions, this is a good information to share with their users.

例如，如果一家電子商務商店預計惡劣天氣會導致發貨延遲，那麼這就是一個很好的與用戶分享的資訊。

However, they should avoid using red formatting to indicate that there is no severe error than the user encounters. Fourth and last, we must avoid displaying the error messages prematurely.

但應避免使用紅色格式來表示用戶沒有遇到嚴重錯誤。第四，也是最後一點，我們必須避免過早顯示錯誤信息。

This is an important part of designing effective error messages.

這是設計有效錯誤信息的重要部分。

Because a premature error message is like grading a test before the student even had a chance to answer.

因為過早的錯誤信息就像在學生還沒來得及回答問題時就給他們打分一樣。

This can make users feel annoyed, belittled or confused, all of which we want to avoid.

這會讓用戶感到惱怒、輕視或困惑，而這些都是我們希望避免的。

To get the right timing of an error message, we must consider what the expected user behavior is and how error-prone the interaction is.

要正確把握錯誤信息的發佈時機，我們必須考慮用戶的預期行為以及交互的易錯程度。

For example, when users have to create a new password that must comply with multiple safety requirements, it is helpful to the user is typing the password.

例如，當用戶需要創建一個必須符合多種安全要求的新密碼時，輸入密碼會對用戶有所幫助。

This is because the complexity of the task makes it error-prone and the error message during the process of typing guides the user to avoid providing a password that is not fulfilling the safety requirements.

這是因為任務的複雜性使其容易出錯，而輸入過程中的錯誤信息可以引導用戶避免提供不符合安全要求的密碼。

However, if a user is typing their own phone number, we should not display a premature error message that indicates that the phone number has too many digits.

但是，如果用戶鍵入的是自己的電話號碼，我們就不應該過早顯示錯誤信息，提示電話號碼的位數過多。

In this scenario, we can expect the user to know how many digits their phone number has and the task overall is less prone to errors. To summarize, to make your error messages effective, they must be visible to your users.

在這種情況下，我們可以期望用戶知道他們的電話號碼有多少位數，而任務整體上也不那麼容易出錯。總之，要使錯誤信息有效，它們必須對用戶可見。

To accomplish this, you should follow the four guidelines for highly visible error messages that we just discussed. Thanks for watching.

要做到這一點，你應該遵循我們剛剛討論過的關於高可見度錯誤信息的四條指導原則。感謝觀看。

If you want to see more of our UX videos, take a look at these over here and consider subscribing to our channel.

如果您想觀看更多我們的用戶體驗視頻，請點擊這裡並考慮訂閱我們的頻道。

On our website, nngroup.com, you can access our free library of over 2,000 articles.

在我們的網站 nngroup.com，您可以訪問我們的免費圖書館，裡面有 2000 多篇文章。

 You can also register for one of our UX courses that offer live hands-on UX training.

您還可以報名參加我們的用戶體驗課程，這些課程提供用戶體驗現場實踐培訓。

字幕列表影片播放

如何提高錯誤信息的可見性 (How to Increase the Visibility of Error Messages)

subscribe

crucial

struggle

process