H5页面与应用实例

序

随着互联网的深入发展，移动营销已逐渐成为主题，相比电视、杂志、户外广告等传统媒体呈逐年下降的趋势，品牌营销在数字和移动方面的投入在逐年上升。而且，在所有渠道预算中移动技术的投入增长最快，远远高于其他渠道的增长，可见移动营销已是大势所趋。当前web时代，H5页面通过微信和朋友圈快速传播，以无需下载、即点即用的属性迅速上位，一跃变成炙手可热的小鲜肉。

H5页面

什么是H5页面？

H5，是HTML5的简称，它就是一种高级网页技术。

相比H4，H5有更多的交互和功能，最大的优点之一是在移动设备上支持多媒体。

H5页面主要的作用

1、品牌传播：形式一般为品牌发布、总结报告、公益传递、人事招聘；

2、活动推广：形式一般为贺卡邀请、游戏互动、答题有奖；

3、产品展示：形式一般为故事讲述、性能展示。

H5页面类型

品牌传播型H5——等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度。在内容上倡导一种态度、一个主旨，在设计上则需要运用符合品牌气质的视觉语言，让用户对品牌留下深刻印象。

活动推广型H5——活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播，行成爆炸式的传播效应。活动推广之贺卡邀请型、活动推广之游戏互动型、活动推广之答题有礼型等。

产品展示型H5——聚焦于产品功能介绍，运用H5的互动技术优势尽情展示产品特性，吸引用户购买。

H5设计要点

1、紧跟热点，利用话题效应

想要你的H5专题页一夜爆红，第一时间抓住热点并火速上线，借机进行品牌宣传也不失为一条捷径。

2、讲个好故事，引发情感共鸣

不论H5的形式如何多变，有价值的内容始终是第一位的。在有限的篇幅里，学会讲故事，引发用户的情感共鸣，将对内容的传播形成极大的推动。

3、细节与统一

要成就高品质的用户体验，必须考虑到细节与整体的统一性。复古拟物的视觉风格，那字体就不能过于现代；幽默调侃的调调，那文案措辞就不能过于严肃；打情感内容牌的，动效就不能过于花哨。

4、合理运用技术，打造流畅的互动体验

随着技术的发展，如今的HTML5拥有众多出彩的特性，让我们能轻松实现绘图、擦除、摇一摇、重力感应、擦除、3D视图等互动效果。

H5应用实例

今天我们要通过H5在shareinstall上的应用，了解一下H5的主要作用。我们都知道，shareinstall是一个APP推广工具。它主要有三个产品特色：智能传递参数、快速分享安装、多维数据统计。其中，在智能传递参数上，主要依赖于H5的性能。

shareinstall智能传递参数原理如下：

通过H5页面传递，产生的用户的安装，下载，打开、拉起应用等行为均可智能传递自定义参数，通过shareinstall后台大数据算法的精准识别，匹配来源邀请行为，绑定邀请、好友关系。亦可根据参数直达应用指定场景，聊天室、游戏室。

优势：智能传递参数，支持了shareinstall推出的用户社交分享统计、地推精准统计、自动建立好友关系等六项功能的开发。不仅促进了用户之间社区关系的建立，提高了用户的活跃度，还能在游戏APP中，简化了游戏组队的操作步骤，提高了用户的游戏体验。更核心的是，精度更高的渠道统计，能让决策者更准确的了解不同渠道的推广效果，为决策者决定不同渠道的推广力度提供依据，能更准确的把握推广人员的推广数据。