四、页面效果验证

《指尖上行——移动前端开发进阶之路》学习笔记

第四章：整理监控移动页面的办法及我们总结的数据参考，让开发人员可以通过数据分析更好地评估作品和发现问题。

4.1 为何验证

为了更好的达到需求的实际目标、提升用户体验及持续优化后续的需求，我们需要对页面进行各种数据埋点，在上线后进行数据分析。从数据的角度研究需求的实际效果、用户的实际行为及后续的改进措施。

有两个页面可以参考：
用户行为报告第1期
用户行为报告第2期

4.2 数据埋点

4.2.1 什么是数据埋点

在页面代码中安插数据上报的统计代码，每次执行到这段代码，就会往服务器上报一个数据并记录，安插统计代码的行为就叫作数据埋点。

4.2.2 什么数据需要埋点

• PV/UV
  PV：即Page View，含义为页面被访问的次数。
  UV：即Unique View，含义为页面被访问的人数。

• 关键转化率
  转化率一般用来衡量一个时间段内，特定的用户行为量和页面流量的比率。

• 页面用户行为
  研究页面用户行为，可以为后续制作移动页面带来经验性参考。

4.2.3 数据分析平台

• 腾讯云分析
• 腾讯分析
  本章内容参考 P197-P199

4.3 分析数据

4.3.1 数据收集

• 页面信息
• 资源投放

4.3.2 数据整理

• 工具
  这里推荐功能齐全且强大的Excel

• 数据分类
  本节内容参考 P200-P202

4.3.3 数据分析

• 转化率
• 多页面之间的联系
• 多项目之间的联系
• 数据运算
• 图标形式
  本节内容参考 P202-P209

4.4 数据参考

4.4.1 资源投放数据参考

• 中午12点左右和晚上10点左右是页面访问高峰期
• 通过一波资源推广的移动页面，其访问热度往往持续两天左右
• 长期、固定位置的资源投放可以延长移动页面生命周期

4.4.2 H5用户行为数据参考

• 用户随着页面层级的加深不断流失，流失率在前几页最高
• 按钮的点击量受页面层级影响
• 输入行为或者复杂交互行为会导致用户流失
• 热门对象会带来更多关注
• 用户可能会忽略页面提示直接开始页面交互
• 用户习惯沿用上一屏学到的操作行为，如果当前操作不同，需要提示用户
• 大多数用户习惯滑动切换，放置在左边的按钮点击率低
• 有行为触发的icon要设计得足够醒目易懂
• 动画明显的元素更容易引起用户注意并点击
• 有些图片不是动态的，也让人很有点击欲望
• 页面首屏和最后一屏的平均停留时间比中间页面的长
• 按钮摆放在第1屏的点击率最高，第2屏骤减，最后一屏回升
• 功能型页面的平均停留时间比展示型页面的长
• 同样功能的按钮，名字设置影响点击率
• 每屏都放同样的按钮，可以增加整体点击率
• 加载超过5秒，就会有74%的用户离开页面
• 给页面添加Loading

具体描述请参考 P210-P220