您好,欢迎访问源丰电子(深圳)有限公司官网!

img
img

5

5

4

4

3

3

2

2

1

1

5

5

4

4

3

3

2

2

1

1

搜索
搜索

推荐产品

源丰联系

img
/
/
/
拔动开关设计需要考虑的问题

拔动开关设计需要考虑的问题

  • 发布时间:2022-08-29 09:51

【概要描述】拔动开关就像生活中控制灯泡的开关。它是一个按钮,在两个互斥的选项中总是有一个默认值,操作会立即生效。操作后需要是相反的选项,如开/关、是/否、同意/不同意等。

拔动开关设计需要考虑的问题

【概要描述】拔动开关就像生活中控制灯泡的开关。它是一个按钮,在两个互斥的选项中总是有一个默认值,操作会立即生效。操作后需要是相反的选项,如开/关、是/否、同意/不同意等。

  • 日期:2022-08-29 09:51
详情

1.什么是拔动开关

WJAVPJDsQZm1r5tVVpeDlQ.jpg

拔动开关就像生活中控制灯泡的开关。它是一个按钮,在两个互斥的选项中总是有一个默认值,操作会立即生效。操作后需要是相反的选项,如开/关、是/否、同意/不同意等。

2.拔动开关的使用指南

拔动开关需要有清晰的表意,以便用户在操作前就能知道操作后会发生什么。使用时,应遵循以下原则:

用于操作后立即生效的场景;和标签按钮是两个独立的视觉焦点。当用户有可能产生混淆或标签不够清晰时,应添加助词进行解释。主要用于控制全局局势,权重较高。对于单个任务流程的控制,请使用单个/多个检查;这是默认的开/关状态。如果有孩子,父母关闭并隐藏孩子(避免变灰);当操作有风险时,需要给出明确提示;避免大量使用。如果需要开启/关闭的条件太多,建议使用check。

3.背景和文案

拔动开关的背景通常只有两种状态。拔动开关关闭时呈灰色(所有衣服都是普通的),打开时呈绿色。也有很多产品将其设置为品牌色,颜色风格可以统一。

辅助文案有两种。一类是当前状态反馈,比如获取设备“消息推送已开启/关闭”的通知权限。这种反馈可以在应用中灵活运用,特别是在关闭状态下,可以起到指导作用。二种是标签辅助提示,比如手术后的收益或者风险,告诉用户会发生什么,让用户提前有一定的心理预期。

4.无线电控制的纠缠

1)单选按钮框与复选框

似乎更好是定义是使用单个框还是复选框。我们查阅了很多资料,得到的信息是“一个选项需要单选,多个选项需要多选”。答案出奇的一致。好像什么都说了(确实),什么都没说(一个设计师什么都懂)。当我们仔细分析的时候,会发现不仅仅是这样。

PC端有两个相反的选项(如是/否、同意/不同意、通过/失败)时,除了两个单项选项外,还可以使用复选框,特别是在权限控制中,需要勾选。另外,在移动终端注册登录过程中,用户服务协议也是复选框(同意/不同意)具代表性的用例。除了这些特殊的使用场景,其他大部分都是直接选择。

2)单选框与下拉列表

更少的选项可以用单选框(性别选择)和按钮(标签)直接呈现在当前页面上。当用户需要从大量选项中选择时,PC端可以使用下拉列表,移动端则使用操作栏的弹出窗口或者跳转到新的页面供用户操作。这方面其实没有明确的边界,需要根据使用场景和选项的属性,根据实际情况灵活变化。

关键词:

扫二维码用手机看

img

源丰电子(深圳)有限公司

地址:深圳市宝安区福永第一工业区24栋

电话:0755-33809286/33809281/33809283

传真:0755-33809285

邮箱:sunny@yuenfung-ec.com

网址:www.yf-ec.com

中企动力  深圳  粤ICP备2021139347号

img