下拉列表的替代方案是什么？

Question

5

清单中有30-35个项目，预计将进一步增加。最好的方式是将其放在页面上？下拉列表是首先想到的控件，但随着列表的增长，它很容易成为一个痛点。

如何呈现这种长列表才能获得最佳的可用性控制呢？

- user32262

12个回答

4

如果您将35个选项按字母顺序排序后放入列表中，用户只需输入前几个字符即可接近他们想要的选项，因此35个选项并不算太多。由于该功能，即使有数百个条目可供选择，也不会显得太多。

- Ron Savage

2

用户不需要输入。要求是用户只需点击一个项目来执行操作（例如从下拉菜单中选择一个项目）。 - user32262

同意，对于这么长的列表来说，一个简单的下拉列表是完全可用的。 - Nick Higgs

一个普通的终端用户不一定知道他们可以输入前几个字符。我维护的应用程序中有一个大约有300个条目的下拉列表，相信我，这是一个可怕的UI选择。 - Peter Di Cecco

4

这实际上是一个非常困难的决定，如果不了解产品或将使用该产品的人的技术素养，就无法给出确定的答案（您是否已经与用户（甚至代理用户）测试过想法？）。

您可以做的一件事是将信息分解成相关的部分：

描述
列表元素一
列表元素二
描述
列表元素三
列表元素四

唯一的缺点是，如果有人选择其中一个描述性元素，您可能需要处理会发生什么情况。

- AdamC

1

<optgroup> 可用于分组（非可点击的描述！） - Sorin Comanescu

3

如果列表变得太长，可以制作一个按钮，打开一个完全可搜索和可排序的值列表。

- Erich Kitzmueller

2

请查看Room To Read网站，这是我见过的最实用的菜单设计之一。没有下拉菜单。

- zibzib

2

创建一个勾选框/单选框的网格，这样可以利用水平空间。同时按字母顺序排序选项也会大大有助于此。

- SpliFF

1

你应该将其展开为多列列表，而不是一个长列表。

- Ayyash

1

我建议使用“边输入边查找”的自动完成文本框。

- Peter Di Cecco

1

我认为我会尽量避免使用下拉列表，不是因为项目的数量，而是因为当选择一个项目时会发生什么：从用户的角度来看，选择下拉列表中的项目并不会立即执行命令，这种情况并不常见。我会考虑使用一种通常用于表示命令的控件。

我想到的第一件事就是使用按钮和弹出菜单。单击按钮将在按钮下直接显示菜单。然后，您还可以利用菜单的级联功能将项目分组成逻辑组。您还将以使用户思考“命令”而不是“选择”的方式呈现项目。

- Fredrik Mörk

1

有两个列表，其中一个是类别，另一个列表根据所选类别显示相应的项目？

- cjs

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- ChrisW · Accepted Answer

另一个选择是使用多层树，如果您能想到一种分割列表的方法：例如，35个项目可以分为7组，每组5个项目。