网易哒哒:来回顾你的一天吧

2020-11-22 H5案例分享 H5案例分享
网易哒哒:来回顾你的一天吧


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

来回顾你的一天吧-查阅二维码

完整欣赏此案例大约需要2分钟


案例:来回顾你的一天吧

品牌:网易哒哒

技术实现: html5

亮点:

1.创意定位

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

 

 

2.策划逻辑

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

 

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

 

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

 

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

 

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

 

 

3.视觉交互

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

 

4.用户体验

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





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

小米有品 X 网易哒哒:原来你还有不为人知的这一面…

网易新闻 | 哒哒 x 快手:生成你的漫画人设

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~