营销h5怎么做(h5网页游戏详解)

seoxin 09-04 11:26 17次浏览

四个方面+五个特点

四个方面:1.碎片化阅读2.多感官体验3.交互性很强4.重分享强社交

五个特点:1.设计方面2.页面布局3.颜色色块4.内容精炼5.标题醒目

什么是H5?

H5是大家约定俗成的一个说法,准确来说是HTML5,因为HTML5本身已经是简称了,我们再把它简称成H5是不太规范的,因为它是一个开放的网络标准也就是超文本标记语言(HTML)的第五次重大修改的标准,基本上所有的浏览器都是可以支持的,他适合多设备跨平台的操作,拥有自适应不同屏幕尺寸,支持多媒体、互动操作、实时更新等特点,功能非常强大。

H5的标准是由谷歌、苹果、OPPO、火狐等世界互联网巨头发起制定的,我们的微信里里面也内嵌了兼容H5的浏览器,而且16年的时候也升级了,兼容性非常好,虽然在PC端其他应用(例如QQ微博等)平台也支持打开H5,但是体验却不是很理想,所以实际上绝大多数H5是通过微信进行投放和传播的,我们今天主要针对微信平台进行讨论,自从2014年“围住神经猫”大火之后,大家对于H5异常重视,基本上国内企业在宣传推广的时候都会考虑制作一个H5,以前的魅族手机每次开发布会魅族至少会制作两个H5,一个展示类的,一个互动游戏类的,可见他们对H5的重视程度。

H5作为企业最佳营销方案的四个方面

1. 碎片时间:H5适合碎片化的阅读,在碎片化信息的时代,大家的注意力一般都不太集中,需要大块时间进行消费的内容越来越难以接受。让别人看一篇深度的长文,他可能没有耐心看完,如果让他看一个超过三分钟的视频,他又怕浪费流量。而H5这种以图片+文字+音乐的组合,又不太费流量,而且展示效果又特别好,看完一个基本上只需要30秒左右,非常适合随时随地利用碎片化时间进行阅读。

2. 多感官体验:H5还是多感官体验的工具,它不光能展示图片、文字,还能听音乐、看视频,现在通过开发还可以支持3D重力感应(例如:摇一摇)VR等效果,可以全方位调动起我们的感官,给人一种非常惊喜的体验。

3. 交互性:H5还有很强的交互性,决定了它能够让用户充分地参与进来。看文章是别人写好的,没有参与感,看图片视频音频等都是被动的接受,而H5提供了各种各样的交互性,比如说他可以上下左右的滑动,擦一擦、摇一摇、点一点等功能甚至跨屏互动甚至让用户进行创作。用户会非常有参与感,有一种我主导了H5发展的感觉。在H5互动中用户会对H5有更加深刻的了解,会更有探索欲,对产品的特性会有更加直观的感受,转播效果也会更加的好。

4. 重分享强社交:经过开发的H5可以获取到用户的信息,让我们更好地代入进去。比如说他可以模拟出来我们的朋友圈生成一个专属的头像或者专属的结果,也可以让我们跟好友进行互动PK ,比如说某某比赛的成绩,你打败了**%的好友,或者生成还有排行榜,就是利用了用户喜欢嘚瑟和好生的心理,让用户攀比排行,就可以刺激用户进行分享传播。

综上所述相比于其他的传播介质,H5确实有很大的优势,也难怪各大企业喜欢用它进行营销传播。我们都希望自己家做的H5变成爆款火遍朋友圈,但是现实情况是这个行业仅仅通过两年的时间就快速地被催熟了,原来只需要一点点交互就可以让人觉得很惊奇,现在普通的玩法已经无法吸引见多识广的用户了。所以在互动、体验、奖品等方面注重用心之外设计和布局等细节也需要格外小心。

本片内容就是通过数万个爆款H5分析出来的特点,希望对大家有所帮助。我们就从H5的设计方面、页面布局、色块方面、内容方面、标题方面五个特点展开来说。

1.设计方面:

