UI建议：如何设计一个包含大量数据的表单

Question

我正在重写一个数据录入工具的应用程序。现有的应用程序是使用Access开发的，包含一个表单和多个网格，每个网格都包含许多列，需要用户水平滚动才能查看列。

当前表单上的网格以父子关系层次结构排列。顶部网格代表项目，下面的网格代表所选项目中的SKU，下面的网格代表所选SKU的季节数据（定价、运输信息等）。

我正在寻求有关此类应用程序良好UI设计原则的建议。如何设计一个表单，使用户可以灵活地查看表单上所有数据的所有列，而不需要滚动这么多？

有哪些适用于业务应用程序的UI原则的在线资源？

谢谢！

- Chris Burgess

---

我强烈建议你考虑使用WPF，因为它提供的灵活性和功能远比Forms更多。 - Spencer Ruport

WPF是一个非常迷人的平台，可以用来开发我们下一代的应用程序！它具有几乎可以样式化任何东西的能力，数据绑定支持和附加/依赖属性。哇！但是让我们不要掉以轻心，因为虽然WPF的性能很好，但还不是最好的...尽管它是一个强有力的竞争者，但作为开发人员，我们仍然需要遵循设计原则来设计我们的前端界面。 - Mike J

Answer 1

我发现一个通用的规则有助于开发美观的用户界面，那就是只展示完成任何给定任务所需的内容。

在设计表单时，我们可以采取的一种方法是通过将控件居中放置在水平轴上，将用户的注意力集中于手头的任务或功能上。

文化也在程序的接受度方面起着重要作用。例如，在西方文化中，我们从左到右，从上到下阅读。因此，针对西方受众的程序应该遵循同样的设计原则。

以下是一些基本原则，可以帮助你：

- 使用友好的词语和术语，而不是令人讨厌和苛求的语气：例如，“文件未能在位置‘c:\temp’找到”而不是“找不到必需的文件，请修复错误。”

- 单一的颜色方案适用于整体外观和字体。

- 所有表单都采用常见的控件布局。

- 遵循你所针对的平台通常采用的设计指南。

参考资料：以下是一些参考资料，可帮助你走上自己独特的道路。

（Windows）用户体验交互指南
（苹果）用户体验指南
Windows设计原则
（Windows）一些设计要点

总之，我发现压倒用户所有可能需要执行简单数据输入所需的所有信息并不是一种理想的方式；相反，逐步呈现功能和工具以实现他们想要的操作，对我来说是一个更好的选择。

像往常一样，把自己放在用户的位置上：“我喜欢我看到的吗？这让我快乐地使用它吗？程序是否太受限制？如何使任务X更容易执行？”

- Mike J

Answer 2

usability.gov 是一个极好的UI设计资源。此外，您还可以查看wufoo.com，这是一个表单托管网站。他们的博客里面有很多关于可用性和表单设计的有趣研究。

- bkritzer

---

具有讽刺意味的是，据我所见，usability.gov 的可用性很差，结构也不太好。 - victor hugo

+1 对于 Wufoo，直到现在我都不知道它。 - Chris McCall

我认为usability.gov在其布局上有些虚伪，但它的提示非常好，并且它有一本手册提供了许多相关信息。 - bkritzer

Answer 3

这个网站或许对你有帮助: http://www.jankoatwarpspeed.com/post/2009/02/18/How-to-deal-with-large-webforms.aspx。重要的是选项卡和可折叠区域。

此外，如果您不需要在水平方向上显示所有列，可以在用户单击条目以查看更多详细信息时呈现它们。我通常喜欢显示关键信息，然后要求用户查看更多详细信息，如果他们需要特定信息。

正如迈克所提到的，“只呈现出完成任何给定任务所需的内容”的概念。

- brack