下拉列表的替代方案?

时间:2009-05-23 04:41:24

标签: controls drop-down-menu usability

列表中有30-35个项目,预计会进一步增长。什么是将它放在页面上的最佳方式?下拉列表是我想到的第一个控件,但随着列表的增长,它很容易变得很痛苦。

什么是最好的可用性控制来呈现这样的长列表?

12 个答案:

答案 0 :(得分:5)

另一种选择是多层树,如果你能想到一种分区列表的方法:例如,35项可能是7组,每组5项。

答案 1 :(得分:4)

35不是一个很长的列表,只要你把它放在列表中按字母顺序排序,这样用户就可以输入前几个字符并接近他们想要的选择。由于这个功能,即使是几百个条目似乎也没有太多选择。

答案 2 :(得分:4)

这实际上是一个非常难的电话,如果不知道产品,或者将要使用该产品的人的技术素养是不可能给出可靠的答案(你是否已经与用户(甚至代理用户)测试过想法? )。

您可以做的一件事是将信息分解为相关的细分:

<强>描述
列表元素一 列表元素二 的描述
列表元素三 列表元素四

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

答案 3 :(得分:3)

如果列表变得太长,请创建一个按钮,打开一个完全可搜索和可排序的值列表。

答案 4 :(得分:2)

创建支票/收音机框网格。然后你可以利用水平空间。按字母顺序排序选项也会有很大帮助。

答案 5 :(得分:2)

查看the Room To Read Website我见过的最实用的菜单设计之一。没有下拉菜单。

答案 6 :(得分:1)

我想我会试着远离下拉列表,不是因为项目的数量,而是因为选择项目时会发生什么:选择下拉列表中的项目会立即执行并不常见命令(从用户的角度来看)。我会考虑使用一个通常用于表示命令的控件。

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

答案 7 :(得分:1)

两个列表,其中一个是类别,并将另一个列表更改为该类别的项目?

答案 8 :(得分:1)

如果您确实使用包含大量项目的下拉列表,我建议避免在扩展列表中强制施加任意小的“一次显示的最大项目数”(并包括垂直项目)除非您有充分理由这样做,否则请在展开的下拉列表中滚动条以访问其余项目。

我在一些应用程序中不止一次地烦恼,这些应用程序向我显示了一个包含大量项目(例如20或30)的下拉列表,但是显示的项目数量限制为少量(比如说,8)。我在整个应用程序窗口中有足够的屏幕空间,我的整个屏幕上还有更多可用的空间;那么为什么强迫我滚动列表以查看所有可用的选项,何时可以将列表绘制得足够大以同时显示所有项目?

答案 9 :(得分:1)

如果您的项目数量非常庞大 - 可以通过 ajax 根据对输入的字词进行搜索来填充该框 - 例如Google搜索和其他许多内容。也许在一些流行的图书馆中有一个罐装的JavaScript解决方案,任何人都可以添加到这个答案?

30项并不多。在大约150个国家/地区进行国家选择下拉框几乎无处不在(但该列表永远不会改变......这可能是考虑因素的一部分)

至于使用按字母顺序排序的列表 - 位于框旁边的提示可能使其更有用 - 访问者可以键入一些字符以快速浏览列表 - 正如Ron建议的那样。

答案 10 :(得分:1)

我建议使用“找到你自动填写”文本框。

答案 11 :(得分:1)

U应该将其扩展为多列列表而不是一个长列表