产品设计交互规范-select 选择器(十)

select 选择器

视频及原型文件下载:https://study.163.com/course/courseMain.htm?courseId=1209770824&share=2&shareId=400000000540015

定义:用户通过选择枚举项,提交到服务器,后端存储为枚举项。当选项过多时,使用下拉菜单展示并选择内容

交互原则:

1、选项数目在5~15个之间。(针对多余15个的情况,可考虑使用具有搜索功能的下拉框);

2、重要度较高、常用的高频选项放在前面;

3、选择框内要有引导用户操作的提示标签,避免无标签或”请选择”之类的标签。

交互说明:

1、【默认文案】:默认的提示文案内容,例如:请选择所在省份;

2、【选择框内容序列】:选择框内可选择项的序列,例如:选择框内容为:待付款、待发货、待收货、待评价、已完成;

3、【选这款样式】:需要说明选择框的具体样式,选择框的样式有:可清空选择框、可搜索选择框、单选、多选;

使用场景:

1.弹出一个下拉选项给用户选择操作

2.当选项少时(少于 5 项),建议直接将选项平铺,使用 Radio 是更好的选择。

例如淘宝卖家后台筛选订单的状态时,点击选择器,出现下拉列表。这就是一个常见的选择器,选择器分为多选和单选两大类


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容