什么样的日期选择器比较好？ 另外，哪个选择器不好用？ 作者结合自己的经验，和你谈谈。 纽约~
这些年来，我在各种项目中做了很多“日期选择器”，但还在努力做完美的东西。 今天一起研究什么样的日期选择器好，以及不好用。 日期选择器的设计看起来很简单，但实际上对大多数用户来说，“选择日期”是一种痛苦的体验。 在互联网上，设计不良的日期选择器随处可见。
为了设计体验良好的日期选择器，我认为开始做的时候需要慎重。 花时间提问，寻找答案，构建用户故事，寻找相关资料。
常见的日期输入形式
1. 文本输入
最简单的设计形式是让用户自己输入日期，如果有合适的检测方式，这个设计就很好。 这个方法经常与日历日期选择器一起使用。
2. 下拉列表
在网页上经常使用下拉菜单方式选择日期、月、年的方式。 但是，如果用户不仅需要输入年月日，还需要输入时间，这个设计就很麻烦了。
3. 日历
如果要选择的日期在范围内，则日历格式最常用。 在网络上这样的设计随处可见，在移动端也经常使用。
4. 时间轴
如果应该选择的日期范围在一定期间内的话，这个设计很好。 时间一长，这种方式就不太准确。 同时，不适用于移动端。
5. 移动设备上的滚动日期选择器
如果用户选择的日期不是特别远，这个设计就很好用。
以上介绍的五个日期选择器无论是单独使用还是融合，只要合适，都可以提供良好的用户体验。 重点是，在做具体项目的时候，我们应该怎么选择呢？
案例解析
让我们来看看实际的案例分析。 因为具体的使用场景才是决定设计的根据，所以选择最适合以下场景的日期选择器。情况：设备性能分析
用户：技术经理
用户的主要目标：分析设备的性能，检测设备随着时间的推移性能下降的情况。
用户问答
我知道用户的目标。 日期选择器是实现目标的工具之一。 但是，在我们做出决定之前，有很多问题需要向用户提问。1 )日期选择器是用来做什么的？
“通过查看性能数据，我们希望能够轻松地查看特定时间段的报告。 ”
)2)需要选择日期还是日期范围？
“日期范围，例如6小时以内或1周以内”
)3)有常用的日期范围吗？
“嗯，我总是需要6个小时的数据，有时也会用1个月以内的数据。 ”
4 )只选择日期吗？ 还是也选择具体的时间？
“一定需要日期。 也需要时间。 否则，你怎么选择6小时以内的数据？ ”
5 )这个日期选择器是在网页上还是在手机上使用？
“我们在网页上使用。 应该是平板电脑。 但是，管理层希望今后也有手机版。 我不知道还行不行。 ”
6 )关于日期选择器，您对现在使用的产品有什么感觉不好的地方吗？
“要查看过去的报告，必须单击数据表的页面。 虽然这很辛苦，但是我也习惯了。 ”
7 )有必要选择以前的日期吗？
“有时需要看看去年的数据，看看性能的变化。”
在
画草图
用户采访中，我们获得了基本信息。 现在可以开始构建日期选择器了。
1. 日历表
这可以说是选择最常见的日期范围的模式。 另外，也可以在移动端使用。 日历的具体内容必须满足世界部分地区用户的需要。 在我们的情况下，用户需要的是星期几制造的。
2. 文本输入领域
有输入功能，如果用户需要选择很久以前的日期，他们可以直接输入，不需要上下翻半天。 有一点需要注意的是，不同国家表达日期的格式不同。 在我们的情况下，dd/mm/yyyy是用户最 熟悉的一种日期形式了。3. 时间选择器
这可是完全不同的部分了，但是在第一次的版本中，我们先用带有箭头的文本输入小时和分钟。
4. 预设
对于常用的时间段，我们在下拉列表中先预设好。为了提供最好的体验，应该对预先设定的时间段进行仔细的筛选。
下一步就是把这些部分都合在一起，在这一步很多细节都需要修改，最后呈现出来的额初步结果如下图：
做设计
完成了上述步骤后，我们就可以开始设计出来了。我快速的做了一个版本，让大家看看大概是什么样子的。
这是第一版电子稿，后续经过测试我肯定还会做很多修改，直到用户觉得好用为止。
原文作者：Kateryna Romanenchuk
原文地址：https://uxdesign.cc/date-picker-design-5c5ef8f35286
翻译：dddqq（微信公众号：集创堂）
本文由 @dddqq 翻译发布于人人都是产品经理。未经许可，禁止转载。
题图来源于网络