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中文网其他相关文章！