7

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

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

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

对于商业应用程序的 UI 原则，有哪些好的在线资源？

谢谢！

4

3 回答 3

6

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

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

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

这里有一些基本原则会有所帮助

  • 使用友好的词语和术语而不是讨厌和苛刻的语气：“无法在位置'c：\ temp'找到文件”而不是“找不到所需的文件，请修复错误。”
  • 适用于整体外观和字体的单一配色方案
  • 所有表单上的通用控件布局呈现
  • 遵循您所针对的平台通常采用的设计指南

参考

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

(Windows) 用户体验交互指南
(Apple) 用户体验指南
Windows 设计原则
(Windows) 一些设计指针

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

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

于 2009-07-16T18:41:11.147 回答
2

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

于 2009-07-16T18:22:41.480 回答
0

这个网站可以帮助你：http ://www.jankoatwarpspeed.com/post/2009/02/18/How-to-deal-with-large-webforms.aspx 。有标签和可折叠区域的要点。

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

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

于 2009-07-16T18:45:25.273 回答