拔动开关的使用指南
发布时间： 2023/8/7 15:38:53 | 116 次阅读
拔动开关就像生活中控制灯泡的开关。它是一个按钮，在两个互斥的选项中总是有一个默认值，操作会立即生效。操作后需要是相反的选项，如开/关、是/否、同意/不同意等。
拔动开关的使用指南
拔动开关需要有清晰的表意，以便用户在操作前就能知道操作后会发生什么。使用时，应遵循以下原则：
用于操作后立即生效的场景；和标签按钮是两个独立的视觉焦点。当用户有可能产生混淆或标签不够清晰时，应添加助词进行解释。主要用于控制全局局势，权重较高。对于单个任务流程的控制，请使用单个/多个检查；这是默认的开/关状态。如果有孩子，父母关闭并隐藏孩子(避免变灰)；当操作有风险时，需要给出明确提示；避免大量使用。如果需要开启/关闭的条件太多，建议使用check。
背景和文案
拔动开关的背景通常只有两种状态。拔动开关关闭时呈灰色(所有衣服都是普通的)，打开时呈绿色。也有很多产品将其设置为品牌色，颜色风格可以统一。
辅助文案有两种。一类是当前状态反馈，比如获取设备“消息推送已开启/关闭”的通知权限。这种反馈可以在应用中灵活运用，特别是在关闭状态下，可以起到指导作用。二种是标签辅助提示，比如手术后的收益或者风险，告诉用户会发生什么，让用户提前有一定的心理预期。
无线电控制的纠缠
（1）单选按钮框与复选框
似乎更好是定义是使用单个框还是复选框。我们查阅了很多资料，得到的信息是“一个选项需要单选，多个选项需要多选”。答案出奇的一致。好像什么都说了(确实)，什么都没说(一个设计师什么都懂)。当我们仔细分析的时候，会发现不仅仅是这样。
当PC端有两个相反的选项(如是/否、同意/不同意、通过/失败)时，除了两个单项选项外，还可以使用复选框，特别是在权限控制中，需要勾选。另外，在移动终端注册登录过程中，用户服务协议也是复选框(同意/不同意)较具代表性的用例。除了这些特殊的使用场景，其他大部分都是直接选择。
（2）单选框与下拉列表
更少的选项可以用单选框(性别选择)和按钮(标签)直接呈现在当前页面上。当用户需要从大量选项中选择时，PC端可以使用下拉列表，移动端则使用操作栏的弹出窗口或者跳转到新的页面供用户操作。这方面其实没有明确的边界，需要根据使用场景和选项的属性，根据实际情况灵活变化。
