宝坻信息港

当前位置:

H5是如何从一种网页设计语言变成你朋友圈

2019/05/15 来源:宝坻信息港

导读

2014 年 10 月,在万维同盟更新 HTML 5 标准的时候,并没有得到大众的关注。页设计标准这件事听上去和普通用户有点远。但在朋友

2014 年 10 月,在万维同盟更新 HTML 5 标准的时候,并没有得到大众的关注。页设计标准这件事听上去和普通用户有点远。

但在朋友圈广告植入、各路商家的促销优惠,甚至是公司的宣传文案中,这类动画效果丰富,适合电脑屏幕操作的页设计语言,连同它的简称H5一起火了。

其中一个具有病毒传播效应的 H5 就是神经猫。这个在 2014 年上线 H5 小游戏从画面到操作方式都很简陋:1只长相奇异的人形猫向屏幕边沿移动,玩家用手指点亮屏幕上的圆点封堵道路。根据封堵情况,猫也会调整自己下一步的路线。

捉住了神经猫,玩家便能转发到朋友圈夸耀自己的成绩。在上线 2 天后,这个简单的小游戏就吸引了 1000 多万次点击。

围住神经猫

那年情人节,内衣品牌维多利亚的秘密也曾传播过一个 H5 营销页面。交互方法在当时看来很新鲜,就是在屏幕上呈现了雾化效果画面,人们可以用手指擦去屏幕上雾水看清内衣模特的照片。就凭这简单交互,这个 H5 在 12 小时里,在里获得了 11 万次转发。

为维多利亚的秘密设计 H5 页的就是云来公司,当时,他们的 H5 生意才刚刚起步。云来北京分公司的负责人邵琦告知《好奇心》,在随后的一年时间内,他们还给特斯拉、海尔、创维等多家大公司做过类似的 H5 营销页面。

维多利亚的秘密 H5 首页

不过真正让 H5 被更多用户接触的,还是今年春节期间支付宝和里的抢红包大战。仅除夕当晚,人们收发的红包的总量就达到了 10.1 亿。而抢红包的页面用的也是 HTML5。

今天,H5 现在已成了企业的常用营销方式。连自己植入的广告业开始用 H5 页面了今年年初朋友圈刚推出广告业务的时候,展示的还只是九宫格的照片而已。

HTML5 不等于我们平时说的 H5,但它们也有关系

HTML5 是一种页制作标准,不过当我们平常在谈H5的时候,更多的是在说合适手指在屏幕上滑动操作的页。

在 2007 年的代 iPhone 推出以后,触屏屏幕,以及其带来的点按滑动等交互方式逐渐成为了智能交互的主流。

回想一下 PC 以及智能还都配有键盘的时期,我们在页端的交互还是主要靠点击完成,浏览体验十分糟糕。而在 2008 年开始推出的、支持触屏页的设计语言的 HTML 5 恰好赶上了移动互联这个起点。可任意用滑动来操控页的方式,和在智能应用上进行操控的方式很类似。而随着 iPhone 和 Android 触屏的普及,HTML5 也慢慢成为移动页制作者的选择。

虽然我们在朋友圈看到的很多 H5 作品可能简单到只是带声音的幻灯片,但它们确实用到了 HTML5 的功能,比如内嵌声音播放或者随着手指在屏幕上的滑动翻页。

在 HTML5 之前,实现类似的效果需要用到 Flash。但这种对硬件性能要求较高的技术一直没能在上火起来,特别是 2010 年乔布斯宣布永远不会在 iPhone 上用它以后。

现在,就连本来的 Flash 大户视频站,都在上支持 HTML 5 标准。

为何 H5 只在中国火了?

不只是 Facebook、Twitter 见不到 H5。确切的说,H5 只在火,连微博上都很少能见到。

全球主流的社交络,大多同时为电脑和而准备。不论是中国的 空间、微博,还是海外的Facebook、Twitter 都是如此。所以页开发者还需要兼顾产品在桌面端。

试想一下如果你在电脑上打开一个页,会希望页面上显示这点信息,然后拖一下鼠标翻一页么?

大众点评制作的H5 :我们之间就一个字

通过鼠标点击的精确操控也和手指滑动的操作有很大的区别。另外屏幕比例、阅读距离等因素,也决定了桌面版的设计会和上完全不同。

就连自动发出声音,在电脑上都被认为是一种不友好的设计。

