如何做一个有温度的H5?

   移动互联网的时代,H5已经不仅仅只是一个展示工具。

  H5+游戏=互动

  H5+图片=移动海报

  H5+动画+音乐=微电影


  从早期的单屏滚动,到后期的立体交互,H5+时代已经来了,几乎所有的创意表现,都可以通过H5来展现。随着H5模版开发的快速更迭,人人都可以制作优质的H5,如何才能脱颖而出,一鸣惊人?

  2014年的某一天,一款名为《测测你的帐号价值》的H5风靡了整个朋友圈。在那段时间里,原本低调的好友纷纷开始炫富:“我的QQ居然价值18栋海边别墅”“我的QQ价值3800个王思聪同款电脑桌”……

  2015年的春节,在红包漫天飞的朋友圈里,又杀出一款《任性派发年终奖》的H5,好友们在大晒自己上百万的“年终奖”同时,还很豪气的给老板也发一份,博个新年好彩头。


  这两款浏览量和参与量均破千万的H5都由电脑管家出品,旨在表现蕴藏了关系和情怀的QQ帐号价值的重要性,从而提升帐号宝这款产品的品牌效应。娱乐性的H5,总是昙花一现,热闹过了就消失不见,至多作为“经典案例”给后来人参考。

  很少有H5会像《帐号价值》一样,前后跨度近半年,参与人数达到1400万,总PV数更是达到4000万之多,即便是半年后的今天,每天的参与人数依然数以万计。不用奖品诱导分享,仅仅只是虚拟货币带来的虚拟价值,就足以活跃整个朋友圈。

  一、参与

  微信是一个与众不同的关系平台,它和QQ一样,把朋友、同事、亲人、爱人,构成了关系稳定的朋友圈,有可以同步展现所有与我相关的动态,因此,在这里所分享的东西,大多也是与我有关的,或者有我参与其中,又或者让我觉得有趣。

  于是,H5的互动性就成了用户参与的重要因素。场景化的H5能让人们有代入感。例如在《帐号价值》的H5中,就能让人们很好的置身其中,为自己找到一种角色定位。H5的技术不断在发展,如今的HTML5能轻松实现绘图、擦除、摇一摇、重力感应、擦除、3D视图等互动效果。

  但并不是只要有交互效果就能引发参与。擦一擦或许能诱发受众动手,但并不能进一步引发用户的兴趣。交互只是一种表现形式,真正吸引人的是与人们相关的场景化体验。

  二、情怀

  随着互联网的发展,每个人都有了自己的判断力,怎样的内容谓之好,怎样的内容值得分享,每个人的心里都有自己的评判标准,而情怀正是这标准之一。讲个好故事,容易引发受众的情感共鸣。这个故事,就是H5的灵魂,如何讲好一个故事?这就要求我们赋予H5情怀。

  情怀这个互联网热词已经被提及太多次了。但是,依然不能丢弃。在一个H5中如果只有品牌输出或者只有交互,那么这个H5定然是缺乏灵魂的。一个好的H5能在情感上引发共鸣,揣摩之后,人们能够延伸到生活中。

  《任性派发年终奖》H5很恰当的在年终奖大热的时期,率先引发一种自我意识觉醒的潮流。受众可以主动给别人派发年终奖,这让人们不由得进行自我价值的肯定,且又不失趣味性。所以说让受众感觉有情怀的最好办法,是站在受众的角度去思考。

  三、背景

  互联网时代,受追捧和被冷落有时候是无厘头的,比如《我的滑板鞋》、比如“张全蛋”、再比如“duang”。但没有任何一个受追捧的内容是无背景的,质朴平实造就了滑板鞋,成就了张全蛋,而成龙本人就duang的一下成了背景。

  H5也是一样。2014年,一款《家和万事兴》的H5在朋友圈掀起了一波行动的浪潮,也开启了指纹互动的先河,亲情,就是它的背景。


  大众点评出品的《你我之间只有一个字》,紧张高压的社会环境和人与人之间的距离,就是它的背景。同样,腾讯电脑管家《帐号价值》的H5,也同样有它的背景——大数据。基于QQ的大数据,基于安全的大数据,在产品经理的打磨下,成就了一款生动的H5。这一切,并非偶然。

  四、温度

  温度这个词似乎有些虚化,但它却可以刚好反映出一个H5制作者的态度。温度可能炽烈,也可能清冷,但不可能一成不变。一个成功的H5,必定是会随着时间,随着热点,甚至随着情绪变化不停在变。

  没有一个H5是能永存,每个产品、每个H5都有它的生命周期,但是我们可以尽可能的延长一个H5的寿命。《帐号价值》和《任性派发年终奖》不是跟风的H5,也不是在H5风靡之时大众化的H5。这样的H5能更好的传递品牌价值,引发品牌联想。一个有温度的H5才能历久弥新。

  互动性让人们有参与欲望,情怀让人们有感同身受,最终因为温度,让人们乐于分享给身边的朋友。由名表豪车,到星际旅行,再到大家都关注的年终奖,《帐号价值》H5所幻化而成的价值不停在变,随着热点在变,随着时间在变,让参与其中的人每次分享都会获得不同的关注。互联网+时代下的H5,在收获浏览量和口碑的同时还能收获温度,这可能是下一个进击的方向吧。

时间: 2024-10-29 18:56:06

如何做一个有温度的H5?的相关文章

阿里安全资深专家神盾:这是一个有温度的组织

