”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > Web UX:向用户显示有意义的错误

Web UX:向用户显示有意义的错误

发布于2024-11-06
浏览:131

拥有一个用户驱动且用户友好的网站有时可能会很棘手,因为它会让整个开发团队将更多时间花在不会为功能和核心业务增加价值的事情上。然而,它可以在短期内帮助用户并在长期内增加价值。对截止日期严格要求的项目经理可能会低估长期的附加值。我不确定苹果网站团队是否属实,但他们缺少一些出色的用户体验。

最近,我尝试从 Apple 网站向应用程序商店发布应用程序,但我遇到了联系信息问题。尽管我以多种格式提供了正确的信息,但我仍然需要接受它们并向用户提供有意义的消息。

根据我的经验,网站总是会因为提供了错误的电话号码而给他们一个错误,看起来好像该字段无效。这是一般消息:

Web UX: Show meaningful errors to the users

这是来自字段输入本身的消息:

Web UX: Show meaningful errors to the users

即使我在开头尝试使用两个零,即使我没有添加国家/地区代码,我也遇到了这个问题。它总是给我同样的错误消息,没有指示如何解决该问题,该做什么,甚至出了什么问题!

最初,我认为这是服务器的问题,所以我决定在几个小时后重试。我检查了苹果产品的健康状况,没有问题。疲倦之后,我决定以软件工程师的身份调试问题,检查通过网络发送的内容以及响应是什么,这导致了我的“啊哈时刻”。
啊哈!此刻,苹果需要提供正确的信息。
当我检查网络消息时,我了解到他们从后端提供了正确的详细信息和指南,但网站没有提供。

这是请求负载:

Web UX: Show meaningful errors to the users

回复:

