淘宝《不可思议地球博物馆》,一个200M H5存在的意义

近日淘宝发布了#520闲鱼拍卖节#的一款主题H5--《不可思议地球博物馆》,一开始笔者被精美的画面震撼,一度以为是3D实时渲染出来的效果,浏览了一段后出现卡顿现象,才明白并非实时渲染的3D效果,而是一个整体的视频。中间卡顿多次后终于浏览完整个H5,出现H5主题。(ps:整个过程笔者都是用的WiFi)

h5最终定帧页

回到PC端,用浏览器打开,才发现一个惊人的真相--整个H5足足有194M。难怪中间出现这样的卡顿现象,即使是阿里云的服务器也受不了194M的体积啊,看来土豪的世界我是真心不懂。

H5总共194M,光视频193M

回到整个H5的体验本身,说下我的观点:

优点:

创意的确挺赞,但是整个创意的大思路并不新,已经有很多H5项目运用过了,至少博物馆、美术馆的思路已经有很多了,比如最知名的《杜蕾斯美术馆》《网易云音乐:乐评故事博物馆》。

杜蕾斯美术馆项目截图 项目地址:http://www.iguoguo.net/2015/55056.

视觉表现精美,是这个项目最大的特色,画质细腻,动画流畅,在这上面付出的成本是惊人的。

问题:

表现太重,全篇视频6分57秒,通篇精美的3D渲染效果,时间太长会造成审美疲劳,H5项目应该在给人足够的惊艳之后适时收起来,掌握一定的节奏感。

用户观看成本太高,带宽成本高,这个是隐性的,并不是所有人都会去研究视频体积。但是时间成本是非常显性的浏览成本,要用户花7分多的时间去看一个广告,有点天方夜谭。

主题的输出不明确,视频中的文字层次不明显、主题不突出,没有完整的主题性内容输出,知道最后定帧才出现主题。

缺乏与用户的交互,这是视频类H5的一个天然缺陷,但也有很多做的很好的视频类H5,比如《腾讯游戏:筷子兄弟手把手教你打飞机》、《QQ:企鹅的速度与激情》,合理利用视频的流畅性和故事性,然后创作性地设置一些交互方式,让用户有足够的参与感。

筷子兄弟教你打飞机http://www.iguoguo.net/2017/86997.html

相信该项目的技术团队的确下了很大的工夫,不然也不会在视频最后放出创作参数。笔者层上篇文章提到了h5的定义--即超媒体,特点是多种媒体的整合、丰富的用户交互以及移动互联网的无限传播。但这个项目没有实现这些特点,还是只采用了视频的单一媒体形式、没有用户交互、没有考虑移动传播带宽的限制,所以笔者对该项目最终的传播效果并不看好。

很明显这是篇以批评、警示为基调的文章,但项目还是很有学习借鉴的代表性的,取其精华,去其糟粕,为我所用,这或许就是一个200M H5的意义所在。

爱果果项目收录地址:http://www.iguoguo.net/2017/87400.html (一定要在WiFi环境下看哦)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,372评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,245评论 4 61
  • 再次尝试每日500字。书写,对我来说不难;只是对于自己带一岁多孩子的妈妈来说,时间上是个挑战。 我也想到底要写什么...
    宗幸NavSevaKaur阅读 227评论 0 0
  • 地方政府现在最青睐的投融资模式就是产业基金了。建设部文件鼓励产业基金以股权的形式参与PPP项目公司。一般而言,3P...
    apple薛阅读 757评论 0 1
  • “每个人都有个觉悟期,也就是我们做什么,走什么样的人生道路。” 两年前,我决定“走出去”。即使不明确要做什么,我也...
    霄坤阅读 561评论 0 2