it-swarm.cn

如何使用很多选项处理选择?

假设在网络应用中,我有供用户选择的选项列表。如果选择的数量很少,在这种情况下,我通常会使用下拉菜单,但是如果有50个选择,我应该如何处理呢?还是100?还是1000?

10
GSto

也许将两窗格方法与搜索结合起来?

Django admin multiselect

在搜索框中键入内容时,UI会在客户端动态过滤。我比只搜索更喜欢它,因为您可以发现所有选项。

对于奖励积分,您可以通过常规选择/多重控制 即时构建

11
Chase Seibert

一些想法:

  1. 组合框(或具有自动完成功能的某种搜索)
  2. 将选项分成组,然后让用户先选择组,然后从列表中选择较小的选项
5
Kostya

好吧,如果您有一个应用程序,用户可以从数千个选项中进行选择,那么我的第一个回答就是您设计的内容不正确。尝试缩小范围并考虑导致众多选择的信息体系结构,然后看看您能对此做什么。用户真的需要所有这些选择吗?您能为她摆脱一些麻烦还是选择一些合理的默认值?您如何处理选择问题的悖论?

但是,从更实际的角度来讲,请尝试将信息分为几类,然后以这种方式进行展示。如果我知道您要设计什么信息,我可能会更有帮助,因为这通常会影响您可以使用哪种可视化或控件。

考虑时区。您可以说的很具体,并提供每个时区,因此您需要做一些艰苦的工作才能使用户易于理解,从而列出大量清单。或者,您只能选择距离大多数地方最近的时区,这可能会遗漏一些特殊用户,但覆盖了其中的99%。

选择事件的时间也是一样。特定意味着用户可以选择最短的时间。 60个下拉菜单?或者,您可以将时间分段5分钟。突然,用户只需要从12个选项中进行选择,它就足以满足用例的需要。

3
Rahul

对于这么多的选项,任何类型的多选都会很烦人。认为一次错误的点击已经过去了半个小时。

您应该使用2个带有这样箭头的框alt text

几行JS并不难

1
Sruly
  1. 使用下拉菜单,对所有元素进行逻辑排序。
    例如-时区列表根据偏移量排序,国家/地区列表按字母顺序排列。
    此外,请确保用户可以输入该值,并且该值会自动建议/跳转到正确的值。

  2. 对其进行逻辑分组。如果只是名称,则可以先选择第一个字母,然后再找到适合的项目子集。如果可以对项目进行逻辑分类会更好,例如组织中的人员,可以很好地适合部门,地区等。
    您甚至可以拥有多个层次。

0
Dan Barak