微型拔动开关设计指南

微型拔动开关是一个数字开关，提示您在两个互斥选项之间进行选择，并且始终有默认值。切换要提供即时结果，以便用户可以根据需要自由控制首 选项。

仔细观察，你会发现微型拔动开关无处不在。因为很多东西都有两种简单的状态：打开或关闭。从电灯开关到打开移动热点、移动应用程序的设置页面，每天都需要与交换机交互。

微型拔动开关适合更改系统功能和首 选项状态。交换机通过替换两个单选按钮或一个复选框，使用户能够在两个相反状态之间切换。

可能很难确定要使用的用户界面元素(单选按钮、复选框或开关)。如果想知道适合设计用例的选项，请考虑选项的数量和类型以及是否存在明确的默认值。

单选按钮复选框单复选框开关

设计者在使用适合特定场景的UI元素时，可以帮助预测UI元素生成的反馈以及如何控制这些反馈。为了避免用户受挫并确保理解，请遵循这些开关说明。

立即生效

交换机要立即有效，不能要求用户单击“保存”或“提交”以应用新状态。我们要努力使系统与现实世界保持一致。

请考虑一下我的茶壶。为了体验状态变化，不能关闭开关和关闭电源。因此，用户期望在数字交换机上获得与实际响应(例如电灯开关)相同的即时结果。即时结果是拨号开关的一个方面，用户可以根据需要更新首 选的自由和控制。

如果不能立即得到结果，或者不合适，则要使用备用方法(单选按钮或单个复选框)。如果您正在考虑在包含不同类型表单域的长表单中包含交换机，并且用户需要单击“提交”按钮使更改生效，则不要执行此操作。这种情况使用户困惑，因为无法确认切换选择是否立即生效。不惜一切代价避免混淆。将生成立即结果的控件与需要单击“提交”按钮的控件分开。

在United  Airlines  iOS应用程序中，除了用户单击开关时的视觉变化外，没有任何反馈。我如何知道转换是否有效？没有提供反馈。在这种情况下，单个复选框合适。打开IOS的飞行模式后，苹果将左上角的蜂窝条更改为飞机图标，提供即时反馈和结果。

简洁、不中立的标签

开关上的标签要短而直接。

例如，如果设计用户可以更新通知的设置页面，请写电子邮件通知，而不是想收到电子邮件通知。*用户只能阅读他们认为需要的内容，因此在标记前添加关键字，删除不必要的单词。避免提问，为扫描性写文案。

标签文案：包括非孕妇用品吗？此开关是中性的，使用户能够重新决定是否包含或排除特定类型的产品。

Google日历应用程序中使用的开关标签是直接和明确的。说明开关打开时的系统状态，并与开/关附件有意义。

符合标准的微型拔动开关视觉设计

确保开关看起来像滑块，并使用视觉提示(如运动和颜色)避免混淆。首先，当用户更改切换状态时，交换机要像实际情况一样更改位置。

要记住两个点：颜色是变换的重要视觉标志，对比度和文化差异。如果设计师使用低对比度颜色，很难知道开关是开还是关。因此，始终使用高对比度颜色来表示状态变化。此外，评估对用户的社会和文化影响也很重要。例如，根据国家文化的不同，对红色的理解可能会有所不同。

此外，状态描述符(交换机旁边的“开”和“关”)可以清楚地查看系统状态。