可用性技术可以更好地呈现表单

时间:2011-01-07 18:16:58

标签: .net jquery html asp.net-mvc usability

我正在尝试使用很多字段来简化表单(使用ASP.NET MVC但我猜这可能无关紧要)。我最初的想法是把它分成标签,但后来我在某处读到这将是可用性地狱。此外,必填字段将在不同选项卡之间拆分,因此验证将是一项挑战。有什么方法能够以一种很好的方式呈现表单,以便它不是一个很长的字段?

6 个答案:

答案 0 :(得分:4)

我认为关键是要尊重用户的期望。

  • 标签有它们的位置,但我认为对大多数用户来说,期望你去另一个标签执行不同的任务,而不是需要转到多个标签来填写单个表格。

  • 对于长篇形式,向导方法可能很好,特别是如果您提供有关用户进度的反馈。

  • 如果某些问题仅适用于其他问题的答案,那么隐藏条件问题肯定会很有用。

  • 有时可以在整个用户与网站的互动中分散问题,而不是让他们一次回答所有问题。

  • 最后,作为开发人员,我确实觉得我有责任通过向客户建议他们可能不需要提供这么多信息来为用户提倡。

答案 1 :(得分:2)

就我个人而言,我认为展示“一长串的字段”不仅是最有用的,也是呈现表单的最佳方式。

有一种观点认为,用户更有可能填写分为多个页面的长格式,但作为个人偏好,我喜欢看到我在做什么以及需要填写什么。

(根据我自己对多页表单的体验,我通常会在中途退出,因为我无法估计填写表单所需的时间,我还有其他需要的东西做。)

我喜欢做的一件事是使用<fieldset>分隔相关区域,然后设置样式以提供干净清晰的形式。这使得用户可以轻松查看他们需要填写的数据(分成逻辑fielsets),并为开发人员提供了为每个区域设置样式的机会,使表单看起来不那么令人生畏。

答案 2 :(得分:1)

多个标签很好,但不是“提交”有“下一步”,直到最后一个标签,你有“完成”。同时用表格顶部的“第2部分,共5部分”表明你所在的位置。

事实上,您可以使用选项卡进行分散,但如果您可以返回并修复,那就很好了,所以如果不是制表符,则需要“上一页”和“下一步”按钮。

只有标签,每个标签上的提交按钮以及所有地方的必填字段都会非常令人讨厌。 :)这比你必须向上和向下滚动的一个庞大的形式更糟糕。

答案 3 :(得分:1)

我必须说我非常喜欢StackOverflow Careers上的表单,您可以在其中发布/编辑您的简历。它在一个页面中是一个非常长的形式,但它不会成为一个问题,因为你总是知道你在哪里以及做什么。

就个人而言,我喜欢整个表格的单页。这样,您可以快速查看表单以及完成表单所需执行的操作。

答案 4 :(得分:1)

听起来Accordion Forms可能符合您的需求。

基本上,不是将您的字段显示为向导或一系列标签,而是将表单显示在一个页面上,但折叠的部分会根据需要或用户点击“下一个”进行展开。

案例展示了Apple对它们的使用。

答案 5 :(得分:0)

如果您使用类似向导的方法,那么最好在按下“完成”后按“下一步”而不是在最后一页上验证每个页面。