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