致企业家的一封信

H5页面常见的几种交互类型以及h5页面设计介绍

发布时间:2019-10-15  浏览次数:

  H5从发布到先已经有几年时间了,在这几年里H5技术的得到不断的发展,H5的类型和形式也趋于多样化,带给人的新奇感也越来越多。



gf (1).png


       H5页面从一开始只有展示型,发展到现在多样的交互类型,下面就给大家讲一讲H5页面常见的几种交互类型:

  1、游戏型

  游戏型也是近非常火热的一种类型,自“围住神经猫”之后,H5页面游戏型越来越成为企业选择的营销方式。H5游戏以其可爱的画风、简单的操作、诱人的奖励虏获了许多用户的点击,通过游戏软性介绍企业不会让用户感受不自在,也能让用户在游戏中能够了解到企业,助你摆脱一如既往的营销方式。

  2、总结报告型

  自从支付宝的十年账单引发热议后,各大企业的年终总结表现也热衷于用H5技术实现,优秀的互动体验令原本乏味的总结报告有趣生动了起来。


       需要技术、产品、交互、UI能够一起努力,把普通的总结报告包装的比较有趣并且和用户有关。比如说支付宝的十年账单就让用户觉得和自己有关。

  3、产品型

  产品型和上面两种类型有所不同,一般来说,H5页面都是一次性的,这个营销活动过去了,那么这个页面也很少会被点击。但是产品型是是作为一个长期运营的产品存在的,用户的访问可能会更固定,比如微信里的购物页面等。

  4、展示型

  虽然现在交互类型多种多样,但是展示型的主导地位还是不容动摇的。H5页面展示型属于图文型,常见的是翻页,多用于一些产品、功能、活动介绍、总结报告中。除了翻页以外,还有点击,输入文字,擦除屏幕,滑动屏幕等,玩法非常丰富。

  H5页面的交互类型远不止以上四种,企业在决定使用哪种类型之前,一定要做好全面策划,从自身品牌情况出发,从而选择最适合用于自身品牌的类型。


gf (3).png


  h5页面设计是什么意思

  H5原本是一种制作万维网页面的标准计算机语言,由HTML5简化而来的词汇,HTML5的设计目的是为了在移动设备上支持多媒体。

  页面设计:随着时代的发展,移动端用户的增加,扫描二维码付款、登入网站、关注公众号、兑奖等行为越来越多,一个新的概念移动适配站即H5页面诞生。


      它是通过HTML和CSS和JS技术生成的网站,需要适配多种分辨率的屏幕的。分别有H5网站,H5广告,H5游戏。

  APP就是安装在手机的一个应用程序,打开它就能进入该产品进行操作。而H5页面则是可在不同浏览器和微信APP中打开的页面。app不全都是H5界面,只是有些app为了更好的兼容性采取H5界面。


gf (2).png


  H5和APP的区别

  1、开发周期:H5的开发基于后台由前端研发,时间短。APP的开发则需重新开发前端和后台,时间长。

  2、更新迭代:H5的更新,只要研发更新完毕,用户只需重新进入一次页面,即可看到最新的页面。APP的更新,当研发更新完毕,此时用户需要重新下载一次APP,才可看到新的更新。

  3、传播性:H5的传播快,通过各种浏览器,微信,朋友圈应用市场等方式。APP的传播只有应用市场。

  4、多平台:H5网页可以在浏览器,微信中打开,还可以封装成独立APP。传统APP只能在手机桌面中打开,不可以在浏览器或微信界面中打开。


加载中