我正在重写一个数据输入工具的应用程序。现有应用程序位于Access中,由包含多个网格的表单组成,每个网格包含许多列,要求用户水平滚动以查看列。
表格上的当前网格在父子关系中基本上已经布局。顶部网格代表项目,下面的网格代表所选项目中的SKU,下面的网格代表上面选定SKU的季节数据(定价,运输信息等)。
我正在寻找有关此类应用的良好UI设计原则的建议。如何设计一个表单,使用户可以灵活地查看表单上数据的所有列,而无需滚动太多?
商业应用的UI原则有哪些优秀的在线资源?
谢谢!
答案 0 :(得分:6)
我发现有助于开发美学上令人愉悦的用户界面的一般经验法则是只展示任何给定任务所需的数量。
我们在设计表单时可以采用的方法之一是通过将控件集中在水平轴上,将用户的注意力集中在手头的任务或功能上。
文化也在接受我们编写的课程中起着重要作用。例如,在西方文化中,我们从左到右,从上到下阅读。因此,针对西方观众的节目理想地应遵循相同的设计原则。
以下是一些有用的基本原则
以下是一些参考资料,可以帮助您走上自己独特的道路
(Windows) User Experience Interaction Guidelines
(Apple) User experience guidelines
Windows design principles
(Windows) Some design pointers
总而言之,我发现用他/她可能需要执行简单数据输入所需的所有信息来压倒用户并不是一种理想的方式;相反,逐步呈现功能和工具来做他们想要的,对我来说,是一个更好的选择。
与往常一样,将自己置于用户的位置:“我喜欢我看到的内容吗?它是否让我很高兴使用它?程序是否受限制?如何使任务X更容易执行?“
答案 1 :(得分:2)
usability.gov是UI设计的绝佳资源。另外,请查看wufoo.com,这是一个表单托管网站。他们的blog充满了关于可用性和表单设计的有趣研究。
答案 2 :(得分:0)
此网站可能会帮助您:http://www.jankoatwarpspeed.com/post/2009/02/18/How-to-deal-with-large-webforms.aspx。标签和标签的重点可折叠区域。
此外,如果您不需要水平显示所有这些列,则可以在用户单击条目时显示它们以查看更多详细信息。我通常更喜欢显示关键信息,然后要求用户在需要详细信息时查看更多详细信息。
正如迈克提到的那样,“只提出任何给定任务所需的概念”