Web UX：向使用者顯示有意義的錯誤

擁有一個用戶驅動且用戶友好的網站有時可能會很棘手，因為它會讓整個開發團隊將更多時間花在不會為功能和核心業務增加價值的事情上。然而，它可以在短期內幫助用戶並在長期內增加價值。對截止日期嚴格要求的專案經理可能會低估長期的附加價值。我不確定蘋果網站團隊是否也是如此，但他們缺少一些出色的使用者體驗。

最近，我嘗試從 Apple 網站將應用程式發佈到應用程式商店，但我遇到了聯絡資訊問題。儘管我以多種格式提供了正確的訊息，但我仍然需要接受它們並向用戶提供有意義的訊息。

根據我的經驗，網站總是會因為提供了錯誤的電話號碼而給他們一個錯誤，看起來好像該欄位無效。以下是一般資訊：

這是來自欄位輸入本身的訊息：

即使我在開頭嘗試使用兩個零，即使我沒有添加國家/地區代碼，我也遇到了這個問題。它總是給我同樣的錯誤訊息，沒有指示如何解決這個問題，該怎麼做，甚至出了什麼問題！

最初，我認為這是伺服器的問題，所以我決定在幾個小時後重試。我檢查了蘋果產品的健康狀況，沒有問題。疲倦之後，我決定以軟體工程師的身份調試問題，並檢查透過網路發送的內容以及回應是什麼，這導致了我的「啊哈時刻」。
啊哈！此刻，Apple 需要提供正確的資訊。
當我檢查網路訊息時，我發現他們從後端提供了正確的詳細資訊和指南，但網站沒有提供。

這是請求負載：

回覆：

{
    "errors": [
        {
            "id": "SOME-GUID",
            "status": "409",
            "code": "ENTITY_ERROR.ATTRIBUTE.INVALID",
            "title": "An attribute value is invalid."
            "detail": "The phone number must be in a valid format. Preface the phone number with ‘+’ followed by the country code (for example, +44 844 209 0611)",
            "source": {
                "pointer": "/data/attributes/contactPhone"
            }
        }
    ]
}

透過查看這個並閱讀詳細信息，我可以了解到問題是數字格式的，這讓我的生活變得更輕鬆。

最後一個想法：

身為開發人員，我們應該了解並理解使用者的問題，為他們編寫出色的 UI 和 UX。當我們忽略編寫正確的訊息並向用戶展示如何自行解決問題時，我們會給用戶和我們的支援團隊帶來很大的負擔，並且我們可能會失去一些用戶。從長遠來看，這意味著收入損失，這是企業所不喜歡的。

以上是Web UX：向使用者顯示有意義的錯誤的詳細內容。更多資訊請關注PHP中文網其他相關文章！