Home > Web Front-end > H5 Tutorial > body text

如何才能做出传播量10万+的HTML5传播页面?大量转发的HTML5都有哪些共同特点?

WBOY
Release: 2016-06-07 08:42:46
Original
1470 people have browsed it

回复内容:

总结了一下易于刷屏传播的H5方向,大概有以下共同点:


1、利益触发与活动类

如分享XX参与抽奖,关注公共号分享到朋友圈截图领取PPT模板下载码,分享到朋友圈获取微信直播分享机会等。类似于这种利益触发的机制与活动,分享了才能进行下一步,很多人还是愿意关注+分享的,尽管分享后一段时间删除的可能性比较大,但还是会出现刷屏的效果。

2、内容共鸣类

案例:快看漫画的产品宣介,“对不起,我只过1%的生活”和中央电视台的“家和万事兴”,尤其是“家和万事兴”,在对的时间推给用户对的东西,按手印、显示第几位等小细节提升用户参与感。

3、数据类、大全类,有收藏欲望

很多人都是把微信朋友圈当做收藏夹来用的,看到有收藏欲望的文章就会转发到朋友圈,比如XX大全,最全的XX知识/工具,有了XX就够了,XX行业年度报告。再如互联网金融产品的消费账单分享,可以整个用户数据记录,满足用户私人数据需求,再加以超越XX%的用户,满足用户的秀优越心理。

4、好玩的游戏,且得到数据反馈

如神经猫、全民找XX、杜蕾斯-一夜N次郎等好玩的游戏去年也刷屏不少,这些游戏多用时间控制提升用户的刺激紧张感,辅以数据反馈超越了XX人,让用户有分享欲,有的用户为了刷出漂亮的数据,甚至玩个N次。依据这个,当时我们做了“测单词、知工资”H5小游戏,寓教于乐,PV很不错。

5、人人参与

一起来画鸡、一起来画圆等,突出用户参与感,提升用户成就感。

6、技术亮点&互动体验

百度智呼吸、手机秒变空气检测器、Burberry,“一辆懂你的车,在寻找一位懂TA的人”尤其赞,模拟驾驶体验,展示产品性能。


暂时就想到这么多,欢迎大家补充。

大量转发难道不是靠内容吗?你页面什么都不写,标题写个“成都女司机KF记录曝光,原来真有幕后黑手”,放在微信上都能轻松过万。。。

不要轻易尝试啊,转发过500我概不负责。
  • 标题

用点心理学---猎奇 :h5页面要传播,首先想到就是传播途径。以朋友圈途径说明问题。人们第一次看到的肯定是好友在朋友圈的分享,而且这时候看到的仅仅是文章的标题。所以标题如何确定,很大程度上直接影响到传播量。举个栗子,这两个标题,“快捷键大全”和“键盘上原来有这么多秘密,你都知道吗?”。如果是你,你会点击打开那个?你不会点击那个?


这里就用到了一点大众的猎奇心理,也即是窥探未知秘密,很多人都会多多少少有这种心理。


另外,标题中直接出现干货关键字,干货吸引。很多人就是冲着干货去的。


如果标题平平,那传播的大任就要交给内容了。


  • 内容

按照这个思路下去,假如,一篇h5页的文章打开了,接下来影响自己分享与不分享的关键就在内容了。如果平淡无奇,很多人都会在打开后的几秒钟关掉。因为社交圈毕竟不是学习的场景,需要花时间钻研,很多人的朋友圈动态可是很多的。就像HR看众多应聘者的简历一样,如果第一眼没看到自己期望的关键词,被PASS的几率就很大了。读朋友圈内容也是这样。


所以,对于文章,在布局的时候,一定要把亮点,重点,发光点,,放在合适的位置,必要的时候做对应的强调处理(加粗,色彩等方式),让读者产生这种“哦~不错哦,有新技能get”的第一感觉。

关于内容,如果不是必要,千万别生硬拉长,因为长篇大论会给人压力感,尤其全是文字。朋友圈分享或其他社交分享方式,所以页面承载的内容不需复杂,即要求内容精炼。目的明确。如果确实信息比较多,务必做分页处理,分页与不分页完全是两种不同的体验。有逻辑关系的,一定要理清,包括分支。这样做都是为了读者有更好的阅读体验。


适当的图文配合也是较好的,可以优化阅读体验,但不要过。首先图片过多费流量不说,加载不出来或加载太慢也是让人揪心的事儿。


  • 其他
  1. 页面里如果有交互,那么良好的交互设计,会让读者觉得整个阅读过程流畅。
  2. 如果能添加些有逼格的元素更好不过了。
  3. 如果能结合当前实时热点就棒极了!(比如已经过去的热点,“我们”,“优衣库”等)
  4. 还有借花献佛型。(比如某app"我用**打电话,超好用,快来加入吧")
  5. 利益驱动,趋利者的杀手锏(比如分享,截图发给某某,领取XX,或抽取第某某分享者送某某豪礼)


实例解说H5页面传播:


场景:最近,我在朋友圈看到有人分享了一个标题为“我是第4380个为「Ping++支付」代言的人”的H5页面。出于好奇(这Ping++支付是什么鬼..),我就打开了链接(这就进来了,接下来看内容的了)。


