了解B端产品软件

每个组件有每个组件的作用，在合适的场景使用合适的组件，对B端产品的用户体验来说至关重要！如果您需要相关服务，可以找天津天迅达科技有限公司，我们的业务有Web开发、iOS APP、Android APP、微信开发、HTML5开发等，天迅达——您身边的App个性化定制专家！

想做好一个厨师，就必须要认识盐、酱油、鸡精、蚝油、葱姜蒜这些东西，而且还要熟悉他们的作用.同样的道理，如果想做好一个B端产品经理，就必须要认识组成B端产品的各种组件。它们就像厨师的葱姜蒜一样，是成为一个优秀的B端产品最最基本的基本功。

一 选择器的构成

一个基本的选择器，是有以下四部分组成：

文本标签 选择框 下拉面板 星号

二 根据扩展功能

根据扩展功能的不同，选择器有以下几种类型：

1. 带清除按钮：可以一次性清除已选项。

2. 菜单分组：待选项过多时，可以使用层级来显示，方便用户操作。多用于数据结构比较复杂的情况。

3. 超过一定数量显示个数：已选择数量超过一定个数时折叠显示，同时显示被折叠的选项数量。

4. 带搜索框：当待选项数量较多时，在下拉面板中增加搜索功能，方便用户选择数据。

5. 可新增选项：允许用户增加选项。

6. 限制可选数量：超过规定的数量，就不可以在继续选择，待选项置灰。

7. 可直接搜索待选项：支持用户在选择框中输入关键词搜索。

六、使用规则与注意事项

1. 选择器组件的二用二不用

1）二用

1.用户在填写表单时使用，选择器提供封闭式选项，可以防止用户输入错误。同时可以提升输入效率，使用“选择”替代“输入”。

2.在进行属性选择时使用，用户可以从一组数据中选择一个值作为关键词进行信息筛选。

2）二不用

1.选项数量不超过5个时不能使用。不超过5个建议使用单选框或者复选框组件。

2.选项数据过于简单时不用。例如用户的出生日期、月份、年份等。过于简单的数据可以让用户使用输入框组件直接输入。

2. 注意事项

·标签文本需要非常直观说明选择器的作用。

·下拉面板中的选项的排列要有规律，比如订单状态选择器中，根据订单的流转顺序排列。方便用户的快速找到需要的选项。

·当下拉面板中的选项数据过多时，配合使用滚动功能，防止下拉面板太长，影响页面整体布局。

·特殊场景，可以配合使用扩展功能，提示用户使用效率。

三、选择器的大小

提供大小、中（默认）、大三种不同尺寸的的选择器，高度分别为：30px、36px、42px。

六、使用规则与注意事项

1. 选择器组件的二用二不用

1）二用

3.用户在填写表单时使用，选择器提供封闭式选项，可以防止用户输入错误。同时可以提升输入效率，使用“选择”替代“输入”。

4.在进行属性选择时使用，用户可以从一组数据中选择一个值作为关键词进行信息筛选。

2）二不用

3.选项数量不超过5个时不能使用。不超过5个建议使用单选框或者复选框组件。

4.选项数据过于简单时不用。例如用户的出生日期、月份、年份等。过于简单的数据可以让用户使用输入框组件直接输入。

2. 注意事项

·标签文本需要非常直观说明选择器的作用。

·下拉面板中的选项的排列要有规律，比如订单状态选择器中，根据订单的流转顺序排列。方便用户的快速找到需要的选项。

·当下拉面板中的选项数据过多时，配合使用滚动功能，防止下拉面板太长，影响页面整体布局。

·特殊场景，可以配合使用扩展功能，提示用户使用效率。

四、相似组件

以下是几个与选择器功能相似的组件，通过横向对比，更容易掌握各组件的作用与应用场景。

五、相似组件

以下是几个与选择器功能相似的组件，通过横向对比，更容易掌握各组件的作用与应用场景。

八、小结

每个组件有每个组件的作用，在合适的场景使用合适的组件，对B端产品的用户体验来说至关重要！

熟悉B端组件，就像厨师熟悉葱姜蒜一样，是你B端产品生涯不可或缺的一项基本技能。

just do it！

天津天迅达科技有限公司从业多年，积累丰富项目经验，能帮助您做出您想要的产品。

以上所有设计图和部分文字均来自网络，如有侵权，请call我删除，感谢~

天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索，已经帮助每一个客户快速开发出属于自己的APP、小程序、网站，是万千企业之选。
标签：天迅达科技 天津APP开发 天津网站建设 网站建设