如何製作乙個完美的錯誤提示資訊

2021-08-07 13:40:52 字數 1841 閱讀 3012

以下內容由mockplus團隊翻譯整理,僅供學習交流,mockplus是更快更簡單的原型設計工具。

每個系統都會出現暫停工作的時候,它可能是使用者的錯誤操作或系統故障導致的。在這兩種情況下,設計乙個完美的錯誤資訊尤為重要,因為它能有效提高使用者體驗。如何製作乙個完美的錯誤資訊?它往往包含以下3個重要部分:

●清楚的文字資訊。

●正確的放置。

●良好的視覺設計。

第一部分:清楚的文字資訊

1.錯誤資訊應該清楚明了

錯誤資訊應該明確告訴使用者問題是什麼,為什麼會發生,以及如何處理。首先你要將錯誤資訊視為與使用者的對話 - 它應該看起來更加人性化。其次要確保你的錯誤資訊有禮貌,可理解,友好和易懂。

2. 錯誤資訊應該是有幫助的

在錯誤資訊中只是指出錯誤是不夠的,還需提示使用者如何快速簡單地解決問題。

例如,微軟在訊息中描述錯誤的同時還提供了解決方案,以便使用者可以立即解決此問題。

3. 在特定情況下顯示相應錯誤資訊

**通常只會在驗證狀態中使用錯誤訊息。如果你將電子郵件位址填寫一欄留空,錯誤訊息會提示你「輸入有效的電子郵件位址」,當你漏掉了「@」字元時也會提示「輸入有效的電子郵件位址」。mailchimp則由另外一種方式執行,它們對於電子郵件驗證狀態都有3個錯誤訊息。 第乙個在提交表單時檢查輸入字段是否為空。 另外兩個檢查是否有「@」和「。」字元。(但是「請輸入乙個值」並不是錯誤資訊寫入的乙個好例子,使用者並不清楚需要輸入什麼值)。給使用者展示的不是籠統的資訊。

4. 錯誤資訊用語應該禮貌

即使使用者在操作中失誤,也不要想著去責怪他們。對待使用者要有禮貌,讓他們感到舒適方便。這是乙個傳播品牌聲音的好機會,通過新增個性的錯誤資訊提示,讓使用者對你們的品牌更加印象深刻。

5.適當運用詼諧語言

在錯誤資訊中使用幽默語言需謹慎,切記分清主次。首先,確保錯誤資訊為使用者提供資訊和幫助。其次,在恰當的時候新增一些詼諧的語言可以有效提高使用者體驗。

第二部分:正確放置錯誤訊息

乙個成功的錯誤資訊是往往在你需要的地方出現。避免錯誤資訊對使用者造成誤導,將錯誤訊息放在與他們相關的ui元素旁邊。

第三部分:錯誤資訊須有正確的視覺設計

成功的錯誤訊息除了文字應清晰可見,正確的視覺設計也至關重要。視覺設計通過使用對比文字和背景顏色,以便使用者可以輕鬆地注意並閱讀訊息。通常情況下,紅色用於錯誤訊息文字。但在某些情況下,也使用黃色或橙色,因為紅色對使用者來說壓力太大。在這兩種情況下,都要確保錯誤文字清晰可辨,與其背景顏色有明顯的對比。不要忘記提供顏色旁邊的相關圖示,以提高色盲人群使用的無障礙水平。

錯誤訊息是改善使用者體驗,傳播品牌聲音和獨特品牌個性的絕佳機會。乙個成功的錯誤訊息必須注意語言,位置和視覺設計這三方面,這樣才能使你的錯誤訊息變得更加完美!

論如何塑造乙個完美的自我

1 擁有一顆充滿激情,勇於奮鬥的上進心。切勿安於現狀,人類社會不斷發展,就個人而言不進則退,要不斷的學習,才能跟上社會發展的步伐。多了解或接觸新鮮事物 如試藥 充場 多看看外面的世界,正所謂讀萬卷書,不如行萬里路。上文提到的某些依據要根據相關事物而論,如房價暴漲的可能因素是人口老齡化導致國家不得不實...

教你製作乙個完美的301重定向

什麼是301重定向?通常我們在 建設中都會遇到像 改版,動態轉靜態,搬家後結構調整了等等,在這些情況下,如果不做301重定向,那使用者訪問原始位址時將直接提示404錯誤頁面資訊,非常不利於使用者體驗.而且會被搜尋引擎降權,那麼在這些情況下我們就需要做301重定向了,301重定向它主要是網頁更改位址後...

乙個完美的導航樹

http bbs.xoyo.com forumdisplay.php?fid 4339 target main title 新手入門 高手高階,玩家遊戲經驗的交流區 http bbs.xoyo.com forumdisplay.php?fid 4700 target main title 精彩封神,...