首先进来的第一感觉,没有人会想到去分享(虽然右上角的三个点是可以进行分享的),而是注意力集中在“七行代码”四个粗字上,(七行代码干嘛用的呢..产生好奇而且很牛逼的赶脚),根据阅读习惯,接着看你才发现下面一行灰色字“接入所有主流支付渠道”。(哪些支付渠道呢...)这时你就知道中间的图示什么用的了。(注意:图不是页面的重点哦~所以图片是灰化的~),这就是分清主次,重点突出的问题了


另外在页面底部的按钮使用的颜色给人的感觉是安全的(什么是安全的,比如红色代表危险,所以很多应用中的“退出”按钮都是红色的,这就涉及到色彩学了)。而且按钮颜色是有变化的,有呼吸的感觉,让人有想用手戳一下的欲望。

如何才能做出传播量10万+的HTML5传播页面?大量转发的HTML5都有哪些共同特点?

点击,显示到订单页,这时候看看页面,商品是“Ping++的心意”,总金额才一分钱,一分钱!!看到了么,几乎没有人会因为这金额的问题放弃继续,回头再看看商品名称“Ping++的心意”,一分钱送份心意也挺好的,况且可以尝尝鲜,毕竟这是新玩意。


如果你留意,就会发现页面两处出现 “0.01”字样,有人会觉得页面上有说“¥0.01”,按钮上就不用出现了吧,那就错了,多次出现就是为了强调的作用,就0.01!(这里为什么要让你支付0.01,而不是直接做宣传文案,仅仅让你体验Ping++支付么?错!原因在下面说明)

继续,,,选择微信支付。

如何才能做出传播量10万+的HTML5传播页面?大量转发的HTML5都有哪些共同特点?

支付完点及右上角的完成。

如何才能做出传播量10万+的HTML5传播页面?大量转发的HTML5都有哪些共同特点?

完成后的界面,注意看中间的数量传播数量已经是“8486”,传播数量从昨天到现在已经翻了一倍(参见第一张图的传播数量是4380),可推测这是新发起的活动。新事物的出现,一旦火起来,传播数量都是程倍数或指数方式增长。另外,为什么在分享的时候要出现数量,第XX个(见图一),这就是众人心里普遍存在的竞争排名心理。

如何才能做出传播量10万+的HTML5传播页面?大量转发的HTML5都有哪些共同特点?

看到上图除了,告诉你支付成功和第多少个人以外,还有奖励政策,即第XX个获XX礼物 ,这样做的好处就是,部分人为了得到礼物就会多次参与。下面有两个按钮“分享给朋友”和“联系我们”,其中第一个按钮是有呼吸灯感觉的,下面一个颜色是固定的。目的很明确:引导你去分享


当然驱使你分享的另一个微妙的原因就是之前的步骤:支付。如果到这一步就关闭页面了,很多人会觉得:我是不是亏了什么(实际上也就1分钱)。如果没有支付步骤,仅仅是功能介绍,看完后,关闭也就关闭了,没什么可惜的,因为你分享本身对自己没什么意义。但现在不一样,这就是所谓的“后情感合理化”,你对一件没有很大意义的事情付出了,自己心里会找理由说服自己,告诉自己这是有意义的(自己骗自己)。


点击联系我们按钮,简洁的二维码。


总结一下这个案例中出彩部分:

  1. 内容新奇
  2. 符合阅读习惯
  3. 逻辑清晰,流程简单
  4. 每个页面承载信息量少,且主次分明
  5. 懂得如何用色
  6. 适当的引导
  7. 竞争排名心理
  8. 有物资奖励
  9. 后情感合理化

好了,收藏前先赞个吧~ / 捂脸

UC做过一个招聘的:技术福利,世界杯嫩模陪你看!配上图,妥妥过10万吧。

总结几点:
1、要新,否则传播力会下跃
2、要找到一个足够大的传播体
3、传播体的软肋要切中
4、注意结合热点潮流

4A公司应该很擅长做这个,有专门教的课程吧。 1、做一个H5场景,最重要的不是在设计上面下大功夫。而是对策划的反复推敲,清晰定位,对文案精简提炼、归纳和场景化。



有一个4A广告公司的朋友一次聊天中提到,完成一个H5场景应用假如给他6天时间的话,那他花4天去不断构思,整理逻辑,在纸上画出视觉稿,想象如何视觉化表达。把一切理顺之后,再花两天时间去完成这件H5场景作品。



2、微博最突出的贡献就是让段子、话题热点、140字有效阅读这几种方式成为可以进行营销传播的手段。



做H5场景也就跟在微博上制造段子,制造热点话题一样,都是为了营销传播,吸引转发分享。为什么在微博上可以创造出这些好的形式去玩内容,而在H5场景上就不能再创造新的形式去达到同样的目的呢?要知道,在移动端营销时代,H5是目前最适合移动端传播的工具方式。传播非常快,有多快呢?我只能告诉你比你想象中要快很多。



