上周五，腾讯上线《Up2017腾讯互娱年度发布会》H5，并发布一组以“唯耐心不负所爱”为主题的海报（也可以说是一组创意二维码），为即将举行的发布会预热。

H5的看点是富有科技感的粒子效果，图案之间用粒子的聚散来过渡，非常酷炫。

预热海报则用创意二维码的方式展现，扫描这些二维码可观看一个创意小视频。

但是今天我想讲的重点不是设计，而是分析这个H5和预热海报给H5行业带来的灵感和启发。不夸张地说，腾讯这支H5，预示着2017年H5行业的发展的三点新趋势！

趋势一：H5完美适配移动与PC端，争夺最后的PC流量

《Up2017腾讯互娱年度发布会》H5有一个大的亮点，那就是对移动端与PC端都做了完美适配。

在移动端打开，这个H5是竖屏的翻页H5，粒子效果通过翻页来进行切换。

而在PC端打开，H5变成了一个横屏案例，更像是一个网站，通过点击左边的菜单或者鼠标滚动可以切换不同的主题，体验上更加优雅和细致。

PC端的H5还蕴含小彩蛋——用鼠标点击文字旁的粒子，可以弹出响应内容要素。比如文学篇弹出《起点中文网》、《QQ阅读》等，其中还包括开头提到的预热海报，植入广告于无形中。

PC端体验链接：http://up.qq.com

你可能会疑惑，当今大热的H5广告，本来就是定位于在移动端，甚至是针对微信进行传播的，何必还在PC端搞一套，费时费力？

其实，H5的本质是移动Web+，我们利用任何浏览器都可以观看H5，在PC端观看甚至更加流畅和便利。国内H5的走红得益于微信的带动和支持，才导致人们习惯于在微信朋友圈观看H5。

再者，微信自带的浏览器对各种功能进行限制，对各种性能进行阉割，阻碍了H5的开发，很多行内人甚至提出，H5要冲出微信！

还有一个原因，当然就是PC端还剩余流量。据统计，移动端与PC端的流量比大概是9:1，这10%的流量，其实也是需要珍惜的。至少连腾讯这样的大品牌，现在已经开始在PC端进行适配了。

不知道你有没有发现，不仅是微信图文，现在H5页面的打开率越来越低，爆款H5似乎也越来越少了。

16年我们成天在讨论刷爆朋友圈的H5：淘宝造物节全景H5，天猫双11的一镜到底，RAP穿越故宫来看你，薛之谦放了个大招。爆款似乎一个月总会有那么一个。

但是17年开始，能算得上爆款的H5屈指可数。

难道是H5制作方偷懒？H5的交互形式基本上耗尽了？

其实不是，是用户对H5的新鲜感越来越低了。现在市面上PV比较高的H5，基本上靠投放，你还不珍惜那仅存的一点PC流量吗？

看到这里，你也许想说，你实在没有时间做两套方案，毕竟预算和精力都有限？

我的回答是，再怎么困难，也请你做两套方案，不过，PC端的方案只需用一张图片搞定，这也是现在H5行业的第二大趋势。

趋势二：一张图片，搞定H5的PC端适配

当H5不做PC端适配时，用户打开一个H5，通常只能看到H5的一半画面，带来的是非常差的用户体验。即使勉强在PC端看完，但是由于PC端的分享步骤过于繁琐，严重限制了H5的分享。

大概从去年开始，品牌方们开始做一张诱导扫描二维码的图片，当用户在PC端打开H5时，就能看到。

一方面，省去了做两套方案的费时费力。另一方面，诱导图片做得好，大大提高了用户打开H5的欲望。

以下是网易出品的两个H5的诱导图片：

诱导图片不单单用文字提示用户使用手机扫码体验，品牌方们争先在文案和设计下功夫，来增强用户观看H5的动力。

天猫无忧话剧团用了影院的座位来做背景，左手拿着门票，提示用户拿起用户扫描二维码，给用户一种观影的代入感。薛之谦密室逃脱的H5，用的文案是“用手机打开这个页面来救我”，有几个迷妹可以拒绝薛之谦的请求？

那么，问题来了，我要怎么判断用户用的是手机还是电脑？

这个问题非常简单，我们不需要判断，我们只需要做两套方案就好。代码我不了解，但是如果你用的是H5制作工具，用iH5就可以实现这个功能。

iH5的“设备”功能可以在舞台下添加一个PC设备和移动设备，可以自动识别用户用的是什么设备。具体操作步骤如下图：

总的来说，去年开始大品牌在H5上做的小心思，都在透露着一个理念，那就是一切以用户体验为中心。不管是完美适配PC端，还是在做PC端的诱导图片，都是为用户服务的。

趋势三：新的H5分享方式——创意二维码海报

腾讯互娱发布会的预热海报，解密了一种新的H5分享方式——创意二维码海报。海报以H5二维码为主体，进行图案创意设计，扫描二维码即可进入H5。线下海报与H5相结合，打通了线上线下的隔阂。

（扫描图片二维码，可以进入H5）

以前，我们分享一个H5的方式是分享给好友、微信群或者朋友圈，得到是一个类似微信图文的界面，吸引用户点击的，只能是缩略图、标题和分享描述。缩略图那么小，根本展示不出这个H5的魅力。

现在，我们可以直接分享一张创意二维码图片。图片的可塑性很强，可以融入无限的创意，动图就更加有趣。

今年2月，天猫无忧话剧团H5就做过了。不过腾讯这次，将二维码进行了创意设计，更上一层楼。

试问，图片和链接，你更愿意点击哪一个？

大胆猜测，创意二维码图片，将是以后分享H5的新方式！

你可能没有发现，用安卓手机在微信打开一个视频类H5，会自动全屏，点击分享到朋友圈会自动填充H5的标题和链接，并附带一张H5的截图。这是微信最近才更新的功能。微信，可以说是新的H5分享方式的引导者！

安卓用户可以扫描二维码体验H5分享的新功能……这个H5用iH5制作，用了iH5 “安卓微信全屏”的新功能。

细心的用户可能会发现，目前很多H5都以视频的方式出现，既能避免开很多技术大坑，又能将视频往视频网站上投放，渐渐地都脱离了H5的交互的本心，实在是有点可惜。

H5营销不易，耐心地做好用户体验总不会错。

把握这三条2017年H5行业新趋势，你就可以快人一步！