5丶用户会按照习惯操作页面,但自学能力强。
下例的H5小游戏开始前有操作方法提示,玩法是晃动手机(像控制真车方向盘一样)控制小车左右移动躲避障碍物。但是有19%的用户选择点击消除障碍物,12.7%的用户选择点击拖动小车,直接忽略教程。
6丶用户习惯滑动切换,不喜欢向左的点击。
下例H5专题页面,用户可以手势滑动切换游戏,也可以点击下面的导航切换游戏。93%的用户选择手势滑动,只有7%的用户选择点击导航。
下例H5专题页面,用户可以点击左右按钮或者手势滑动来360查看新车。所有手势中,左点击只有10.1%,右点击有41.3%,手势滑动占48.6%。
7丶有行为触发的icon要设计的足够醒目易懂。
PC页面用户有点击左上角logo返回首页的习惯,手机页面的操作习惯可能会受logo设计影响。几个专题发现,用户对单纯的logo点击欲望不大,但是添加了返回或者其他标识的logo,点击率会增加。
8丶动画明显的元素容易引起用户注意并点击。
下例H5小游戏在开始前会进行一段动画,部分用户在动画过程中就开始点击页面。右图是游戏界面,点击“射门”按钮射门,但是有15%的用户会先点击移动的人头(好有趣啊- -//)。
9丶有些图片不是动态的,也让人很有点击欲望。
如果有时间有心情,不妨给用户制造些小彩蛋:)。
10丶控制页面文件体积以及添加loading。
据一个国外的数据调查,用户在使用手机时,如果遇到加载超过5秒的手机网站,74%的用户会选择离开。之前内部的一项网速测试算出访问我们专题的手机平均网速只有93K/s,如果容忍时间是5秒的话,我们的网页加起来需要控制在465K以内。建议首屏加载在465K以内,剩下的按需加载或者延时加载。
添加loading能给我们争取更多的加载时间。