App设计体系之步进器/开关

步进器

1、定义

步进器(Stepper)用作增加或者减少当前数值，每次增加或者减少的数值是恒定的，数值可自定义，可以为小数。

2、实际应用

2.1 数值的默认值、最大值和最小值

数值有区间，需要确定最大值和最小值，当数值处于最小值或最大值，数值不可减少或增加，- 和 + 为禁用状态；另外，数值的变化是通过点击 - 和 + 实现，如果默认值离用户目标的数值越远，需要的点击次数越多，因此，根据需求选择一个合理的默认值能帮助用户减少点击次数提升操作效率。

2.2 数字快捷修改

如果对数值有大幅度调整的需求，可将数值修改处定义为输入框，通过键盘快捷大幅度精确修改，当输入数值超过最大值或最小值时无提示，系统会自动把数值调整为最大值或最小值。

开关

1、定义

开关(Switch)，代表着两个对立选项：开/关、是/否、启动/禁用。

2、实际应用

2.1 准确的定义

通常，开关(Switch)的文案都是陈述句，我们在理解时，需要在文案前面加上“是否”转化为疑问句，文案为“是否全部阻止”，结合开关(Switch)，高亮为开启状态相当于“是”，非高亮为关闭状态相当于“不是”，图1为“不(否)阻止通知”，图2为“(是)阻止通知”，但还是不好理解；图3，把“全部阻止”换成“接收通知”，由“拒绝”转换成“接收”，降低了开关(Switch)的理解成本，因此，开关(Switch)的文案的语态需要是正向主动积极的。

2.2 二次确认

按下开关后会立即生效，如果操作需要谨慎，应该在点击开关后还需再次确认，避免造成不可逆的操作。

2.3 加载状态

仔细留意上一张图，点击通讯录的开关后，在二次再次确认之前，开关(Switch)的样式变成了loading，这是因为改变开关的状态，需要服务器响应，必须等待服务器返回成功指令后才能改变开关(Switch)的状态。

另外一种方式是用户点击开关之后，视觉上立即显示操作成功，再完成服务器响应。微信朋友圈的点赞就是用这种方式，这种方式带给用户更流畅的体验，但需要保证服务器能返回成功指令。

2.4 后续操作

iOS系统设置打开无限局域网的开关(Switch)后，在下方显示Wi-Fi列表，不用跳转到新界面。