证的错误页面非常可怕您刚刚填写了

somratislam9999

20 个表单字段，但由于单个字段无法验证，您仍然会看到同样臃肿的页面。 我清楚地记得在我们上次可用性研究中，每次测试对象遇到验证错误页面时，经常会大声绝望的叹息。一个> 关于  的进一步阅读：   表单验证：最佳实践和教程 良好网页表单设计的有用想法和指南 网页表单设计：展示和解决方案 我们还注意到，遇到验证错误的测试对象开始采取预防措施，通过编写以下内容在后续步骤中避免这些错误如果对“公司名称”字段是否为可选字段有疑问，请在“公司名称”字段中添加“/”等内容。 认识 前端、设计和开发用户体验，包括实用要点、现场会议、视频录制以及友好的问答。与  、  和许多其他人一起。 跳转至研讨会↬ 功能面板  上的表单字段验证错误页面 。

当获得完全相同的页面但带有错误消息时，用户会觉得自己几乎没有取得任何进展，尽管已经正确输入了 90% 的表单字段。 （图片：蓝色尼罗河） 验证错误页面的一些挫败感可能源于用户返回到他们来自的同一页面。由于以下几个原因，返回到完全相同的页面会出现问题： 在所有表单字段仍然显示（有效或无效）的情况下，用户可能难以识别众多有效字段中的少数错误字段. 更重要的是，两次看到同一页面会让用户看起来好像没有取得任何进展 加拿大电话号码表 尽管刚刚填写了许多表单字段正确。 在 ，我们反思了这个问题，并得到了一个我们称之为“仅错误字段”的想法——这正是本文的主题。在探讨这个想法之前，让我们先看看三种传统类型的验证技术：“同一页面重新加载”、“优化同一页面重新加载”和“实时内联验证”。



传统方式：同一页面重新加载  以下是  结账流程中的典型验证错误页面： 订书钉验证错误  结账流程的当前错误页面。除了错误指示不合格之外， 还违反了一些结帐可用性指南. 当用户首次提交页面时，整个页面将重新加载，但会显示验证错误。页面顶部的一条消息告诉用户他们犯了一个错误并描述了错误是什么；在页面下方，错误字段的标签以粗体和红色显示。 这比一些网站采用的仅用红色或粗体突出显示错误字段（没有任何描述）并让用户猜测出了什么问题的可悲做法要好得多。但实施可能会更加彻底。让我们看看史泰博的页面可以如何改进。 2.同一页面重新加载：已优化  为了获得更公平的比较基准，我们进行了三项更改，以大幅改进  的错误页面： 优化的  验证错误页面的模型。单击查看全尺寸。  错误页。