javascript - 列表框中的最大条目数

Question

一个简单的列表框(组合框)最多应该包含多少条目？美国有五十个州 - 50 个太多了吗？世界上有 270 多个国家和地区 - 270 太多了吗？

ListBox 何时应包含搜索或提前输入功能？设计者什么时候应该考虑 ListBox 以外的东西？

您是否有指向酷炫小部件的任何链接，这些小部件可帮助用户从众多选项中进行选择？

提前谢谢你。

Answer 1

如果用户通过提前输入知道她或他想要从一个排序良好的列表中得到的精确值，那么超过 1000 个项目是可以的。严重地。亲自尝试一下:搜索您的硬盘驱动器，生成 1000 个左右的文件，看看滚动或提前输入您知道的文件有多难。

比项目的原始数量更重要的是列表中的项目与可滚动 Pane 中可见的项目的比率，无论您是在谈论列表框还是组合框的下拉部分。您希望一次至少有 5% 的项目可见。因此，对于 1000 个项目，您需要一个大约 800 像素高的 Pane (每行 16 像素)。这将 1000 设置为给定典型低端桌面显示器尺寸的限制。如果您谈论的是使用笔记本电脑使用网站的用户，那么您只有大约 560 像素(允许浏览器控件等)，所以现在您正在查看 700 个项目。还是很多。我们假设有一个适当的可滚动列表，其中列表会随着拖动 slider 而立即滚动。

我只看到当项目数量超过 1000 个而不是 100 个时需要过滤/搜索控件(与单独输入相比)，尽管您需要为特殊情况设置异常(exception)(例如，当用户实际上不知道他/她到底想要什么和需要探索各种标准的替代方案，或者当有大量项目都以相同的 9 个字母开头时)。

始终提前输入。没有理由不这样做，即使项目数量很少，它也有利于仅使用键盘而不是鼠标(在数据输入中很常见)的用户。把它当作一个标准。您不希望用户不得不猜测您是否为给定字段选择了提前输入(“他认为 10 项就足够了吗？他有过吗？”)，所以一直都有它。