列表中有30-35个项目,预计会进一步增长。什么是将它放在页面上的最佳方式?下拉列表是我想到的第一个控件,但随着列表的增长,它很容易变得很痛苦。
什么是最好的可用性控制来呈现这样的长列表?
答案 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应该将其扩展为多列列表而不是一个长列表