对比移动设备时间选择控件的两种设计

手机、平板已经渐渐的代替电脑走进了我们的生活, 在PC份额持续下降移动设备份额持续增长的今天, 移动设备上应用的交互设计就显得尤为重要.

移动设备上我们最常见的时间选择控件是这样的:

传统的时间选择控件

如图一左一右两个滑动选择器, 通过滑动块来选择对应的小时和分钟.

在时间跨度较大的选择时, 需要滑动多次, 这是一项很明显的缺点.

滑动也许是为了凸显触摸屏在控制上的优势, 但真的没有必要, 尤其是大屏设备大行其道的今天.

我们再来看看Google 日历应用的时间选择控件.

小时和分钟被分成了2个界面, 先确定小时后确定时间. 选择则是以点击对应时间或者拖动时针的方式进行, 前者可以选择规定间隔的时刻(如左图), 后者可以精确选择到分钟(如右图).

圆盘型的选择框和现实中的传统时钟相像, 比较亲切.

这种设计弥补了传统时间选择控件在时间跨度大时需要滑动多次, 不容易一次就选择好时间的不足.

缺点也是很明显的, 只适合大屏设备, 而且没有用过这种控件的人第一次使用时需要进行学习.