如今都是看脸的时代,用户对设计都有自己独到的见解,尤其是你想要获取优质的客户,精美的设计是打动他们的基本条件。而一个好的H5除了画面要精美之外,也需要注意以下几个方面,第一,风格要统一,风格是做设计基本的要求不仅体现在要严格地遵循企业视觉规范手册,体现企业和产品的特色,统一的风格还可以降低用户学习和接受的成本,也让用户感觉到品牌的专业性,一般的企业都有自己的视觉规范手册,如果H5给第三方公司开发,请一定把手册给到他们,确保他们能领会和接受,确保视觉风格保持一致。第二,字体醒目且统一,H5能用图表达的一定不要用字,如果要用字也尽可能大一些,风格保持一致,让用户第一屏就熟悉你的字号,知道你的设计原则是怎样的,知道出现什么样的字应该重点阅读,这样的话,那你就可以和读者形成一种默契,重要的信息他们就会重点来看,一个都不会错过。第三,是图片与样式也需要统一,最忌讳的是一会出现一个全屏的图片再一会又出现一个很小的图片在页面的一角,这样的话会让用户对你的视觉品质印象大大折扣,而排版样式也保持一种风格调性是最基本的要求。第四,是动画要保持一致,如果说你第一屏就使用的向左滑动,那么最好后面每一屏都使用同一个动作,这样的用户只需要学习一次交互就可以完成全部,不需要每个页面都重新学习。一旦学习成本过高,能够到达最后一个页面的用户就会大打折扣了,相信这是你不愿看到的。而且现在最新的潮流是多用视频少用动画也是为了减轻用户频繁互动的困扰,整个H5只需要互动一两次就可以完成。用户的操作复杂度也大大降低了。

2. 页面布局:

页面的布局设置是否合理,直接关乎到用户能否快速捕捉到你的页面信息,并且根据指示进行相关的操作重要信息不可以在页面当中过高或者是过低。因为由于手机的屏幕尺寸是多种多样的,如果说你的一些重要信息在页面相对比较角落的位置,很有可能在一些机型上就没法得到展示 最坏的结果就是一些交互的按钮放在页面最底部而导致的 有些手机根本就看不到,哪怕用户填写了信息 或者说想要进行下一步操作,根本无法提交。这种情况是完全不应该出现的

3.颜色色块:

颜色的运用也是企业vi当中最重要的一环,默认情况下一个H5只应该有一个主色,也就是企业或者是logo的标准色,如果说需要出现辅助色,最好是同一色系的颜色,不宜反差过大

那原则上,一个H5当中使用的其他颜色绝对不要超过三种,否则用户就会感觉到非常的混乱.

而且,主题色在H5的第一屏就出现,直到最后一屏都保持同一主题.可以合理地使用一些大色块,显得更加醒目一些,并且要用颜色来把主次区分出来,不光体现在背景颜色、文字颜色,还包括使用的图片的颜色等等

4.内容要精炼:

很多领导喜欢让工作人员在H5里面放大段的企业介绍 产品简介之类的,但这种要求对于用户体验来说是致命的 H5并不是写微信文章并不需要太多的文字,只需要极为精简的关键词就可以了,千万不要放大段的文字,这样会形成用户的流失,而应该把精力放在图片上

哪怕有文字或者是数字,也应该用视觉化的图形或者是动图来表达,以减轻用户阅读的压力 比如说:上市公司会定期发布财报,但是财报里面的数字实在是太枯燥了,们就要想办法把它转化成普通人都能够看得懂的形式。以腾讯2016年第三季度财报为例,里面提到了微信和WeChat,合并月活跃用户达到8.46亿 同比增长30%,很多人对8.46亿是没有概念的,那我们就可以类比一下,说中国的网民数量是7.21亿,也就是说平均每个中国的网民必装的一个应用就是微信。说他是国民应用毫不为过,而且,我们可以对比一下他加起来比全欧洲的人口加起来还要多。如果说你确实需要放较多的文字的时候你可以把文字的主次分明 比如说核心的关键词用比较大的文字加上的主颜色,而非核心的较多的文字就用小几号的字 用黑色来表达,这样的话用户一眼就能够看到核心的文字,哪怕不看小字也不会错过重要信息,或者说你可以把一些重要的信息带点动效,比如说重要的时间啊地点啊稍微动一下,这样就可以吸引别人的注意。

5.标题方面:

标题是转换的第一要素,别人大多情况下都是看到一个比较亮眼的标题才会打开来看的。但你所在的平台里边你搜索微信运营全攻略或者是微信营销全攻略就可以看到这方面的内容。

那在H5方面呢 我们推荐使用以下五种法则:第一个是傍大款,也就是在标记当中要借明星名人知名品牌权威机构等等进行传播。第二个是对比法则:就是要通过跟别人pk去战胜别人,或者是打败别人等等之类的晒成绩的方式。第三个人性弱点,可以适当地打一点擦边球或者是给人一些心理的暗示就可以获得巨大的流量。第四个代入法则,就是用技术手段可以获得用户的信息,生成他们专属的链接,可以把标题上面带上他们自己的名字,利用信任背书,让每个用户变成你的代言人。第五个是夸张法则,我们可以适度的用一些比较夸张的数字或者是夸张的事实是获取关注的不二法门。

今天我们讨论了为什么说H5是最佳的做互联网营销的方案

  • 暂无推荐