自动完成与下拉。什么时候用？

Question

我已经阅读了一篇关于Web可用性的文章（无法记住/找到哪里），该文章描述了何时使用下拉菜单以及何时使用自动填充字段。

基本上，文章说人脑不能存储超过最后五个选项供选择。

例如，在个人资料表格中，当前职业存在，系统为您提供了一系列选项，当您阅读第六个选项时，您的大脑将不再记住第一个选项。这个例子是一个使用自动填充字段的好地方，用户输入他认为是他职业的东西，然后从过滤的几个选项中选择更好的。

我想听听您对此主题的看法。

我应该何时使用下拉列表以及何时使用自动填充字段？

Answer 1

对于有限列表，请勿使用自动完成编辑框或组合框，但请使用列表框，其中所有值一次可见。对于有限的列表，特别是静态内容最多约8个项目，这会占用不动产，但会为用户提供更好的即时概览。

对于少于5个项目，无线电组或复选框组（多个选项）也可能更好。

对于内容为动态的列表，如联系人列表，（滚动）列表框或组合框是合适的，因为您永远不知道列表中有多少项。为了使其易于管理，您需要允许某种过滤和/或自动完成。

自动填充通常会受到以下事实的影响：用户类型需要从一开始就匹配字符串。我讨厌那些，除非他们习惯于根据我之前输入的那个（类型）字段来完成一个值。例如。填写在线表格时，现在的浏览器会提供什么。

允许用户开始输入组合框通常会遇到同样的问题。但不可否认的是，如果过滤基于“像％abc％”而不是“以abc开头”，则不需要

在处理可能包含许多类似项目的列表时，我非常喜欢GMail的“To”字段处理它的方式。您开始键入任何某人姓名或电子邮件地址的一部分，GMail将下拉列表，其中列出了名称或电子邮件地址包含您拥有的字符的所有联系人到目前为止输入任何地方。使用向上和向下键更改下拉列表中的选择（不影响您键入的内容），然后按Enter键将当前选定的项添加到“收件人”字段。到目前为止，我必须从列表中选择一些东西时获得的最佳用户体验。

还没有找到可以做到这一点的任何组件，但是通过组合编辑框和在开始输入时下拉的列表框来“伪造”并不太难以根据已经过滤的内容进行过滤打字到目前为止。

Answer 2

我会使用2个标准，

1）列表有多长，如果列表中包含5个元素，最好使用组合框，因为它对用户来说更容易（更好的用户体验）

2）如果列表很长，用户很容易记住他/她正在寻找的前缀...如果不容易，使用自动完成是无关紧要的。

Answer 3

我会说这取决于列表中的多样性以及对列表项的熟悉程度。

例如，如果列表包含超过5个汽车品牌（我熟悉的列表项），没问题。

如果另一方面，该列表有超过5个姓氏，我可能需要更多时间才能做出选择。

您应该尝试两种选择并相信您觉得更容易使用的内容。

Answer 4

这是相反的方法：

使用自动完成框的最差时间是指有一组有限且相对较小的选项，并且用户不知道有效选项的范围。例如，如果您正在销售二手车并且您拥有混合品牌的品牌，那么只需将品牌列在组合框中比使用自动完成方法更有效，更易于浏览。

能够记住最后5个选项很可能无关紧要，除非你有一个巨大的选项列表，并要求用户选择最相关的项目。

另一种方法是同时使用两者。我相信Dojo有一个小部件，既可以作为组合框，也可以作为自动完成字段。你可以选择开始输入，它会缩小可能的选项范围，或者你可以用鼠标与它进行交互，并像组合框一样浏览它。

Answer 5

我通常会查看列表的大小。如果有超过15个选项，那么只要它们可以开始输入就更容易找到。

另一种情况是，当有其他选项时，他们可以免费输入。这基本上消除了对两个控件的需要，因为您可以合并为一个。

Answer 6

主要区别与可用性无关，而更多地与定义可接受输入的内容有关。

当您拥有可接受输入的预定义列表（例如，枚举或职业列表）时，通常使用ComboBox。

当有许多已知输入时，最好使用自动完成字段，但也接受自定义输入。如果用户输入“Programmer”作为他们的职业，用户将会感到沮丧，但它不是预先定义的，可接受的输入之一，并且他们会收到一条消息，表明他们的输入无效。

请记住，ComboBox允许您输入它们以选择第一个匹配选项。某些类型的ComboBoxes（取决于您使用的UI框架）甚至允许在字段顶部或侧面的自由格式文本字段进行搜索或添加到列表中。

粗略确定您的用户喜欢的最佳方法是测试：A / B，字段，用户等。

希望这可以帮助您解决困境！