处理Web应用程序中数据列表选择的建议?

时间:2009-10-22 12:56:30

标签: design-patterns user-interface usability

我正在努力从更好的做法或推荐的ui设计模式中选择数据列表,更具体地说,键/值数据。

我的问题是:

  • 我应该何时使用下拉菜单?
    • 你什么时候应该使用下拉列表中的单选按钮列表?
  • 当 我应该使用列表框吗?
    • 如果您允许多项选择,是否最好使用复选框列表?
  • 是什么? 处理选择的最佳方法 大数据列表?
    • 允许过滤/选择数据的弹出窗口
    • 自动填充文本框(虽然支持键/值不多)
  • 是否有任何好的网站可以解释用于数据列表选择的ui模式?

从大量数据中选择时,您如何处理?我看到很多使用值的自动填充指南,但没有键。

我意识到这可能是主观的,但我真的需要一些关于处理此类数据输入的更好方法的指导。

为了它的价值,我正在用C#和ASP.NET Web Forms开发我的应用程序。

更新

以下是一个大型列表数据的示例,用于选择客户:

Id      Name         Address                                 Active
-------------------------------------------------------------------
1       XYZ Company  1234 Main St., Some City, Some State      Y
2       ABC Company  1234 Main St., Some City, Some State      N
3       RST Company  1234 Main St., Some City, Some State      Y

有时我的客户想要查看更多信息,而不仅仅是值字段,在这种情况下名称(这是相关文本框中显示的内容)。

4 个答案:

答案 0 :(得分:4)

单选按钮:仅在少数选项(< 10)时使用它们,您只选择一个。

复选框列表:一些选项(< 10),您需要选择多个选项。

列表:允许多项选择的另一种可能性。

列表/下拉列表:从长列表中选择一个元素。

双重列表:从一个长列表中选择一个元素,然后单击“选择”按钮将所选项目传输到第二个列表。第二个列表将为您提供选择概述。

自动建议:从极长列表中选择一个元素(数千个)。

答案 1 :(得分:1)

为了回答您的具体想法,已确定的智慧是,对于少数数据元素,使用带有单选按钮的完整列表进行单选;当元素很少时多个选择的复选框和多个元素的多选列表(在多选列表中更容易选择)

对于过滤/自动完成,它是用于大型数据集的非常好的模型,但精确的形式将取决于以下问题的答案:

  • 每个键的值是1吗? > =每个键的值为1? 1 /许多键值对,其中整个键值对被视为原子数据?

  • 有很多钥匙吗?每个值有多个键?

答案 2 :(得分:0)

花一点时间,看看Remember the Milk(这是一个在线待办事项列表)如何管理列表选择。

答案 3 :(得分:0)

我会密切关注Gmail如何处理列表。

从本质上讲,电子邮件就是处理项目清单。 Gmail可让您轻松移动,复制删除和操作这些项目。