• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 如何才能做出传播量10万+的HTML5传播页面?大量转发的HTML5都有哪些共同特点?

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

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含等相关知识,匿名希望在学习及工作中可以帮助到您

回复内容:

总结了一下易于刷屏传播的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++支付是什么鬼..),我就打开了链接(这就进来了,接下来看内容的了)。


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


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


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


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

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

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


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


看到上图除了,告诉你支付成功和第多少个人以外,还有奖励政策,即第XX个获XX礼物 ,这样做的好处就是,部分人为了得到礼物就会多次参与。下面有两个

您可能想查找下面的文章:

相关文章

  • 2018-12-03HTML5实战与剖析之是否从主屏幕图标进入的网站
  • 2018-12-03用html5 js实现浏览器全屏
  • 2018-12-03HTML5实现晶莹剔透的雨滴特效_html5教程技巧
  • 2018-12-03关于7 个顶级的 HTML5 Canvas 动画图文赏析
  • 2017-08-06使用HTML5 Canvas为图片填充颜色和纹理的教程
  • 2018-12-03HTML5中的autofocus(自动聚焦)属性介绍_html5教程技巧
  • 2018-12-03HTML5实战与剖析之WebSockets简介
  • 2018-12-03HTML5 Canvas的基本用法介绍
  • 2018-12-03html5 canvas-1.canvas介绍(hello canvas)_html5教程技巧
  • 2017-08-06为你的html5网页添加音效示例

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 关于7 个顶级的 HTML5 Canvas 动画图文赏析
    • HTML5-Web存储如何使用?
    • html5 实现客户端验证上传文件的大小(简单实例)_html5教程技巧
    • HTML5中的表单属性
    • 浅谈 粒子动画 特效实现实例总结
    • HTML5之5 __Canvas: 渐变
    • 有关家电的文章推荐10篇
    • 入行5年多的as3程序员,不知道未来怎么样!该转型吗? ?对未来有些迷茫!?
    • h5改良的input元素种类
    • 几个解决兼容IE678不支持html5标签的几个方法_html5教程技巧

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有