如何结合用户行为习惯来制作H5

做H5不能只凭借着程序技术来做H5，还要通过用户的行为来做H5，研究用户心理行为居然成了一个程序员需要做的事？真是有点匪夷所思，但是这确实是有必要的。因为一个H5做出来是给用户看的，目的是要达到推广的作用，有更多的用户看才是做好一个H5的目标，那么用户的行为心理就显得十分重要了。一个好的程序员需要的是不断的更新自己的设计水平，能给客户带来更吸引人的H5才是最重要的。小编默默的分析了下我所知道的用户习惯，给大家普及普及：

1、有些图片不是动态的，也让人很有点击欲望。 如果有时间有心情，不妨给用户制造些小彩蛋:)。

2、输入行为会导致用户流失。 下面的例子从数据上看第三、四、五屏的数据比较平稳，但从第二屏到第三屏的丢失高达39%。反观专题，第三屏到第四屏、第四屏到第五屏的操作是选择，而第二屏到第三屏的操作中还带有输入行为。

3、页面层级越深，蹦失率越大。 跟PC情况相似，用户触达率随着页面层级加深而减小。下例的H5小游戏里，用户先进入一个地图首页，点击“开始游戏”会跳转到游戏页面，再进行性别选择和操作提示，最后才到达游戏。每一步的操作都有部分用户流失。

按钮的点击量受页面层级影响。 下面展示的4个专题中都有一个相同功能的重要按钮，点击了会开启游戏APP。从数据上看按钮的摆放屏数跟按钮的点击率成反比。当然，按钮的点击量还受按钮功能(抽奖、分享……)、按钮样式(有动画、纯文字……)等的影响。

4、用户会按照习惯操作页面，但自学能力强。 下例的H5小游戏开始前有操作方法提示，玩法是晃动手机(像控制真车方向盘一样)控制小车左右移动躲避障碍物。但是有19%的用户选择点击消除障碍物，12.7%的用户选择点击拖动小车，直接忽略教程。

5、热门对象会带来更多关注。 巴西世界杯期间，最受关注的两个国家巴西和德国的用户选择占所有国家选择的48%。而摆放位置差不多的阿根廷和阿尔及利亚，关注度相差25倍。

6、用户习惯滑动切换，不喜欢向左的点击。 下例H5专题页面，用户可以手势滑动切换游戏，也可以点击下面的导航切换游戏。93%的用户选择手势滑动，只有7%的用户选择点击导航。

下例H5专题页面，用户可以点击左右按钮或者手势滑动来360°查看新车。所有手势中，左点击只有10.1%，右点击有41.3%，手势滑动占48.6%。

7、动画明显的元素容易引起用户注意并点击。 下例H5小游戏在开始前会进行一段动画，部分用户在动画过程中就开始点击页面。右图是游戏界面，点击“射门”按钮射门，但是有15%的用户会先点击移动的人头(好有趣啊- -//)。

8、有行为触发的icon要设计的足够醒目易懂。 PC页面用户有点击左上角logo返回首页的习惯，手机页面的操作习惯可能会受logo设计影响。几个专题发现，用户对单纯的logo点击欲望不大，但是添加了返回或者其他标识的logo，点击率会增加。

9、在只有移动资源推送的情况下，手机页面访问热度持续2天。 手机页面上线推广第一天是访问顶峰，第三天后的数据趋于平稳，访问较低，可见下面2个例子。有其他资源推送(例如PC官网固定位置放置二维码)的专题走势不一样。

10、控制页面文件体积以及添加loading。 据一个国外的数据调查，用户在使用手机时，如果遇到加载超过5秒的手机网站，74%的用户会选择离开。之前内部的一项网速测试算出访问我们专题的手机平均网速只有93K/s，如果容忍时间是5秒的话，我们的网页加起来需要控制在465K以内。建议首屏加载在465K以内，剩下的按需加载或者延时加载。

添加loading能给我们争取更多的加载时间。

制作一个H5不能单单只有技术作为支持，还要学会去研究用户行为习惯，这样才能让制作者更好的发现用户的绝大部分需求，才能去创作更贴合用户的设计，这样才能让你的H5更快的火起来。