相比之下,从一开始就是只为而生的社交络,推出几年后才能在电脑上面用到它,而且你在电脑上既看不到之前收到的消息,也看不到朋友圈。

为制作页,设计师只需要考虑怎么为屏幕进行页面设计,而不需要斟酌桌面端打开的效果。

这和在 PC 上做一个页有很大的不同。在桌面端,你一般需要做一个完整的、含有有用信息的站不断更新,希望别人收藏,搜索引擎也能给予更加靠前的排名。而在朋友圈里,传播再也不需要通过搜索引擎,而是其他好友的推荐,所以做的页足够细致、足够小、让人印象深入,反而对传播更有益。

于是我们熟悉的 H5 就这么来了。

游戏全民突击的营销页面:吴亦凡即将参军

这也是为何企业都喜欢用 H5 来做宣传。他们只需要找到一个足够吸引人的点做个 H5 小游戏,就可以到达企业宣传的效果。在腾讯的吴亦凡行将入伍这类模拟来电设计火了以后,类似的作品也在朋友圈当中快速传播起来。

火了之后,制作 H5 变简单了

现在做个 H5 有多简单?我们试了一下(请点击):

关于本文的 H5 页面

这是我们花了 25 分钟做出来的 H5,根本不需要什么编程技能。只需要做 PPT 那样贴上图片和文字就可以了。

而在 H5 制作这个产业链里面的公司也愈来愈多:云来、易企秀、秀米、Maka、意派这些创业公司都想让 H5 页面制作更简单,更傻瓜化一些。

这些 H5 制作工具原理都大同小异:不需要设计基础,不需要看代码,甚至还不需要装软件,在页里面拖拽图片和文字就好了。虽然做出来的效果不一定那末漂亮,但少极大下降了 H5 制作的本钱,也让我们的朋友圈里面那些奇怪的企业 H5 宣传页面多了起来。今年,广州的东华寺也开始用云来做了 H5 招聘僧侣,结果收到了 4000 份简历。

除企业用户之外,甚至还有普通用户开始用这些工具做 H5。易企秀创始人黄金告诉《好奇心》,原本开发版制作工具,只是为了让企业用户能方便的管理 H5 里收到的用户表单。结果发现,许多人在夜里和周末都在使用它。

年轻用户会出于玩的目的使用它。这给朋友看挺炫酷。黄金说。尽管他们主要做的还是针对的是中小企业的营销服务,不过多一点用户宣扬品牌总是好的。

云来的邵琦在采访中也表示,普通用户的大量使用(云来的端),反过来也让企业意识到它(H5)的潜力。这是一个因果循环的进程,但对普通人而言,结果就是朋友圈里的 H5 越来越多了。

据黄金介绍,易企秀自其去年 10 月上线页版以来,至今累计用户数已达千万级别,每天都会有 10 万作品诞生。而在今年春天,易企秀上产生的作品也只有 万。

随着制作工具的传播,几近什么内容都被做成 H5 了。稿、邀请函、心灵鸡汤、营销活动,乃至世纪佳缘今天发的财报,为了传播,也都做成了上滑翻页 H5 页面。

看上去,H5 不会停在中国

H5 现在虽然只在上流行,但它的未来可能不只是中国。

今年 4 月,Facebook 也将旗下的即时聊天的软件 Messenger 也正在向看齐,运用内除了聊天功能以外,也有开让企业入驻的开放接口。而在此之前,聊天软件 Line 和 Kik 也开始给商家提供入驻的接口。

如果这些海外社交软件形态上愈来愈像,或许 H5 也一样会在海外市场上疯狂的传播。有一些创业者瞄准了海外机会,易企秀就在今年 10 月推出了针对 Facebook 的海外版 H5 制作平台,目前用户数已占到了总用户数的 5%。

H5 流行的背后,其实是是越来越封闭互联。H5 本来是一种依赖高度封闭的社交络传播的内容。社交络可以帮助更多的内容快速的传播,越大越封闭的社交络,效果越好如果不封闭,信息大量出现在微博之类在电脑上浏览的社交络,H5 的体验便没法保证。

此外,H5 制作者也把对内容的控制权转交给了社交络本身。现在已对 H5 的内容进行监控,对朋友圈传播量大但又没有向支付广告费的页面直接封杀。

互联发展这么些年,到话语权又重新集中在少数几个社交络手中。

有点盆腔炎怎么办
分泌物增多是怎么回事
得了盆腔炎该怎么办
标签