UI 建议：如何设计包含大量数据的表单 [关闭]答案

【问题标题】：UI Advice: how to design a form with a lot of data [closed]UI 建议：如何设计包含大量数据的表单 [关闭]
【发布时间】：2009-07-16 18:19:22
【问题描述】：

我正在重新编写一个作为数据输入工具的应用程序。现有应用程序在 Access 中，由一个具有多个网格的表单组成，每个网格包含许多列，需要用户水平滚动才能查看列。

表单上的当前网格在父子关系中分层布局。顶部网格代表项目，下方网格代表所选项目中的 SKU，下方网格代表上方所选 SKU 的季节数据（定价、运输信息等）。

我正在寻找有关此类应用的良好 UI 设计原则的建议。如何设计一个表单，让用户可以灵活地查看表单上数据的所有列，而无需滚动太多？

关于商业应用的 UI 原则有哪些好的在线资源？

谢谢！

【问题讨论】：

我 /highly/ 建议您考虑使用 WPF，因为它提供了比 Forms 更多的灵活性和功能。
WPF 是一个令人着迷的平台，可用于开发我们的下一代应用程序！几乎可以设置任何样式的能力，数据绑定支持和附加/依赖属性。哇！但是，我们不要大惊小怪，因为虽然 WPF 性能很好，但它还不是最好的……还没有。绝对是一个强有力的竞争者，但作为开发人员，我们仍然保留了前端的设计原则。

【解决方案1】：

我发现有助于开发美观的用户界面的一般经验法则是只呈现任何给定任务所需的内容。

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

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

这里有一些有用的基本原则

参考文献

这里有一些参考资料可以帮助您走上自己独特的道路

总而言之，我发现用他/她执行简单数据输入可能需要的所有信息来压倒用户并不是一个理想的方式。对我来说，逐步呈现功能和工具来做他们想做的事是一个更好的选择。

和往常一样，将自己置于用户的位置：“我喜欢我所看到的吗？使用它是否让我开心？程序是否过于受限？我怎样才能使任务 X 更容易执行?”

【讨论】：

【解决方案2】：

usability.gov 是一个很好的 UI 设计资源。另外，请查看wufoo.com，这是一个表单托管网站。他们的blog 充满了关于可用性和表单设计的有趣研究。

【讨论】：

【解决方案3】：

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

正如 Mike 提到的，“只展示任何给定任务所需的内容”

【讨论】：