"Work hard, have fun and make history TOGETHER!"这是阿里巴巴集团安全部资深技术专家LIMINGHAO在内网留下的签名,他的花名"神盾"则是其工作的最好注脚. 学霸 读中学的时候,神盾就是个不折不扣的学霸.按照他的话说,参加了很多的竞赛,物理.化学.数学,凡是属于理科范畴的几乎都没有落下.而且几乎都取得了不错的成绩,学霸本质暴露无遗. 正因为如此,在高三上半学期,神盾就获得了大学保送资格.当时有两个选择,一个是浙大物理系

各位大神,最近做一个app商城类项目,用h5实现apk和ipa下载安装,怎么实现的啊

问题描述 各位大神,最近做一个app商城类项目,用h5实现apk和ipa下载安装,怎么实现的啊 各位大神,最近做一个app商城类项目,用h5实现apk和ipa下载安装,现在怎么实现单个下载和一键下载呢,下载完之后怎么自动安装呢 解决方案 单个下载和一键下载的区别只是下载的文件的个数多少,你用一个链表存放所有需要下载的文件,下载完成后,就触发apk等的Install命令 解决方案二: 先谢谢哈 可是现在就是不知道怎么下载,因为是要用h5来开发手机应用 所以不使用ifame的方法 最好还能实时监测接

一个还不错的H5是怎么产生的?

  电影鬼吹灯之寻龙诀"活蒸大粽子"思路解析 端午节前的时候,我们 [亚当实验室] 为了寻龙诀电影做了一期线上H5的推广.借着鬼吹灯寻龙诀即将上映之际,分享下创作思路.希望大家能得到一点小小的启发. 看过鬼吹灯的朋友都知道,粽子是一句在盗墓者中流传的暗语,就像山里的土匪之间谈话也不能直接说自己杀人放火,都有一套行业内的术语,就好比lol中不叫蓝buff,叫蓝爸爸一样.粽子呢,即指的是墓里的僵尸. H5讲究借势营销,正好端午节有蒸粽子的风俗,而鬼吹灯中又有粽子,正好是一个结合点,那就做个

如何做一个让人闻风丧胆的HTML5页面

  今天腾讯的何六六同学把最近做的一个超赞的H5总结笔记分享出来,将设计动效.具体实现方法.踩到的一些坑都完整梳理了一遍,全文高能干货,强烈建议学习哟! 前言 最近火热的有声娱乐平台 APP,企鹅 FM(编者注:此处绝非广告),在8月28日鬼节前夕,联合<盗墓笔记>推出了"勇敢者的游戏"活动.作为一个 UI 工程师,在这个移动互联网叱咤风云的时代,每次看到朋友圈中被分享的各种花样 H5 页面,总是心痒难耐,也想做有着酷炫动画和带感声效的 H5 呢.回想到做鬼节活动页的时候,

[Qt Topic] – 中文化研习,做一个多语言的简易天气预报器

[Qt Topic] – 中文化研习做一个多语言的简易天气预报器 作者 Jason Lee 日期 2010-04-01 -- 2010-04-02 平台 Qt SDK v2010.02.1 + Windows Xp 声明 文章作者仅在Intel软件网络 和CSDN博客 发表本文如有转载请注明出处.   [1] 简单地使用 QTextCodec 和 tr 配合 在默认情况下我们直接在源码中使用中文比如 setWindowTitle(tr(" 中文化研习 ")); 则会在运行界面发现中文乱

html app 安卓 苹果-如果做一个html页面通过app来访问,怎么样使app的显示能够同时适配在安卓和苹果系统?

问题描述 如果做一个html页面通过app来访问,怎么样使app的显示能够同时适配在安卓和苹果系统? 如果做一个html页面通过app来访问,怎么样使app的显示能够同时适配在安卓和苹果系统? 解决方案 可以使用bootstrap来构建你的web app.它支持响应式布局,是开发现代化web的好框架. 解决方案二: 有没有其他方式呢?我不会bootstrap啊 解决方案三: jquery mobile 可以 解决方案四: <!doctype html> 武当七侠 武当七侠 2015-07-17

网页 查询-做一个查询班级的网页

问题描述 做一个查询班级的网页 有一个名单,想设置一个网页,在网页输入身份证号或者学号, 提交之后就提取出名单内相应的内容显示在网页上,该怎么实现? 求大神帮忙 解决方案 首先你要有两张表,一个是学生信息表,另一个是对应的课程表.通过学生信息查询课程和省市区三级联动很想.万变不离其宗,参考一下这个吧:http://blog.csdn.net/qq_19558705/article/details/50329557 解决方案二: 百度一下CRUD操作,照着写就行了 解决方案三: 后台不解释,前端的

qtcreator-怎么用QTcreator做一个界面与AD转换建立连接

问题描述 怎么用QTcreator做一个界面与AD转换建立连接 最近刚入手QTcreator做一个温度显示界面,需要从AD读取数据,应该是用label显示吧,但是不知道怎么连接上ad,求大神指点迷津 解决方案 串口,USB通信都行. 不过QT本身没有相应模块,要使用第三方开源库. 对于你这样的新手,感觉现在要做这功能很吃力.

vc60-vc++做一个矿井排水监控界面

问题描述 vc++做一个矿井排水监控界面 主界面能够实时显示水位,电机温度,通讯状况等信息,报警界面能够水位报警,记录界面以曲线图形式显示 水位,电机温度历史数据,求大神指导,本人对VC一窍不通啊!!! 解决方案 看你怎么个一窍不通,如果你对C++语言是熟悉的,只是对VC++一窍不通,或者你用过python.java等别的语言,那么还可以短期突击下.如果你什么基础都没有,先尝试学习下,从最简单的开始,起码学会怎么使visual c++开发环境,编译和运行程序. 找一个速成的教程学习下,googl