自动完成vs下拉。何时使用?

对于有限列表,不要使用“自动完成”编辑框或组合框,而是使用一个列表框,其中所有值一次都可见。对于有限的列表,尤其是静态内容多达8项的列表,这会占用大量空间,但会为用户提供更好的即时概述。

对于内容是动态的列表(如联系人列表),可以使用(滚动)列表框或组合框,因为您永远不知道列表中将包含多少项。为了使它易于管理,您需要允许某种过滤和/或自动完成。

允许用户开始在组合框中键入内容通常也有同样的缺点。但不可否认,如果过滤是基于“like%abc%”而不是“starts with abc%”,则不需要这样做

当处理可能有许多类似项目的列表时,我非常喜欢GMail的“To”字段处理它的方式。你开始打字 任何 一部分人的姓名或电子邮件地址和GMail将下拉列表,列出所有联系人的姓名 或 在任何地方 在他们内部。使用向上和向下键更改下拉列表中的选择(不影响您键入的内容),然后按enter键将当前选定的项目添加到“收件人”字段。到目前为止,最好的用户体验,我有迄今为止,当不得不从列表中选择一些东西。

还没有找到任何组件可以做到这一点,但它不是太难“假”相结合的编辑框和列表框,下拉时,你开始键入,其内容是过滤的基础上键入了迄今为止。

我会用两个标准,

2) 如果列表很长,用户要记住他/她要找的东西的前缀有多容易。。。如果不容易,使用自动完成是不相关的。。

我认为这取决于列表的多样性,以及对列表项的熟悉程度。

另一方面,如果名单上有5个以上的姓氏,我可能需要更多的时间才能做出选择。

你也许应该尝试两种选择,相信你的直觉,你会发现更容易使用。

最坏的时候 使用自动完成框是指当您有一组有限且相对较小的选项时,用户不知道有效选项的范围。例如,如果你在卖二手车,你有一个混合袋的品牌,简单地列出一个组合框中的品牌是更有效和更容易浏览比自动完成的方法。

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

另一种方法是两者兼用。我相信Dojo有一个小部件,它既是一个组合框,又是一个自动完成字段。你可以选择开始打字,它会缩小可能的选项范围,或者你可以用鼠标和它交互,像一个组合框一样浏览它。

我通常看名单会有多大。如果有15个以上的选项,那么如果他们能开始打字,就更容易找到了。

我的另一个情况是,当有其他的选择,他们可以自由键入它。这从本质上消除了对两个控件的需要,因为您可以组合在一个控件中。

主要的区别与可用性无关,而与定义可接受的输入有关。

当您有可接受输入的预定义列表(例如枚举或职业列表)时,通常使用组合框。

请记住,组合框确实允许您输入它们来选择第一个匹配选项。某些类型的组合框(取决于您使用的UI框架)甚至允许在字段顶部或侧面搜索自由格式的文本字段或将其添加到列表中。

当然,确定用户偏好的最佳方法是测试:A/B、字段、用户等。