日期选择（以下为简单起见，我将使用日历一词）经常在网站上使用。 预订酒店，机票，汽车，购买机票。 这个话题很老套，以至于写起来似乎毫无意义。
但是...不久前，我面临着设计日历以选择时期的任务。 日期选择范围从2天到几个月不等。
目标受众非常不同：年龄在35至60岁之间，从初学者到有信心的用户都具备计算机知识。
目的：制定目标受众可以理解的最方便的日期选择格式。
在设计之前，必须对竞争对手进行研究和测试，并阅读有关特定主题的几篇文章。
我想分享工作中得出的结论和例子。 不会有人发现，但我希望有人会发现一些对他自己有用的新东西。
日历正文中是否存在“完成”按钮（确认，选择，确定...）
人们并非总是带着清晰的日期来到现场。
它们可以指示一个时期，反映，更改日期（开始，结束，整个时期）。 大多数网站在选择日期后都会立即隐藏日历。
以www.booking.com ，
www.aeroflot.ru为例。 在意外选择错误日期或尚未做出最终决定的情况下，系统的这种行为使用户感到烦恼。 对于视力不好，急忙或无法集中注意力的老年人来说，“错误地单击”是特别正确的。 这种设计的原因是可以理解的-更少的点击次数，更少的负载。
但是我们并不总是知道谁和如何与该界面进行交互。 它会在什么条件下定位。
对于这种情况，使用
Google Flights解决方案
非常方便。 随心所欲地浏览日期，在您单击“完成”按钮之前，日历将可见。 方便地，有一种对界面的控制和理解的感觉。
显示搜索结果，无需额外点击
可以在
www.trivago.ru网站上很好地实现此
功能 。 输入必要的参数，结果已经加载。
视觉突出显示开始和结束日期
用户对这些技巧的可用性发表了很好的评论。 开始日期和结束日期之间的视觉差异是原始锚点，并简化了日历的工作。
一些站点缺乏当前日期的指示符。
并不是说这个致命错误会极大地影响交互的便捷性，但是每10个人中就有6个人注意到他们确实缺乏这样的指标，即一种“锚点”指标，无法显示所选日期与当前日期之间的关系。
示例时间 ：
www.airbnb.ru很明显，可以选择哪些日期，哪些不能选择。 当前日期未突出显示
示例二 ：
www.ozon.travel/flight/另一个解决方案：日历上不显示无法访问的日期。 当前日期是第一个，毫无疑问从哪里开始搜索。
示例三 ：
www.booking.com视觉上可理解的当前，可用和不可访问的日期
能够快速重置所选日期
如果用户决定完全更改请求，则很有用。 为了快速清洁，某些用户刷新了页面。 在某些情况下，用户选择了日期，但是偶然地更新了页面。
如果用户意外刷新，那么他不太可能对再次填写所有内容感到满意。 如果有意进行了更新，它将看到保存的日期并开始使用新日期。
为了解决这些问题，您可以在醒目位置附近输入日期的旁边放置一个突出的“重置”或“新搜索”链接。
如有必要，这将使您快速清除搜索结果，并在意外更新的情况下保存数据。
www.google.com/flights
预填字段
在一些经过测试的网站上，“日期”字段已经填写。
在某些情况下，只有一个开始日期，在某些情况下-一个开始和结束日期。 界面的这种行为引起了测试和困惑之间的不满。 当然，每种情况都必须单独考虑。
例如，购买铁路或飞机票，酒店预订可以提前很多。 那么当前日期是不合适的。
例如，在向电影院订票时，这种方法可能是合理的。
以下是预填充字段的示例。 方便吗 值得思考。
范例一 ：
www.rzd.ru
示例二 ：
www.trivago.ru
范例三 ：
www.rentalcars.com
自动填充日期“返回”
另一个带有减号的常见“筹码”。 输入日期“那里”时，日期“后退”会自动替换。 通常是第二天。
接口的这种行为也引起了对其不可预测性和过度独立性的不满。
值得思考在什么情况下可以提供帮助，以及在哪种情况下让人们做出自己的选择。
以测试网站为例：
www.booking.com ，
www.trivago.ru注意事项：
最后，一些不需要开发的好的想法却留在了储钱罐中。
在日历上立即显示费用
www.google.com/flights选择往返日期时，将计算航班的总费用。 最便宜的航班以单独的颜色突出显示。 如果任务是找到最便宜的选择或比较价格，这将很方便。
显示/在月份之间切换的选项
当您需要一次显示几个月时，您可以监视想法并考虑便捷的解决方案。
创意时报 ：
www.rentalcars.com
理念二 ：
www.ozon.travel/flight/
理念三 ：
www.swiss.com
周末与工作日的视觉分隔
最简单的问题：从周一还是周日开始一周？ 这取决于所提供的服务和目标受众。 如果客户在周末更频繁地订购您的服务，请突出显示周末以及可能的假期。
www.skyscanner.net
迷你计步器，可快速转换
用于计划短途旅行等。无需打开日历。 在这里您可以显示搜索结果。
应当记住，选择日期时，迷你步进器是一个很好的改进，但您不应将其替换为带有日历的完整弹出窗口。
选择什么？ 首先检查日历和日期输入范围的目的。 如果日期早于过去或将来（例如，用于预订假期），则带有日历的弹出窗口是一个不错的选择。
如果日期范围很短（例如少于六周，例如在预约医疗服务时），请务必考虑添加一个小型步进器以加快设置速度。
一 ：
www.bahn.de
二 ：
www.google.com/flights
其实一切。 与往常一样，任何意见都可以接受，欢迎提出批评，以表示更多感激之情的决定！