H5是超文本标记语言(HTML)的第五次重大修改,基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度。通俗的讲,使用H5制作的微页面,在微信的宣传中,重点突出、目标明确、交互更具吸引力。
一、重要元素
背景图
炫酷的画面,离不开背景的衬托,能否快速更换背景图,相信是考验一个H5页面能否快速完成的准则之一。
文本
微信交互H5页面更重交互,重视觉效果,在酷炫的背景衬托之下,突出重点的文字往往是点睛之笔。
音乐
炫酷的背景下,配以提纲挈领式的文字,如果能够再来一段能够引起共鸣的音乐,那是何等的应景,此时,我百度了下“H5页面背景音乐”,试听之下,心潮澎湃!激情四射!
图片
背景之外,重点图片之间的交互、与文字的配合正是H5页面能够调动用户感官的重要方式!光速的定义是光在1秒内行驶距离的299792458分之一,所以光速比声速快,比打字速度更快。那为什么不用图片呢?
视频
如果炫酷的背景、精炼的文字、应景的音乐,还不能够让你感到震撼的话,那就来段视频吧!一目了然!
按钮(点击跳转链接)
H5页面在微信展示的优势是交互效果好,观赏性强,但是归根结底,还是要回到营销的目的上来。或用于宣传,需要链接到更为详尽的介绍页面;或用户收集信息,需要链接到指定的信息收集页面。如此一来,是否具有点击跳转功能就成为判断一个H5工具是否可供选择的硬性标准之一。当然,也有个别H5工具对“点击按钮”这样的功能,用付费与免费做了区分,在对比了众多工具之后,我认为这是很没有必要的。当然了,如果它的用户对H5工具所知甚少,又疏于使用搜索引擎查找的话,这样的做法也不失为一个不错的盈利点。
输入框
在微信H5页面中,除宣传类外,大部分都是以收集信息为目的的。除了使用麦客表单、金数据、问卷星等第三方表单收集工具外,各个H5工具内置的输入框功能也不失为一个很好的选择。这样,在对应的后台,不仅可以看到访问信息(如已有查看权限),还可查看详细报名数据。
其他
微信规则处于动态平衡、不断变化中,各家H5工具也会随着相应变化。每一个新功能的出现,都足以成为一个亮点,迅速火爆朋友圈。如图片替换功能,用你自己的图片替换掉作品中名人的图片;摇一摇参加互动等等。
二、常见交互效果
对于非定制类的H5工具,也都提供了足够多的可供选择的交互方式。
据不完全统计,主要交互效果有:
飞入,从上下左右不同方向飞入页面。
淡出,透明度由弱变强,带用户进入画面。
旋转,2D旋转和3D旋转,增强观赏性。
大小,从小到大,从大到小,重点突出。
跳跃和抖动,跳跃、抖动的元素,活泼可爱。
擦除效果,用手擦一擦,见证惊奇的时刻。
指纹识别,就是长按功能,加上指纹识别的概念,瞬间高大上。
其他,加上“雨滴”“烟花”“闪烁”“粒子化”等特效,档次立马就不一样。
三、其他
任何一个效果的完善,都足以让用户充满敬意;
任何一个细节的优化,都足以让用户感受到认真和品质;
任何一个功能的改进,都足以让用户在使用与放弃之间做出选择;
也许,选择使用一种H5工具,只是因为它更换图片比其它工具都要快;
也许,选择使用一种H5工具,只是因为它复制案例比其它工具更轻松;
也许,选择使用一种H5工具,只是因为它的编辑器布局更加容易记忆;
您觉得呢?
总而言之,工具毕竟是工具。页面做的再精美,交互做的再有吸引力,没有微信这样的超级平台,没有微信开放的态度,没有微信连接一切的野心,恐怕都很难如此迅速的传播开去!