下拉列表怎样同时选择多项不同内容_不同列表的优缺点分析

    用户常使用的列表大体分为两种，列表框与下拉列表。

列表框包括三个重要组成部分：容器框、项列表和标签，列表框根据       选择类型可以分为4种表现形式

单选列表框：使用这种类型的列表框，用户只能从选项列表中选择一项。

多选列表框：用户可以通过在单击选项时按住Shift键来选择或取消选择一个或多个选项。

带复选框的多选列表框：这种类型的列表框包括让多选功能更加明显的复选框。

多选双列表框：这种类型的列表框由两个列表框组成。

而下拉列表通常包含四个主要部分：容器框，向下箭头按钮，选项列表和标签。单击向下箭头时，显示选项列表，用户只能从中选择一个。

列表框和下拉列表在实际中的应用

列表框和下拉列表可以使表单更加紧凑–特别是当存在许多可选项时，将这些选项显示为独立的单选按钮或复选框的列表相比来说会占用较大范围的不必要的屏幕空间。

当可用选项较少时，选择适合单选的独立单选按钮列表是合适的。当选项过多时，请使用列表框或下拉列表，具体取决于可用的屏幕空间以及用户能接受的默认显示数量。

独立复选框的列表适用于多选。当有许多选项可供选择时，请使用列表框，因为它们可以容纳更多选项，并且比在页面上垂直列出许多复选框要占用更少的空间。

在电子商务网站上，列表框通常用于容纳在类别页面左侧层叠的过滤器，而下拉列表则可能包含用户可以对产品进行排序的功能。

列表框和下拉列表的优缺点

列表框的优点：

交互成本低：列表框不需要用户单击任何内容即可在进行选择之前显示其中的选项(如果有太多项，则可能需要用户滚动列表)。增加的选项可见性，一次查看多个选项的功能

列表框的缺点：

屏幕显示：尽管它们很紧凑，但它们确实会比下拉列表占用更多的屏幕空间。用户可能无法一次看到所有选定的选项

下拉列表的优点：

下拉列表的使用频率比列表框高。它们占用的屏幕空间更少，但可以容纳与列表框一样多的项目。下拉列表的其他优点包括：

· 为用户提供最佳选项的功能：最佳选项默认处于选中状态。

· 淡化替代选项和更改：由于下拉列表隐藏了其他可用选项，因此它们很好地淡化了替代选项并淡化了对其进行更改的能力。

 

下拉列表的缺点：

下拉列表的一个典型缺点是它们需要单击以显示其他的选项。其他缺点包括：

内容过多：它们包含过多的内容，当它们包含过多的选项时可能会很麻烦。

减缓用户使用速度：例如，当输入生日或信用卡到期日期时，与使用下拉列表进行选择相比，在表单字段中键入内容通常更加方便和快捷。

容易失误不够智能：不小心将光标从框中移开会关闭下拉菜单，人们不得不重新开始选择过程。

总结

当设计过程中需要用到列表框或下拉列表时，一般都会有特定的分类情况，对比归纳总结之后选择出能提升用户体验的列表方式。