控件|时间选择控件在不同场景下的应用( 三 )


在时间选择控件中增加时间的其他属性,可令时间之间的差异度变得明显,用户借助这些参考值,更容易进行判断并做出决定。
比较常见的做法有,将日期选择控件设计成月历的形式,用户使用时可以参考某个日期对应的是礼拜几。就像在一些出行类产品中,时间选择控件上还会标注公休日、法定节假日,帮助用户顺利地选出时间。
2. 设置初始值时间选择控件中的初始值指的是,在用户未对时间选择控件进行操作前,时间选择控件中默认选中的时间。
对于时间选择控件设置初始值,能对不熟悉产品功能的用户形成操作引导,直观展示产品功能。
某些场景中,时间是数据展示内容的主要决定因素,未对时间进行定义时,无法获取匹配的数据进行展示。面对没有值的操作界面,对不熟悉功能逻辑的用户来说,产品的使用会变得更加难以上手。
所以在这样的功能场景中,通过为时间选择控件定义初始值,可以帮助初次进入功能的用户快速知晓产品功能,进行主动操作后进一步了解产品功能。
通常,在时刻选择控件中,初始值会设置为用户进入当前功能的时间。
控件|时间选择控件在不同场景下的应用
文章插图
而在时段选择控件中,会对开始时间和结束时间都设置初始值,其中结束时间的初始值常常取用户进入当前功能的时间。
另外,时段选择控件的初始值的设置需要遵循业务属性。
比如在查询交易账单的功能中,账单中的数据产生于过去,账单查询具有“至今为止”的业务特性。所以,在为账单筛选器中的时间选择控件设置默认时间时,首先能够确定的是结束时间对应的默认值。
但在预订酒店功能中,入住日期和离店日期均是未来的日期,到店入住的行为具有“自今而后”的属性。并且入住日期是离店日期确定的前提,所以会对入住日期取初始值,再顺延n个自然日,作为离店日期的初始值。
3. 提供常用设置时间选择控件中的常用设置是指,对于固定长度时间段选择的快捷操作,例如“今天”、“最近一月”、“最近三月”等等。
时间选择控件的常用设置,经常应用于不同用户对于功能的使用目标比较稳定或相似的场景中。
比如订单查询的场景,用户对于时间区间的设置就比较稳定。每月按照固定的周期来筛选订单数据,随后对几个周期内的数据进行比对分析,可以得到更准确的分析结果。
当功能场景具有“用户范围固定、使用目的相同”,或“用户范围不定、使用目的相似”的特性时,可以在时间选择控件中增加常用时间段快速设置按钮。
这样可以帮助用户快速达到使用目的,提高功能的使用效率。
4. 选择恰当的交互手势恰当的交互手势,能够帮助用户快速选中目标。
交互手势根据操作终端的不同,具有不同的类型。若时间选择控件的交互手势选择不当,会提升用户对时间选择控件的误操作次数,引发用户的不满。
我们应当选取功能操作所在的设备上,用户惯用的操作方式/手势,作为时间选择控件的交互手势。
例如:在PC上,功能的操作空间相对较大,用户也更习惯鼠标点击的方式来选中目标。
而移动设备的屏幕较小,对于目标密集的区域,通过点击的方式比较难以选中目标,这样既会引发用户的误操作。误操作的次数过多,更会导致用户放弃使用产品。
五、总结时间选择控件是一个非常常见的元素,在各类产品中都可能会出现,正是因为这样,衍生出了各种各样的形式。
我们在进行产品设计时,不能一味照搬别人的产品,需要代入我们产品对应的实际场景,选择在最恰当的时间选择控件。
作者:今天吃洋葱;公众号:今天吃洋葱
本文由 @今天吃洋葱 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于CC0协议