Midea 美的:一分钟了解电历史

2017-12-18 H5案例分享 H5案例分享
Midea 美的:一分钟了解电历史


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

识别图中二维码

一分钟了解电历史-查阅二维码

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


案例:一分钟了解电历史

出品:Midea 美的

亮点:

  1. 策划上,图文+配音解说。加载完毕进入案例,首屏提示用户选择不同口音的播音员,有德语(其实是顺德)和国语两种。案例会从原始社会开始,以多个场景图文动画+解说配音的形式,讲述“电”的发展和普及,最后引出自己的空调产品。各场景间以长按的交互形式过渡。

 

  1. 设计上,黄色主题色调,画风偏欧美卡通,整体调调很无厘头。案例最大的亮点在于它的配音,德语跟粤语的混淆,再加上“国语”版贱兮兮的配音,整个案例给人留下了非常深刻的印象。

 

  1. 体验上,案例很逗比很好玩,还无形涨了一波姿势,小五很喜欢,但还是想提一下案例的交互体验(测试环境为iPhone6)。开头选择播音员之后,显示的页面中,没有任何交互的提示,小五凭借聪明才智(其实就是瞎摸摸)才知道怎么体验,可能是案例的提示按钮出了一些问题。再者,在解说过程中提示的长按,用户按下不动几秒之后,会自动播放,松开后,到下一个场景会继续提示长按,但有相当一部分人(比如小五)肯定会认为需要一直按着不动,这样到了下一个场景,也看不到新的长按提示,这样的体验其实蛮不好的。小五的建议是,优化一下案例的交互体验,在发布之前多找几个身边的小白用户体验案例,发现一些潜在的问题。



技术实现: JavaScript



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

标签

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

相关推荐:

美的:这件事频频登报,你却还不知道?!

美的:Freestyle

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~