前两天看到由安卓绿色联盟发的一篇谈用户体验的文章 - 天猫、网易严选、淘宝、京东、唯品会，哪个用户体验好？。看了这篇文章之后，小编觉得这里有点偷换概念，以偏盖全。作为有多年安卓开发经验的小编觉得，过度绘制确实会造成一些性能问题。但用户体验不仅仅只是过度绘制。对于用户体验，小编觉得对用户影响最大的是卡顿，而不是过度绘制。卡顿是用户明显能感觉到的。说到这里，小编顿时想起早上经常用支付宝买包子的场景。
我：“阿姨，帮我拿两个肉包，挑两个大一点的。”。
阿姨：“大肉包拿去吧！”。
我：“好嘞，我用支付宝支付哈！”
阿姨：“好，扫这里！”。
我从口袋掏出小米手机，迅速的打开支付宝，30秒过后... 支付宝终于打开了。
我：“阿姨，再等一下哈，手机有点慢！”
打开扫一扫。2分钟过去了...
我：“终于可以了。”
看着旁边的妹子用着iPhone手机10来秒就扫码支付完，我顿时羞愧的要命。灰溜溜的走了。
上面说的稍微有点夸张的成分，但是阿里系的安卓app是行业内公认的卡顿之王，废话不多说我这里就拿手机淘宝开刀。
什么是卡顿
卡顿就是当你在使用APP时，感觉不怎么流畅顺滑，像放动画片，掉帧情况。
什么情况下会发生卡顿
60帧每秒是目前最合适的图像显示速度，也是绝大部分Android设备设置的调试频率，如果在16ms内顺利完成界面刷新操作可以展示出流畅的画面，而由于任何原因导致接收到VSYNC信号的时候无法完成本次刷新操作，就会产生掉帧的现象，刷新帧率自然也就跟着下降(假定刷新帧率由正常的60fps降到30fps，用户就会明显感知到卡顿)。
卡顿
淘宝、唯品会卡顿测试流程
测试环境
硬件环境：小米5s 3+64g
os版本：MIUI10, android 7.0
测试范围
手机淘宝 7.11.0，唯品会 6.23.8
测试卡顿的步骤
1、预置条件：应用首次安装，测试前清理所有后台。
2、打开GPU 呈现模式分析选项
① 设置 -> ② 开发者选项 -> ③ GPU 呈现模式分析 -> ④ 在屏幕上显示为条形图
Gif图有点大，加载需要点时间
打开gpu呈现模式分析
3、打开测试应用，查看淘宝首页卡顿情况；
4、判断卡顿的方法。
示例
①有一条水平的绿色的线，这根绿线所标示的高度即为16ms线，低于绿线即为流畅。
②条形图中的红色部分代表了“执行时间”，它指的是Android渲染引擎执行盒子中这些绘制命令的时间，假如当前界面的视图越多，那么红色便会“跳”得越高。
③条形图中的蓝色部分代表了视图绘制所花费的时间，表示视图在界面发生变化（更新）的用时情况。当它越短时，即便是体验上更接近“丝滑”，当他越长时，说明当前视图较复杂或者无效需要重绘，即我们通常说的“卡了”。
④条形图中的黄色部分代表着CPU通知GPU“你已经完成视图渲染了”，不过在这里CPU会等待GPU的回话，当GPU说“好的知道了”，才算完事儿。
测试结果
Gif图有点大，加载需要点时间
淘宝测试结果
从这个结果看到淘宝app进入首页后，大概有7~8秒左右卡住一直不动（其实我的手指一直在滑动中），那个时候条形柱就像孙悟空的金箍棒顶天了。之后的滚动稍微流畅点了，但是基本上都处于绿线之上，卡顿严重。淘宝作为国内电商第一人，做出这样的用户体验，小编实在觉得淘宝丢人。那我们再来看看被安卓绿色联盟说的用户体验不佳的唯品会的测试结果。
Gif图有点大，加载需要点时间
唯品会测试结果
唯品会APP无论是APP首页加载速度，还是滚动流畅度都比淘宝好得多。所以安卓绿色联盟说的唯品会用户体验最差，这个是不成立的。安卓绿色联盟作为国内比较权威的一个组织，请你发表言论时要做到公平公正独立。
写给国内大厂的建议
国内的很多安卓app在用户体验上完全是不上心，这里还包括想BAT这样的大厂，他们最喜欢干的就是进程保活、app互唤。真心建议他们能学学国外的一些app的设计，特别是用户体验上。不要老是把精力放到这些旁门左道上。
网友评论