今天早上云创客刚出品一件《东华寺夏令营活动招募》的H5场景,到中午12点才三个小时,转发分享量已超过4000多人转发。至于浏览量都不用说了,可以随意想象一下。要是数学好的人看到这里可以任性的拿概率论算一下。



3、大家都知道,一个H5场景的页数大都控制在10页之内,为什么?“用户体验不好,用户懒得翻没耐心,加载过慢流失用户等等……”一大堆科学的解释的确让人望而却步。这么说当然都没错。因此,你之前也肯定没有做过一个超过15页的H5场景案例。但我告诉你,怎么让你从一个菜鸟快速锻炼成H5场景高手。



试着创作两次超过50页的H5场景吧!当然你做这个不是为了给客户。也不能拿来自己公司当营销用,只不过是锻炼自己。从创意构思,设计风格,文案提炼等等一切因素去考虑、推导,偶尔尝试完成一件超过50页的场景作品。下了这般苦功夫两三次后,你都会有很大的突破,试试看,这会让你变得非常强大。



你没有做过最复杂的东西,你一直停留在简单的东西里面。你偶尔认真去做一件最复杂的H5场景,会使你一下得到质的飞跃,甚至突破阻碍你好久的瓶颈。我拿一个写小说的理论举例。一个写小说的人,只会写短篇,一直写短篇,你有一天让他写个长篇他便写不出来。而一个向来写长篇的人,你有一天让他写短篇他就很轻易写出来了。



最复杂的事情你都做过了,简单的还是问题吗?当然很多时候短篇可能比长篇更精练,更有价值也更难写。但是,这建立在一个人之前写过很多长篇,然后又开始不断练习短篇的人,他的功夫在于已经收放自如,于形式中无视形式。可你还没做到这些呢。



上面的灵感来自下午与云创客运营团队一位设计师聊天中获取的。我试着串联起来自己之前在书法、画画、阅读和写作等研究上面的理论体系,然后得到很多新的视角。于是把这种方法分享给大家。



4、我之前在国际4A广告的时候,有一位天津大学的设计系教师跟我交流经历,他自己从研究生毕业开始在大学教学,做设计开始一直专注动画效果、设计形式、还有不落地的创意。当时接外面社会上的客户私单,做出东西给客户回复后都很受打击,别人都不愿付钱给他。后来出来在广告公司干了两年,他从一个专注动画和形式,还有不落地的创意的人变成了一个注重逻辑,注重策略在画面中的体现,注重有效落地的创意呈现给受众。



他现在又回大学里边教学了。前段时间跟他聊天,问他有没有接触H5场景。他说去年就开始玩了,发了两个给我看看都很优质,水平毫无置疑。



5、上次有一位设计师,说起自己学做H5场景的经历。她刚开始接触H5场景,为学一个好的H5场景如何做出来,把自己刚买的《精益创业》这本书,泛读+精读两天,至少读了四遍,做了一些密密麻麻的笔记,一开始写满了七八页的提纲。总结了书里的中心内容,提炼出来逻辑结构。然后自己论证的过程又花了一天时间。直到浓缩成一页提纲,最后她才开始设计排版。花了两个晚上去完成设计。



当她拿给我看那件作品的时候,简直震撼到我了,一个很有场景感,很有风格的创意,内容很精练很多有价值的干货,我一年来分析了有上千件H5场景作品。但也立马被她作品给打动了。她后来就用这种方法锻炼H5场景创作能力。



真的非常欣赏这个女孩。比我还小一岁,两年前刚从厦大毕业,现在上海做自由设计师工作。

1, 加载绝对不能超过5秒,否则会有74%的用户离开页面。

2,契合用户操作习惯:滑动切换(放置在左边的按钮点击率低)

3,页面前几页要吸引到用户,防止页面层级加深,用户流失越多。

4,互动简单易操作,避免复杂输入行为,防止用户流失。

5,发布高峰期在中午12点/晚上10点。用户活跃度最强。

示例:【花嫁丽舍×大众点评】砍价神功大力发,0元婚宴免费得!

加个 不转不是中国人民;爱妈妈的请转,妈死的不用转 这跟H5有毛关系? 刚做一个招募活动,几乎没有花太多成本的,效果出乎我们的意料,连着升级了四次服务器,最后收获八十多万的互动人数,总结一下,主要赢在活动机制
1、邀请好友助力。 招募结果是按收获的支持数,支持者随机有小量礼品。
2、信息及时发布。投票支持结果及时可见,最终遥遥领先的五位参与者,为了甩开竞争者,一天内连续发了一百多次朋友圈求支持
3、吸引的参与者为KOL。最后获胜的三位KOL均有四千以上的微信好友,20%的参与者带来80%的互动
4、良好的用户体验。连续改两天改稿到凌晨五点,才达到比较满意的效果,最终收获不到20%的跳出率


然而我想说的是,这只是术的层面,道的层面是在贯穿整合H5最核心的,用户洞察。找到用户痛点至少是痒点,才能成功的传播...我们这个H5也没有成功在这里

第一次答,手机答的,不知道怎么留链接,有想看H5的可以私我 搜索一家公司:W 这家公司出的每一个专题都是精品,为大众点评做了很多个优秀的微信营销页面。
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!