什麼是好的錯誤訊息?

前端小智發表於2023-03-26
微信搜尋 【大遷世界】, 我會第一時間和你分享前端行業趨勢,學習途徑等等。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收錄,有一線大廠面試完整考點、資料以及我的系列文章。

錯誤資訊是我們線上日常生活的一部分。每次伺服器故障或沒有網路,或忘記在表格中新增一些資訊,我們就會收到錯誤資訊。"出錯了" 是常見的做塵。但是什麼出錯了?發生了什麼?而且,最重要的是,我要怎麼做才能修復它?

image.png

那怎樣寫才是一個好的提示呢?

在介紹好的提示之前,我們先來看一下什麼是不好的錯誤提示。

不好的錯誤提示

image.png

Inappropriate tone

不恰當的語氣: 想象一下,一個醫生在做一個手術,然後突然說 "哎呀! 出了點問題......" ,當風險很大的時候,任何人都最不願意聽到這句話。所以這時候不是安可愛的時候。我們需要向使用者表明,我們知道這是嚴重的,我們明白這對他們很重要。

Technical jargon

專業術語: 程式設計師喜歡把一些專業術語用在錯誤提示裡面。例如:你不能獲取我的資料?我的憑證被拒絕了? 這些專業術語對使用者來說並不重要,他們只想知道什麼地方出了問題,如何解決。

 Passing the blame:

甩鍋:比如「無法連線到三方服務」。儘量把重點放在問題上,而不是導致問題的行動上。

Generic for no reason

太官方的說辭:比如「稍後嘗試」。知道原因而不告訴使用者,是不好的。

好的錯誤提示

image.png

Say what happened and why:

說明出錯的原因:讓使用者清楚的知道發生錯誤的原因,可以透過視覺和文字的結合來完成。解釋使用者為什麼會出現這個錯誤。即使是技術原因,也要說明是我們的原因,而不是使用者操作錯誤。比如:「由於技術上的原因,暫時無法連線到你的賬戶」。

Provide reassurance

提供保證:比如「你的修改已被儲存到草稿」。

Be empathetic

有同情心:比如用「請」。

Help them fix it

幫助他們解決:比如「瞭解如何解決這個問題」,並附加一篇知識庫文章和連結。

Always give a way out

總是給一條出路:比如「如果依舊能解決,請聯絡客服」。

來源:https://wix-ux.com/when-life-gives-you-lemons-write-better-er...

程式碼部署後可能存在的BUG沒法實時知道,事後為了解決這些BUG,花了大量的時間進行log 除錯,這邊順便給大家推薦一個好用的BUG監控工具 Fundebug

交流

有夢想,有乾貨,微信搜尋 【大遷世界】 關注這個在凌晨還在刷碗的刷碗智。

本文 GitHub https://github.com/qq449245884/xiaozhi 已收錄,有一線大廠面試完整考點、資料以及我的系列文章。

相關文章