user-interface - 自动完成与下拉菜单。什么时候使用？

Question

我在某处(不记得/在哪里找到)读过一篇有关Web可用性的文章，描述了何时使用下拉列表以及何时使用自动填充字段。

基本上，该文章说，人脑所存储的内容不能超过最后选择的五个选项。

例如，在个人资料表格中，当前有您的职业，并且系统为您提供了很多选项，当您阅读第六个选项时，您的大脑就不再记得第一个选项了。此示例是使用自动完成字段的好地方，用户在其中键入他认为是他的职业的内容，然后从过滤的几个选项中选择更好的一个。

我想听听您对这个问题的看法。

什么时候应该使用下拉菜单，什么时候应该使用“自动完成”字段？

Answer 1

对于受限列表，请勿使用自动完成编辑框或组合框，而应使用一个列表框，其中所有值都一次可见。对于有限的列表，尤其是静态内容最多为8个的列表，这会占用空间，但是会为用户提供更好的即时概览。

对于少于5个项目，单选组或复选框组(多项选择)也可能更好。

对于内容是动态的列表(例如联系人列表)，(滚动)列表框或组合框是合适的，因为您不知道列表中将包含多少项。为了使其易于管理，您将需要进行某种过滤和/或自动完成。

自动完成通常会遭受以下事实的困扰:用户输入的内容从一开始就需要与字符串匹配。我讨厌那些，除了它们用来基于我之前在那个(类型)字段中键入的内容来完成一个值时。例如。当今的浏览器在填写在线表格时会提供什么。

允许用户开始在组合框中键入内容通常会遇到相同的缺点。但是，坦白地说，如果过滤基于“像％abc％”而不是“以abc开头”，则不需要

当处理可能包含许多类似项目的列表时，我真的很喜欢GMail的“收件人”字段处理它的方式。您开始输入某人的姓名或电子邮件地址的任何部分，GMail就会下拉一个列表，列出所有联系人，这些联系人的姓名或电子邮件地址包含您到目前为止在其中任何位置键入的字符。使用向上和向下键更改下拉列表中的选择(不影响您键入的内容)，然后按Enter键将当前选择的项目添加到“收件人”字段中。到目前为止，当我不得不从列表中选择某些内容时，我已经获得了最好的用户体验。

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