由于现在大多数人对自己一天的生活没有合理的安排，每天都是过着没有计划和安排的一天，这对于自身的发展也是有着很大影响的，而下面这款计划类H5案例正是为了引导用户有个良好的作息时间而设计的，接下来我们就来一起欣赏一下吧！

案例一：来回顾你的一天吧

品牌：网易哒哒

网易哒哒创意H5作品。网易哒哒自有创意作品，必属精品。以“回顾你的一天”为主题，引导用户做自己的时间计划，从睁眼到入睡，所有的时间，你有安排过吗？一般高效的人，都会有这个ToDolist，如果你自己不够高效，正好玩这个H5，让你从几类事件中点选事件，自动排到时间轴上，很是方便哦~

① Loading完毕，露出主题：我的一天。引导文案：每一个平凡的日子都闪闪发光，你的一天是如何度过的呢？点击“点击开始”按钮，进入交互页。

② 交互页主要需要手动输入昵称，然后滑动选择起床时间和入睡时间，点击“开始！”按钮。

③ 进入计划点选界面，左边是事件，右边是时间轴。事件大类包含12个方面：个人形象、通勤、工作/上学、吃饭、睡觉、娱乐、爱好、社交/家庭、家务、宠物、迷惑行为、回顾。每类里包含若干事件，用户点击事件后，事件自动排在右侧的时间轴上，事件耗时长短和位置，都可以移动，有引导蒙层提示。不同类型的事件，用不同的颜色表示。

如果提供的事件没有你自己喜欢的，底部还可以“自定义事件”，输入自己个性化的事件。

④ 填写完毕后，点击“点击生成”按钮，生成用户一天的时间计划表海报。可以长按保存长图，可以返回继续修改计划表。

1.视觉交互

清新亮丽，颜色分明。主要用纯色块反白，使主题更加突出。交互丰富，输入、点击、滑动、拖拽、点选、长按，用了比较多的交互方式，但每一种都很自然，高难度交互，有蒙层手势引导。

2.用户体验

整体体验流畅，考虑到用户点选事件和自定义事件，最后形成的时间计划表海报整齐好看，蓝橙小编都希望有这样一个时间管理软件了。

看到这款案例之后，你是否对自己的生活有了一个大致的规划呢？如果你想看更多的H5案例，可以来我们蓝橙互动的网站浏览我们的案例，或者找我们开发团队为你专门定制H5。