首頁 > web前端 > H5教程 > 主體

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

WBOY
發布: 2016-06-07 08:42:46
原創
1469 人瀏覽過

回复内容:

总结了一下易于刷屏传播的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 这家公司出的每一个专题都是精品,为大众点评做了很多个优秀的微信营销页面。
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!