控件|时间选择控件在不同场景下的应用时间|使用时间|格式|选择|场景

编辑导语：我们在使用很多产品时，都能够接触到时间选择控件，这也是产品设计中常用的一个元素，也因此衍生出了各种各样的形式。时间选择控件的应用也需要代入到产品对应的实际场景，从而去选择最恰当的时间选择控件。接下来，本文作者就为我们分析了时间选择控件在不同场景下的应用。

文章插图
时间选择控件在产品设计中是一个非常常见且通用的元素，在各种产品中几乎都有应用。
随着各种App和网站类产品在不同操作场景中的渗透发展，我们在进行产品设计时也应更追求功能实现方式的“恰如其分”。本文将探讨时间选择控件在各类场景中的选择与应用。
一、什么是时间选择控件时间选择控件是引导用户选择时刻或时段的一种可操作对象。
时间选择控件的出现，表明了功能的实现需要用户参与设置时间，或用户可以按照时间维度来获取所需信息。并且，它限定了功能中时间可被设置的格式，简化了时间设置的操作流程，避免了用户直接使用键盘输入的情况下可能出现的多次试错操作。
用户通过功能中的时间选择控件，可以快速了解功产品支持的功能操作，并且可以明确产品支持的时间设置格式，节省了用户对产品功能的学习时间。
二、为什么需要在功能中加入时间选择控件时间格式可以看作是文本+数字+符号的选用及组合，具有非常多种。比如，我们在填写一些登记表时，在出生日期那一栏，我们可以写作：1990.1.1或1990/1/1或1990年1月1日，又或1990-1-1等等。
在设计产品功能时，使用时间选择控件和文本录入控件均可完成对时间的设置，但文本录入控件需要用户自行输入，面对时间格式的多种选择，势必会令用户感到为难。
若使用时间选择控件则可以规避这样的问题，这主要是由于时间选择控件具有以下三个作用：
1. 明确时间设置格式时间选择控件明确了功能中时间设置的格式，用户操作控件进行选择即可。若使用文本输入控件，有太多时间格式可选择，这会在用户操作时给用户带来使用负担。
比如，在Excel中对于时间格式的设置，就有这么多种选择，若将语言切换还为英语，还会出现更多类型。

文章插图
使用时间选择控件，用户可以直接从界面的显示上了解功能中的时间格式，免去了用户对于时间格式选择的苦恼。
2. 增强用户操作的确认感使用文本录入的形式设置时间，由于时间格式太多又涉及到中英文语言的切换，在输入的时候，用户并不能确认自己选择的格式是否时正确的。使用时间选择控件，会消除用户操作时的疑虑，增强操作的确认感。
在下图中，需要用户设置预约日期，若是文本录入的形式，很可能会引发用户思考是否需要填写年度信息，还是仅仅输入月份和日期即可。
使用时间选择控件，按照控件的设置依次选择年月日后再进行提交，对用户来说更具对操作的确认感。

文章插图
3. 避免用户错误的录入操作文本输入的多种时间格式和符号语言类型选择，会明显提高用户错误录入的几率。在多次试错操作后，用户或许仍旧无法完成时间的设置。使用时间选择控件，可以有效降低用户录入错误的几率。
还是举上面填写预约日期的例子，如果用户连续尝试输入多种符号与阿拉伯数字组合成的年月日格式，一直无法成功保存，最后发现功能限制预约日期为纯数字的格式，用户一定会非常崩溃。
三、怎样选择合适的时间选择控件1. 判断场景中时间要素的类型【 控件|时间选择控件在不同场景下的应用】时间选择控件从形式上可大致分为两大类：选择时间点和选择时间段，我们可以根据场景中对时间要素类型的要求来进行引用。
1）场景中，功能完成的时间要素为确定的时刻，选择指定时刻的控件
在这类场景中，用户的行为或功能的执行是在某个时刻发生且能立即完成的，不具备时间上的连续性。
所以，仅需要用户指定一个确定的时刻，即可达成功能的使用目的。例如设置闹钟及预定车票，闹钟的响起和列车的出发，都是在某个时刻发生的：

文章插图

文章插图
2）场景中，功能完成的时间要素为一段时间，选择指定时段的控件