三．选择时间段
排查设计的时候需要考虑以下几点：
a.明确表达当前选择的是开始还是结束时刻：视觉上要突出当前选择项
b.是否有默认选中时刻：比如设定计划或者预定时，开始时刻默认为今天。或者筛选c.过往信息时，结束时刻默认为今天。
d.禁用不能选择的日期：选择结束时刻的时候，不能超越开始时刻。
e.明确表达当前已选的时刻
f.一个清晰、明确的提交按钮或者点击即选中
1. 对开始时刻与结束时刻单独选择
如下图，很明显可以看出来当前选择的是开始时刻，此时的切换按钮也承担着显示选择结果的作用。如果用户需要选择结束时刻，需要点击切换成结束时刻按钮。
与上一个设计方案的区别是，选择时刻采用的是平铺日历的方式，好处是可以直观的感受到时间的始与末，有多少天。这个非常适合较为精细准确的时间选择场景，比如外出旅行计划时间、工作任务目标时间等等，用户需要感知时间段的长短，并且会参考工作日与周末的区别。
2.直接点击或者拖拽开始时刻与结束时刻
“往前点击”代表开始时刻往前设置，“往后点击”代表结束时刻往后设置。
如果是计划未来的事件，通常开始时刻不会在当天以前，所以“今天”以前的日期都会被禁止选中，如下图。
如果也允许用户选择当天以前的日期，建议把“今天”标识出来，以便帮助用户快速做出决定。
3.采用新的形式选择时间段
如下图，选择会议的开始时刻后，再选择会议需要的时间即可，因为对于用户来讲，有些事件结束时刻更明确，比如什么时候下班；而有些事件花费的时间更为明确，比如开个产品需求发布会要花2个小时。对于选择时间段这个“量”可通过图形尺寸的变化达到直观、可视化的效果。
四．在日历中呈现对应事件
排查设计的时候需要考虑以下几点：
a.明确哪些天里有事件
b.明确表达有几种事件类型：时间上，比如紧急的与将来要处理的；内容上，旅行与c.读书计划安排。等等。 是否有默认选中时刻：比如默认选中今天，显示今天的事件/内容清单。
d.事件清单是否有清晰的时间轴
e.一个清晰、明确的增加新事件的按钮：通常都是一个加号按钮。
f.一个事件都没有时的空数据设计
1.列表显示
列表显示，通常都会有一条较为明显的时间轴，一般都会放在左侧，方便索引、查看不同的事件。缺点是用户很难看直接看出本月所要发生的事件或执行的任务，这种做法比较适合于产品本身并非注重月事件，而注重即将发生的紧急事件，如下图。
2.在日历上显示
与列表形式相比，日历的形式可以让用户把握每个月发生（或即将发生）的事件，除了可以默认当前显示的是当天要发生的事件，但是用户很难立刻了解紧急的几件事具体是什么，用户需要去点击对应的日期，才能发现具体事件的详细内容。还有一个好处是，如果一天内发生的事件非常多，这种形式更有利于展示，如果采用列表式，那么需要用户滚动很久才能看到其他日期的事件，或者需要收起这一天的事件，才能快速的看到其他日期的事件。
通常在日历上显示对应事件，有以下4种方式。
（1）顶部显示：适用于一天对应的事件数量不要太多，最好事件区域的高度不要变化，目的是能让日历本身不要动来动去。
（2）底部显示（最常用的方式）：显而易见，好处是在日历底部充分展示对应的事件，并且往下滚动查看更多事件的时候，日历可做收起的形态；同理往上查看时，也能展开。
（3）浮层显示：如果一天内只能设定一个事件或者多个相同事件，那么这种方式更适合，但是缺点是，如果不像上面2种方式一样提供默认选中的日期，那么用户可能并不知道点击日期能够查看事件，此时就需要一个小小的教学环节了。
（4）扩展空间显示：如下图所示，在所选日期所在行向下撑开事件显示面板。这种做法有高度的限制，事件很难采用列表形式展示，所以如果有多个事件的话，很难直观感受到事件发生的前后关系以及具体有多少个事件。
3.空数据
如果最近几天或者用户刚使用产品，那么设计上需要告诉用户这里为什么是空的，将会显示什么内容，最好是引导用户去添加新事件。如果想深入了解空数据设计，请查看小白的另一篇文章《好的空数据设计如何引导用户行为》。
4.日历与列表综合
列表显示与日历显示更有优劣，具体还是要看你的产品目标。如果产品本身或者主功能就是为了设置事件的，并且既要看到紧急事件，又要宏观把控整个月事件数量与内容的，建议两种展示方式都提供给用户，此时就需要多设计一个明确的切换按钮了。
今天的分享就到这里结束了，希望对你或多或少有些帮助。
