面向经过培训/有经验的用户的大型网络表格（数十个字段）？

Question

我一直在寻找一些指导或大型表单（几十个字段 - 可能超过50个）的Web表单设计示例，以便为将在应用程序上进行培训的用户群提供帮助。

99.9％的指导似乎是针对“可访问性”或“直观性”，这些都是有效的目标。问题是，与第一（或唯一）时间可能遇到它的用户一次性或不经常使用的表单与用于业务应用程序的数据输入表单相比需要有很多不同的考虑因素将在应用程序培训的用户全天重复使用。

• 如果我正在设计一次性（例如注册表格），那么我想专注于设计表单，以便用户不由自主地流过这些步骤并最终完成他们的目标感觉一切都温暖而模糊。
• 如果我为有经验的用户设计每天使用20x的表格，他们会希望将其设计为最大限度地减少点击次数和导航等。他们并不关心[外观]或天赋和微妙的线索，以帮助他们通过表格工作。他们知道表格就像他们的手背，只是希望能够尽快输入数据，并尽可能在一个视图中查看。

我从用户那里获得的要求是他们希望在一个屏幕上看到“一切”。他们不想滚动。他们希望尽量减少点击其他页面以继续工作。

有没有人有任何建议/链接/可怕的警告？

谢谢， 戴夫

Answer 1

我的直觉是告诉您将其分解为用户可以在其间导航的部分，以最大限度地减少他们必须执行的连续数据输入的数量，以及将必须的部分保持为minium。一直到底部只需要向上滚动到顶部...很烦人！

但是，由于您需要大型表单，我的建议是：

1. 随时验证。一旦用户离开输入或部分，让他们知道一切都没问题。不要将它们粘在控件上，使用视觉反馈（如背景变红或类似）。

2. 不要丢失那个页面！使用您可以使用的任何技术（包括后台提交）来存储用户的状态。有趣的是，某个用户驱动的程序员社区网站可以做到这一点......

3. 标签导航！设置Tab键顺序！你的键盘向导会爱你

4. 虽然您可能希望尽可能多地卡在一条线上，但请不要。保持良好的间距和垂直导航 - 人们习惯于垂直滚动，良好的间距使事物可读。

还有更多，但正如您所料，还有更好的答案，here

Answer 2

我们在“使用的表单”一书中介绍了为高使用率，受过培训的用户设计表单的关键驱动因素。

关键点是：

• 如上所述，尝试将所有内容填充到一个页面上。当你每天都在使用相同的表格时，不得不在屏幕上点击屏幕变得非常累人。
• 如果您必须分开一些物品，请进行非常仔细的观察分析，以发现哪些物品很少被真正使用。将这些放在“额外点击”屏幕上。
• 无情地缩写标签，从用户那里获取需要缩写的建议。无论如何，他们会迅速停止阅读标签，主要是从相对于彼此的绝对位置开始工作......
• ...这意味着：不要让字段移动。确保他们保持绝对的地位;这对于完成速度至关重要
• 确保单独使用击键完全导航表单。这对于有经验的用户快速完成至关重要
• 找出答案来自哪里进入田野。如果他们正在从另一个文档输入内容（它仍然发生，相信我），请确保该字段排列在彼此相同的绝对位置，如他们输入的文档的布局所示。
• 不要太担心'直觉';这些人将接受培训。
• 跳出率完全不相关，因此您可以跳过任何有关“转化”或“跳出率”的建议。这些用户无法选择去其他地方并使用其他形式。

如果您想更详细地讨论这个问题，请直接给我发电子邮件：Caroline Jarrett。有关Forms that work - our book's web site

的更多详细联系信息

Answer 3

我有两个建议。键盘和一致性。当你经常使用这样的表格时，你想要的一件事就是能够闭着眼睛做这件事。

焦点应该在第一个字段，从那里它应该采取确切的顺序，如果每次按键填写并提交表单。通常这意味着并输入所有字段，然后按Enter键提交。

当出现问题时，尝试在那里获得音频反馈，通常人们会盲目地将他们的眼睛放在一张纸而不是在屏幕上，一个简单的嘟嘟声告诉他们看屏幕确实有帮助。 / p>

Answer 4

嗯，

我知道客户希望在“一个”页面上完成，但如果很少使用，就像你说的那样，我会用一口大小的碎片给它们，否则你的跳出率就会达到顶峰。

这里有一些使用jquery的链接，形式类似于我所指的：

http://www.thecodemine.org/

http://cardonadesigns.com/wordpress/thoughts/ajaxish.php

http://jquery.bassistance.de/validate/demo/multipart/

仅举几例。