当我们对输入框内,已录入数值,执行微调修正时,常常会用到步进器(Steppers)。步进器属于输入控件的一种,最早被应用于 PC 端产品设计中。步进器(Stppers) - 图1

在移动端产品设计中,iOS 系统同样引入了步进器(Steppers)控件,其工作原理是通过点击两个前景图标分别为 “+” 和“-”的按钮,来调节已录入数值。

步进器(Stppers) - 图2

步进器按照其功能特性不同,可划分为两种类型,一类是通用型步进器,一类为输入型步进器

通用型步进器

通用型步进器主要由调节数值减少的按钮(A)、调节数值增加的按钮(B)和数值(C)构成

步进器(Stppers) - 图3

使用通用型步进器时,其数值可调节范围通常比较小,用户可以通过使用增加和减少按钮,对录入数值进行修正

步进器(Stppers) - 图4

输入型步进器

输入型步进器主要由调节数值减少的按钮(A)、调节数值增加按钮(B),数值(C)和输入框(D)构成

步进器(Stppers) - 图5

输入型步进器和通用步进器的最大区别是其支持调用键盘,完成数值录入,当步进器的显示数值和目标录入数值相差很大时,通常我们会考虑使用输入型步进器,来完成方案设计。

步进器(Stppers) - 图6

交互状态

步进器在使用过程中,常见的交互状态总结如下

步进器(Stppers) - 图7

使用禁忌

以下是步进器在使用过程中,常见的错误用法

错误 1:当录入达到极限值时,无明确反馈

步进器的录入数值达到最大或者最小值时,须有明确的告知反馈。

步进器(Stppers) - 图8

错误 2:当录入达到极限值时,按钮状态错误

当步进器录入达到极限数值时,按钮需要有明确的不可用状态示意。

步进器(Stppers) - 图9