产品设计交互规范-checkbox复选框(十五)

checkbox复选框

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

定义:对于同一组选项,可以选择多项的组件。

交互原则:

1、 容易理解的选项

2、复选框需要更容易点击

3、一个选项情况下,还能用开关

交互说明:

1、【默认状态】:默认复选框为选中还是未选中状态,具体是哪个选项是选中的,例如:默认复选框组为未选中状态;

2、【状态改变时】:复选框选中的状态发生改变时,会影响到哪些元素,例如:点击取消全选选中状态时,会取消列表中所有选项的选中状态,置为未选中状态;

3、【选项枚举】:将所有的选项枚举出来,告诉研发同学,具体的数据内容或来源,例如:复选框选项为:活泼、健康、美丽、大方

使用场景:

1、在一组可选项中进行多项选择时;

2、单独使用可以表示两种状态之间的切换。


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

相关阅读更多精彩内容

友情链接更多精彩内容