新媒易动态
NEWS CENTER
NEWS CENTER
2020-11-23
时间选择控件在产品设计中是一个非常常见且通用的元素，在各种产品中几乎都有应用。
随着各种App和网站类产品在不同操作场景中的渗透发展，我们在进行产品设计时也应更追求功能实现方式的“恰如其分”。本文将探讨时间选择控件在各类场景中的选择与应用。
时间选择控件是引导用户选择时刻或时段的一种可操作对象。
时间选择控件的出现，表明了功能的实现需要用户参与设置时间，或用户可以按照时间维度来获取所需信息。并且，它限定了功能中时间可被设置的格式，简化了时间设置的操作流程，避免了用户直接使用键盘输入的情况下可能出现的多次试错操作。
用户通过功能中的时间选择控件，可以快速了解功产品支持的功能操作，并且可以明确产品支持的时间设置格式，节省了用户对产品功能的学习时间。
时间格式可以看作是文本+数字+符号的选用及组合，具有非常多种。比如，我们在填写一些登记表时，在出生日期那一栏，我们可以写作：1990.1.1或1990/1/1或1990年1月1日，又或1990-1-1等等。
在设计产品功能时，使用时间选择控件和文本录入控件均可完成对时间的设置，但文本录入控件需要用户自行输入，面对时间格式的多种选择，势必会令用户感到为难。
若使用时间选择控件则可以规避这样的问题，这主要是由于时间选择控件具有以下三个作用：
时间选择控件明确了功能中时间设置的格式，用户操作控件进行选择即可。若使用文本输入控件，有太多时间格式可选择，这会在用户操作时给用户带来使用负担。
比如，在Excel中对于时间格式的设置，就有这么多种选择，若将语言切换还为英语，还会出现更多类型。
使用时间选择控件，用户可以直接从界面的显示上了解功能中的时间格式，免去了用户对于时间格式选择的苦恼。
使用文本录入的形式设置时间，由于时间格式太多又涉及到中英文语言的切换，在输入的时候，用户并不能确认自己选择的格式是否时正确的。使用时间选择控件，会消除用户操作时的疑虑，增强操作的确认感。
在下图中，需要用户设置预约日期，若是文本录入的形式，很可能会引发用户思考是否需要填写年度信息，还是仅仅输入月份和日期即可。
使用时间选择控件，按照控件的设置依次选择年月日后再进行提交，对用户来说更具对操作的确认感。
文本输入的多种时间格式和符号语言类型选择，会明显提高用户错误录入的几率。在多次试错操作后，用户或许仍旧无法完成时间的设置。使用时间选择控件，可以有效降低用户录入错误的几率。
还是举上面填写预约日期的例子，如果用户连续尝试输入多种符号与阿拉伯数字组合成的年月日格式，一直无法成功保存，最后发现功能限制预约日期为纯数字的格式，用户一定会非常崩溃。
时间选择控件从形式上可大致分为两大类：选择时间点和选择时间段，我们可以根据场景中对时间要素类型的要求来进行引用。
1）场景中，功能完成的时间要素为确定的时刻，选择指定时刻的控件
在这类场景中，用户的行为或功能的执行是在某个时刻发生且能立即完成的，不具备时间上的连续性。
所以，仅需要用户指定一个确定的时刻，即可达成功能的使用目的。例如设置闹钟及预定车票，闹钟的响起和列车的出发，都是在某个时刻发生的：
2）场景中，功能完成的时间要素为一段时间，选择指定时段的控件
当用户行为或功能执行具有“自某时开始，至某时结束，以及期间内所有时刻，当前操作均生效”的属性时，场景中的时间要素为时间区间，就需要使用至少两个指定时刻的控件来进行时段的设置。
这两个指定时刻的控件，分别对应时间段中的开始时间和结束时间。例如：预订酒店的场景，用户需选择“入住日期”及“退房日期”来选出符合入住需求的酒店：
在确定时间要素的类型之后，需要判断场景中时间要素的精确度，从而得出时间选择控件的形式。场景中时间要素的精确度，需要满足用户对于时间要素设置的需求，同时避免场景中时间设置功能的冗余操作。
1）恰当的时间精确度，需要满足同一场景中不同用户对时间要素的设置需求
我们的产品功能，需要满足不同用户在同一场景下的使用目的。
因此对于场景中，用户参与设置的时间要素，我们也应当考虑其精确度上的通用性，即对于时间选择控件来说，选择合适的精确度，以保证不同用户的使用需求。
例如同样是设置提醒，当事件的时间跨度为一天时。
例如纪念日，用户需要对事件进行全天提醒设置，则仅需要时间精确度为“天”的时间选择控件即可；若是需要将事件的提醒范围设置成一天中的某个时间段时，时间选择控件的精确度便需要到“小时”或“分钟”。
定义功能中的时间选择控件精确度时，需要满足场景下不同用户的使用需求，提升功能的通用性。