{
    "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。当我们忽略编写正确的消息并向用户展示如何自己解决问题时,我们会给用户和我们的支持团队带来很大的负担,并且我们可能会失去一些用户。从长远来看,这意味着收入损失,这是企业所不喜欢的。

版本声明 本文转载于:https://dev.to/a0m0rajab/web-ux-show-meaningful-errors-to-the-users-341j?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • Hacktoberfest 周在线拍卖系统
    Hacktoberfest 周在线拍卖系统
    概述 在 Hacktoberfest 的第三周,我决定为一个较小但有前途的项目做出贡献:在线拍卖系统。尽管该项目仍处于早期阶段,但它已经显示出增长潜力,而且我看到了帮助改进其代码库的机会。我的任务是通过减少冗余代码和改进整体结构来重构项目,使其更具可维护性和可扩展性。 ...
    编程 发布于2024-11-06
  • 如何使用“exception_ptr”在 C++ 线程之间传播异常?
    如何使用“exception_ptr”在 C++ 线程之间传播异常?
    在 C 中的线程之间传播异常 当从主线程调用的函数生成多个线程时,就会出现在 C 中的线程之间传播异常的任务用于 CPU 密集型工作的工作线程。挑战在于处理工作线程上可能发生的异常并将其传播回主线程​​以进行正确处理。传统方法一种常见方法是手动捕获工作线程上的各种异常,记录它们的详细信息,然后在主线...
    编程 发布于2024-11-06
  • 如何使用 3D CSS 变换修复 Firefox 中的锯齿状边缘?
    如何使用 3D CSS 变换修复 Firefox 中的锯齿状边缘?
    使用 3D CSS 变换时 Firefox 中的锯齿状边缘与 Chrome 中使用 CSS 变换时的锯齿状边缘问题类似,Firefox 在 3D 变换中也出现了这个问题。背面可见性作为 Chrome 中的潜在解决方案,在 Firefox 中被证明无效。解决方法:要在 Firefox 中缓解此问题,您...
    编程 发布于2024-11-06
  • 为什么 PHP 的 mail() 函数给电子邮件发送带来挑战?
    为什么 PHP 的 mail() 函数给电子邮件发送带来挑战?
    为什么 PHP 的 mail() 函数达不到要求:限制和陷阱虽然 PHP 提供了 mail() 函数用于发送电子邮件,但它却失败了与专用库或扩展相比较短。以下是与使用 mail() 相关的缺点和限制的全面检查:格式问题:mail() 可能会遇到以下问题:标题和内容格式,尤其是操作系统之间的换行符差异...
    编程 发布于2024-11-06
  • 使用 npyConverter 简化 NumPy 文件转换
    使用 npyConverter 简化 NumPy 文件转换
    如果您使用 NumPy 的 .npy 文件并需要将其转换为 .mat (MATLAB) 或 .csv 格式,npyConverter 就是适合您的工具!这个简单的基于 GUI 的工具通过干净且用户友好的界面提供 .npy 文件的批量转换。 主要特点 批量转换:将目录下所有.npy文件...
    编程 发布于2024-11-06
  • 如何禁用特定线路的 Eslint 规则?
    如何禁用特定线路的 Eslint 规则?
    禁用特定行的 Eslint 规则在 JSHint 中,可以使用语法禁用特定行的 linting 规则: /* jshint ignore:start */ $scope.someVar = ConstructorFunction(); /* jshint ignore:end */对于 eslint...
    编程 发布于2024-11-06
  • 如何在没有错误的情况下将列表插入 Pandas DataFrame 单元格?
    如何在没有错误的情况下将列表插入 Pandas DataFrame 单元格?
    将列表插入 Pandas 单元格问题在 Python 中,尝试将列表插入 Pandas DataFrame 的单元格可能会导致错误或意想不到的结果。例如,当尝试将列表插入 DataFrame df 的单元格 1B 时:df = pd.DataFrame({'A': [12, 23], 'B': [n...
    编程 发布于2024-11-06
  • Matplotlib 中的“plt.plot”、“ax.plot”和“figure.add_subplot”之间的主要区别是什么?
    Matplotlib 中的“plt.plot”、“ax.plot”和“figure.add_subplot”之间的主要区别是什么?
    Matplotlib 中绘图、轴和图形之间的差异Matplotlib 是一个用于创建可视化的面向对象的 Python 库。它使用三个主要对象:图形、轴和绘图。图形图形表示将在其中显示可视化的整个画布或窗口。它定义画布的整体大小和布局,包括边距、背景颜色和任何其他全局属性。轴轴表示图中绘制数据的特定区...
    编程 发布于2024-11-06
  • FireDucks:以零学习成本获得超越 pandas 的性能!
    FireDucks:以零学习成本获得超越 pandas 的性能!
    Pandas 是最受欢迎的库之一,当我在寻找一种更简单的方法来加速其性能时,我发现了 FireDucks 并对它产生了兴趣! 与 pandas 的比较:为什么选择 FireDucks? Pandas 程序可能会遇到严重的性能问题,具体取决于其编写方式。然而,作为一名数据科学家,我想花...
    编程 发布于2024-11-06
  • CSS 网格:嵌套网格布局
    CSS 网格:嵌套网格布局
    介绍 CSS Grid 是一种布局系统,因其在创建多列布局方面的灵活性和效率而迅速受到 Web 开发人员的欢迎。它最有用的功能之一是能够创建嵌套网格布局。嵌套网格可以在设计复杂网页时提供更多控制和精确度。在本文中,我们将探讨在 CSS Grid 中使用嵌套网格布局的优点、缺点和主要...
    编程 发布于2024-11-06
  • 适用于 Java 的 Jupyter 笔记本
    适用于 Java 的 Jupyter 笔记本
    Jupyter Notebook 的强大 Jupyter Notebooks 是一个出色的工具,最初是为了帮助数据科学家和工程师使用 python 编程语言简化数据处理工作而开发的。事实上,笔记本的交互性使其非常适合快速查看代码结果,而无需搭建开发环境、编译、打包等。此功能对于数据...
    编程 发布于2024-11-06
  • 如何在 PyQt 中的主窗口和线程之间共享数据:直接引用与信号和槽?
    如何在 PyQt 中的主窗口和线程之间共享数据:直接引用与信号和槽?
    PyQt 中主窗口和线程之间共享数据多线程应用程序通常需要在主窗口线程和工作线程之间共享数据。为了确保线程安全和正确的通信,PyQt 提供了几种实用的方法。选项 1:直接引用主窗口在此方法中,对主窗口的引用窗口被传递给线程。然后线程可以直接访问主窗口中的数据,例如 spinbox 的值。class ...
    编程 发布于2024-11-06
  • 对于专业开发人员来说最有用的 VS Code 快捷方式?
    对于专业开发人员来说最有用的 VS Code 快捷方式?
    VS Code 中 20 个最有用的快捷键 一般导航 命令面板:访问 VS Code 中的所有可用命令。 Ctrl Shift P (Windows/Linux) 或 Cmd Shift P (macOS) 快速打开:按名称快速打开文件。 Ctrl P (Windows/Linux) 或 Cmd ...
    编程 发布于2024-11-06
  • 何时使用“composer update”与“composer install”?
    何时使用“composer update”与“composer install”?
    探索composer update和composer install之间的区别Composer是一个流行的PHP依赖管理器,提供两个关键命令:composer update和composer install。虽然它们具有管理依赖关系的共同目标,但它们具有不同的目的并以不同的方式运行。Composer...
    编程 发布于2024-11-06

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3