我必须为传入的信件路由创建一个小的“谁做什么”的Web应用程序:
因此,我需要一个清单(在这种情况下项目的顺序很重要,因为列表中的第一个雇员被认为是“主要负责人”):
如果我们有10名员工,那么设计将非常简单 - 员工下拉列表,任务下拉列表,到期日期选择器,“添加到列表按钮”
像这样alt text http://naivist.net/tmp/layout.jpg
当然,除了它之外,我还会添加一个带有“向上移动”/“向下移动”按钮的结果列表
但是,600个项目的下拉列表显然太多了;这意味着必须按名称,姓氏,部门搜索一些用户。
我擅长技术创建应用程序(JavaScript,jQuery和ajax请求是我的朋友),但问题是 - 如何设计Web表单的界面,以便用户能够理解他们究竟在做什么?如何布置表格中的项目?在开头展示什么,隐藏什么?
也许我可以在这里使用一些现代的UI表单模式?例如,也许用户可以输入的文本框和最近匹配的自动建议会丢失? 也许可以应用一些可拖动/可放置的模式(例如,在输入用户名后,将其放在适当的任务上)?用户通常会轻易采用这种非标准接口吗?
提出问题 - 人们通常如何解决这类数据输入问题?你有没有在网上找到这方面的好例子?告诉我,因为我现在想不出来。
抱歉,有很多问题,其中很多都是可以讨论的。我应该将其标记为“社区维基”吗?
答案 0 :(得分:2)
一看到问题,我就想AutoComplete。既然你也这么认为,这可能是这个问题的明显解决方案。电子邮件的“收件人”字段具有相同的问题 - 如何从1,000个联系人中选择一个人。
雅虎有一些很好的可访问性考虑因素,以确保自动完成字段的工作方式明显且与典型行为一致。
由于任务包含5个项目,因此可以使用下拉菜单。建议的下拉上限为7项,因此您在限制范围内。一个建议是用“by”或“on”结束任务,以便该行读起来像一个句子 - John Doe在22/01/2010写了一封回复信。此外,在下拉中包含一些视觉辅助可能会在某些情况下增加外观。
答案 1 :(得分:2)
首先,我不确定我是否同意非标准接口部分。我想这取决于用户实际上是谁,但我肯定会说,从航空公司预订表格到搜索引擎,这种文本框/自动搜索功能正变得非常标准。
关于选择方法,我会选择文本框方法,以便当用户键入文本时,搜索开始,其结果将显示在下拉列表中。搜索当然应该至少使用某种智能正则表达式搜索姓氏和名字。
最重要的是,我仍然会添加一个选择字段,可能不是下拉列表,但可能是一个包含所有员工的列表框,可能还有按姓氏或名字命名的选项。这适用于那些不知道人名拼写,或者不记得姓名的人。
否则你在那里的布局似乎对我有用。我不会玩拖放任何东西。这当然会给它带来很好的感觉,但是对于分配任务应该做些什么更加不清楚。如果你发现自己写了关于如何使用这个东西的说明,那么你已经过分了。
我想到的另一件事就是有一个苹果菜单,你首先有一个空列表,当你点击列表时,会出现输入字段。这样做的问题在于,由于用户界面没有说明如何将内容添加到列表中,人们很容易感到困惑。