发布时间：2020-3-24 分类： 电商动态
日期选择器的设计很容易被忽视，因为我们下意识地觉得日期选择器很简单。
实际上，它也非常简单：输入框，日历图标，用户点击日历图标将弹出日历浮动图层，供用户选择特定日期。这是每个日期选择器的基本样式，看起来非常简单。但这是真的吗？在设计日期选择器之前，设计师必须提出几个问题：
您的日期选择器是选择特定日期（7月18日）还是时间段（7月18日—— 7月29日）？
用户可以手动输入日期，还是用户只能选择系统定义的日期？
我们需要为用户提供默认值吗？
我们是否适合向用户添加“上一个，当前和下一个”跳转按钮？
如何向用户显示不可用的日期？
当用户需要选择日期时，日期选择器是唯一合适的控件吗？
如果您无法回答上述问题，我相信这篇文章仍然会对您有所帮助。
录入模式
日期选择器有多种类型的输入模式。用户可以手动输入，下拉列表选择，弹出日历浮动选择，滑块和表单。
手动输入是最原始的日期输入模式，用户熟悉并且学习成本为零。它的操作也相对简单，而且非常令人满意。使用下拉列表更容易进入数年和数月，但对于特定日期，使用下拉列表对用户来说更难，因为选择太多。
日历浮动层是一种流行的日期输入模式。主要原因很简单。它的外观可以为用户提供日历或日历的隐喻。
滑块也非常适合日期选择，因为滑块不仅可以选择单个日期，还可以选择时间段。但是，滑块的一个缺点是无法准确输入。选择范围越大，滑块的值越低。使用滑块输入星期几，月份更合适，但输入特定日期更加困难。用户必须非常小心并且操作缓慢。
表单是一种新型的日期输入模式，效率很高，但对于老用户来说可能很难使用。
默认值
在直接空白处为用户提供日期输入框中的默认值肯定更好，但仍需要仔细考虑默认值的内容和表示形式。
使用Google航空公司时，Google航空公司将根据大数据分析为用户提供默认值。例如，如果您在7月3日搜索航班，则默认旅行日期为7月19日，返回日期为7月23日。事实上，类似的方法也可以应用于某些国内票务代购源码网站。例如，今年的国庆节/中秋节假期是10月1日至8日。因此在9月份，我们假设用户打开售票软件购买回家的门票。然后我们可以默认将10月1日作为出发日期，将第8日作为返回日期。这可以大大节省用户的输入时间。
当然，默认值也可以为用户提供日期条目规范。例如，如果要输入2019年3月1日，正确的格式应为03-01-19，但有些用户可能会输入01-03-19。默认值是避免这种情况的好方法。
当然，如果您的产品足够智能，日期输入格式不会限于一个，这无疑更加人性化。
录入时间
日期选择器有时不仅需要选择日期而且还需要选择时间。例如，如果您想邀请人们吃饭，您必须预订一个地方，在这种情况下您需要输入时间（段）。
时间输入模式类似于日期输入，这里主要是时间输入的时间。
Topvet是一个兽医代购源码网站，您可以为您的宠物预订医疗服务。这里的日期选择器非常具有代表性，用户选择左侧的日期，然后选择时间段，最后选择医生。日期 - 时间 - 医生，这个过程看起来很正常，但如果你考虑一下，你会发现问题所在。
例如，用户通常很忙，只有时间带宠物去中午看医生。在这种情况下，日期 - 时间 - 医生顺序是不合适的。您应该让用户先选择时间段，然后显示可以保留的日期，然后选择医生。
以上实际上是日期和时间彼此分开。在某些情况下，例如有限的屏幕空间（移动电话）或简化用户的步骤，我们需要整合日期和时间。
日期段录入
要输入日期范围，用户必须输入两个日期。许多设计师会下意识地使用两个日期选择器，这是完全没必要的。首先，日期选择器可以完成日期范围的输入，而额外的日期选择器将增加用户的点击次数。
另外，移动电话受到屏幕尺寸的阻碍，同时扩展两个日期选择器是不现实的。
了解产品
设计师必须对产品有很好的理解才能设计出优秀的日期选择器。例如，我们是否要问自己是否需要在年份选择器上将年份切换为用户。
如果您的产品类似于去哪里，携程等，则不需要添加年份。因为几年后用户不可能购买火车票，这是不现实的，政策是不允许的。
我们已经看到一些日期选择器突出了周末，我们是否考虑过背后的原因？
Skyscannet是一个类似于去哪里的应用程序。这里的日历与周六，周日和其他日子隔离。这种设计非常酣畅淋漓，因为周末是大多数人选择旅行的时间，所以它应该是出类拔萃的，让用户轻松找到。
其他的日期录入方式
事实上，我们经常陷入误解，比如给用户一个错误信息，我们会想到使用一个弹出框，用户必须选择日期，我们会想到日期选择器。实际上，用户必须输入日期，并且不必使用日期选择器。会话互动也是一个很好的选择。
以上是我对时间选择器设计的一个小总结。我希望每个人在阅读之后都能获得一些东西。
