扫码阅读
手机扫码阅读

单选控件 | 控件怎么选?跟着场景走就对了!

161 2024-03-22

产品经理必聊的100个话题第21期:单选有多少种表示方式

在页面设计中,单项选择问题常见,需要根据不同场景选用合适的控件以提升用户体验。掌握多种控件对于设计师是非常必要的。

控件说明

1. 单选控件Radio
适用于必须从一组选项中选择一个的情况,不建议用于选项过多的场景。

2. 下拉框DropDown
适合于选项数量有限且需要显示列表菜单的情况,用户可以从中选择一个。

3. 开关控件Switch
用于两个互斥状态之间的切换,适用于On/Off选项,尤其方便于小型设备。

4. 胶囊选项控件Capsule
在少数几个选项中选择一个,用户体验较好的控件。

5. 打分控件Rate
适用于从不超过10个数字中选择一个的场景,主要用于打分。

6. 级联下拉框Cascader
当选项数据众多且按照规律分类时,可使用级联下拉框,它提供多个层级选择。

7. 树形选择器TreeSelect
与级联下拉框类似,通过级联关系提供选择的控件。

8. 超长数据过滤器DataFilter
适用于从大量无规律数据中筛选,通过关键词过滤出相关的选项。

想要了解更多,点击 查看原文