网易哒哒:来回顾你的一天吧
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:来回顾你的一天吧
品牌:网易哒哒
技术实现: html5
亮点:
1.创意定位
网易哒哒创意H5作品。网易哒哒自有创意作品,必属精品。以“回顾你的一天”为主题,引导用户做自己的时间计划,从睁眼到入睡,所有的时间,你有安排过吗? 一般高效的人,都会有这个ToDolist,如果你自己不够高效,正好玩这个H5,让你从几类事件中点选事件,自动排到时间轴上,很是方便哦~
2.策划逻辑
① Loading完毕,露出主题:我的一天。引导文案:每一个平凡的日子都闪闪发光,你的一天是如何度过的呢?点击“点击开始”按钮,进入交互页。
② 交互页主要需要手动输入昵称,然后滑动选择起床时间和入睡时间,点击“开始!”按钮。
③ 进入计划点选界面,左边是事件,右边是时间轴。事件大类包含12个方面:个人形象、通勤、工作/上学、吃饭、睡觉、娱乐、爱好、社交/家庭、家务、宠物、迷惑行为、回顾。每类里包含若干事件,用户点击事件后,事件自动排在右侧的时间轴上,事件耗时长短和位置,都可以移动,有引导蒙层提示。不同类型的事件,用不同的颜色表示。
如果提供的事件没有你自己喜欢的,底部还可以“自定义事件”,输入自己个性化的事件。
④ 填写完毕后,点击“点击生成”按钮,生成用户一天的时间计划表海报。可以长按保存长图,可以返回继续修改计划表。
3.视觉交互
清新亮丽,颜色分明。主要用纯色块反白,使主题更加突出。交互丰富,输入、点击、滑动、拖拽、点选、长按,用了比较多的交互方式,但每一种都很自然,高难度交互,有蒙层手势引导。
4.用户体验
整体体验流畅,考虑到用户点选事件和自定义事件,最后形成的时间计划表海报整齐好看,小五都希望有这样一个时间管理软件了。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号