2014 年 10 月,在万维网联盟更新 HTML 5 标准的时候,并没有得到大众的关注。网页设计标准这件事听上去和普通用户有点远。
但在微信朋友圈广告植入、各商家的促销优惠,甚至是公司的宣传文案中,这种动画效果丰富,适合电脑屏幕操作的网页设计语言,连同它的简称“H5”一起火了。
其中一个具有病毒效应的 H5 就是“神经猫”。这个在 2014 年上线 小游戏从画面到操作方式都很简陋:一只长相奇异的人形猫向屏幕边缘移动,玩家用手指点亮屏幕上的圆点封堵道。根据封堵情况,猫也会调整自己下一步的线。
抓住了神经猫,玩家便能转发到朋友圈炫耀自己的成绩。在上线 天后,这个简单的小游戏就吸引了 1000 多万次点击。
那年情人节,内衣品牌维多利亚的秘密也曾过一个 H5 营销页面。交互方法在当时看来很新鲜,就是在手机屏幕上呈现了雾化效果画面,人们可以用手指擦去屏幕上“雾水”看清内衣模特的照片。就凭这简单交互,这个 H5 在 12 小时里,在微信里获得了 11 万次转发。
为维多利亚的秘密设计 H5 网页的就是云来公司,当时,他们的 H5 生意才刚刚起步。云来分公司的负责人邵琦告诉《好奇心日报》,在随后的一年时间内,他们还给特斯拉、海尔、创维等多家大公司做过类似的 H5 营销页面。
不过线 被更多用户接触的,还是今年春节期间支付宝和微信里的抢红包大战。仅除夕当晚,人们收发微信的红包的总量就达到了 10.1 亿。而抢红包的页面用的也是 HTML5。
今天,H5 现在已经成了企业的常用微信营销方式。连微信自己植入的广告业开始用 H5 页面了——今年年初朋友圈刚推出广告业务的时候,展示的还只是九宫格的照片而已。
HTML5 是一种网页制作标准,不过当我们日常在谈“H5”的时候,更多的是在说适合手指在屏幕上滑动操作的网页。
在 2007 年的第一代 iPhone 推出之后,触屏屏幕,以及其带来的点按滑动等交互方式逐渐成为了智能手机交互的主流。
回想一下 PC 以及智能手机还都配有键盘的时代,我们在网页端的交互还是主要靠“点击”完成,浏览体验十分糟糕。而在 2008 年开始推出的、支持触屏网页的设计语言的 HTML 5 刚好赶上了移动互联网这个起点。可任意用手机滑动来操控网页的方式,和在智能手机应用上进行操控的方式很类似。而随着 iPhone 和 Android 触屏手机的普及,HTML5 也慢慢成为移动网页制作者的选择。
虽然我们在朋友圈看到的很多 H5 作品可能简单到只是带声音的幻灯片,但它们确实用到了 HTML5 的功能,比如内嵌声音播放或者随着手指在屏幕上的滑动翻页。
在 HTML5 之前,实现类似的效果需要用到 Flash。但这种对硬件性能要求较高的技术一直没能在手机上火起来,特别是 2010 年乔布斯宣布永远不会在 iPhone 上用它以后。
不只是 Facebook、Twitter 见不到 H5。确切的说,H5 只在微信火,连微博上都很少能见到。
全球主流的社交网络,大多同时为电脑和手机而准备。不论是中国的 QQ 空间、微博,还是海外的Facebook、Twitter 都是如此。所以网页开发者还需要兼顾产品在桌面端。
通过鼠标点击的精确操控也和手指滑动的操作有很大的区别。此外屏幕比例、浏览距离等因素,也决定了桌面版的设计会和手机上完全不同。
相比之下,微信从一开始就是只为手机而生的社交网络,推出几年后才能在电脑用到它,而且你在电脑上既看不到之前收到的消息,也看不到朋友圈。
这和在 PC 上做一个网页有很大的不同。在桌面端,你一般需要做一个完整的、含有有用信息的网站不断更新,希望别人收藏,搜索引擎也能给予更加靠前的排名。而在微信朋友圈里,再也不需要通过搜索引擎,而是其他微信好友的推荐,所以做的网页足够细致、足够小、让人印象深刻,反而对更有利。
这也是为何企业都喜欢用 H5 来做宣传。他们只需要找到一个足够吸引人的点做个 H5 小游戏,就可以达到企业宣传的效果。在腾讯的“吴即将入伍”这种模拟手机来电设计火了以后,类似的作品也在朋友圈当中快速起来。
这是我们花了 25 分钟做出来的 H5,根本不需要什么编程技巧。只需要做 PPT 那样贴上图片和文字就可以了。
而在 H5 制作这个产业链里面的公司也越来越多:云来、易企秀、秀米、Maka、意派……这些创业公司都想让 H5 页面制作更简单,更傻瓜化一些。
这些 H5 制作工具原理都大同小异:不需要设计基础,不需要看代码,甚至还不需要装软件,在网页里面拖拽图片和文字就好了。尽管做出来的效果不一定那么漂亮,但至少极大降低了 H5 制作的成本,也让我们的朋友圈里面那些奇怪的企业 H5 宣传页面多了起来。今年,广州的东华寺也开始用云来做了 H5 招聘僧侣,结果收到了 4000 份在线简历。
除了企业用户之外,甚至还有普通用户开始用这些工具做 H5。易企秀创始人黄金告诉《好奇心日报》,原本开发手机版制作工具,只是为了让企业用户能方便的管理 H5 里收到的用户表单。结果发现,许多人在夜里和周末都在使用它。
“年轻用户会出于玩的目的使用它。这给朋友看挺炫酷。”黄金说。尽管他们主要做的还是针对的是中小企业的营销服务,不过多一点用户宣传品牌总是好的。
云来的邵琦在采访中也表示,“普通用户的大量使用(云来的手机端),反过来也让企业意识到它(H5)的潜力。”这是一个循环的过程,但对于普通人而言,结果就是朋友圈里的 H5 越来越多了。
据黄金介绍,易企秀自其去年 10 月上线网页版以来,至今累计用户数已达千万级别,每天都会有 10 万作品诞生。而在今年春天,易企秀上产生的作品也只有 1-2 万。
随着制作工具的,几乎什么内容都被做成 H5 了。新闻稿、邀请函、心灵鸡汤、营销活动,甚至世纪佳缘今天发的财报,为了,也都做成了上滑翻页 H5 页面。
今年 4 月,Facebook 也将旗下的即时聊天的软件 Messenger 也正在向微信看齐,应用内除了聊天功能之外,也有开让企业入驻的接口。而在此之前,聊天软件 Line 和 Kik 也开始给商家提供入驻的接口。
如果这些海外社交软件形态上越来越像微信,或许 H5 也一样会在海外市场上疯狂的。有一些创业者瞄准了海外机会,易企秀就在今年 10 月推出了针对 Facebook 的海外版 H5 制作平台,目前用户数已占到了总用户数的 5%。
H5 流行的背后,其实是是越来越封闭互联网。H5 本来是一种依赖高度封闭的社交网络的内容。社交网络可以帮助更多的内容快速的,越大越封闭的社交网络,效果越好——如果不封闭,信息大量出现在微博之类在电脑上浏览的社交网络,H5 的体验便无法。
此外,H5 制作者也把对内容的控制权转交给了社交网络本身。微信现在已经对 H5 的内容进行,对于朋友圈量大但又没有向微信支付广告费的页面直接。