性能测试及问题分析beta流畅度报告

Beta测试团队2013.11.19BETA流畅度分析报告展讯通讯（上海）有限公司2/18前言

自从手机进入智能时代开始，系统“流畅”就成为了用户衡量一款手机性能好不好的指标之一。而在如何让手机系统更“流畅”的问题上，普遍的手机厂商对于“流畅”的理解只停留在提升A～B响应速度的快慢，而响应过程中，手机界面切换的动画显示，却没有引起足够的重视。

普遍厂商“不关注”，难道界面响应过程的流畅度真的不那么重要么？当然不是。与其说普遍厂商“不关注”，倒不如说他们也不知道如何可以去测试好。虽然人体在每秒30帧画面以上就无法分辨卡顿，但是60帧动画会让用户有说不出的爽，举个例子就好比在做一道功夫菜，如果没有经历过当中一道道复杂的过程，只是直接煮熟给用户品尝，味道是截然不同的。而业界有谁在做此体验优化？又是业界领先的“水果”公司。从XXPHONE的成功案例来看，我们有足够的理由相信做好界面流畅度，应该就能提高产品性能的竞争力。（提高竞争力，要从用户体验的基本做起）

最后该怎么做？毕竟没有太多公司在针对做此方面测试优化，我们很难学习借鉴，但是方向是不变的，从用户着手。我们Beta的流畅度分析报告，会尽力贴近用户视觉感受设计长久，并且结合项目会在结果上会明确出研发需要优化的问题点，不再是主观说说而已。目录1.应用启动流畅度测试-

测试关注点-

测试记录方法-

结果输出2.

List滑动流畅度测试分析-

测试关注点-

测试记录方法-

结果输出3/18展讯通讯（上海）有限公司4/18测试工具简介1.工业相机（ARTRAY-424KY-USB3.0）目前可稳定拍摄90fps，最高可测147fps～180fps，但需配合相机软件使用（需开发）。2.KMPlayer播放器（网上下载）可以逐帧播放查看拍摄的视频。3.

Excel（普遍电脑自带）4.电容笔/手，相机支架展讯通讯（上海）有限公司5/18应用启动流畅度测试是不是经常觉得我们手机卡？响应慢？不管正在看报告的您感觉是不是，至少我们的客户都反馈了！但是卡和慢都是主观感受，要怎么样确认问题，以下是我们的方法和研究。1.测试关注点：A，手机内模块的用户（客户）常用模块的功能打开/退出动画。2.测试步骤：A，使用相机录像B，点击图标至界面动画静止3.获取有效时间数据：把视频导至本地使用KMPlayer逐帧分析查看，并记录视频关键帧（手点击屏幕的一帧/图像变化帧等...）的时间至EXCEL展讯通讯（上海）有限公司展讯通讯（上海）有限公司应用启动流畅度测试3.获取关键帧演示（界面变化帧为关键帧）有变化（35.921）

有变化（35.953）

11/21/2013无变化无需记录有变化（36.718）

6/18

611/21/2013

应用启动流畅度测试4.将关键帧时间输入EXCEL，算出两个关键帧之间的间隔时间，不匀速或间隔大的时间为流畅度中的优化点。而优化的目标就是匀速不停顿显示动画。

XX项目时钟动画手指点击屏幕

点击后屏幕响

时间

应时间动画过渡刷新刷新至背景桌面停留的时间动画过渡刷新时钟界面出现

全部刷新完成

但白屏停留

时间响应时延38.4373.219

关键帧时间界面刷新间隔

的时间35.218

0.70335.921

0.03235.953

0.76536.718

0.03236.751.65638.406

0.031时钟动

画开始每一帧都能看到界面在刷新至界面完成响应时延关键帧

时间31.437

31.531

31.562

31.593

31.625

31.656

31.687

31.718

31.75

31.781

31.812

31.843

31.875

31.9210.547界面刷新间隔

0.094

0.031的时间0.0310.032

0.0310.0310.0310.032

0.031

0.031

0.031

0.032

0.046

0.032展讯通讯（上海）有限公司界面流畅度测试总结：从上述图表中我们能够很明显看出XX项目不仅在启动时间上较长，并且动画过程非常不流畅，3s的动画用户能够明显分辨的三个现象1.手指点击后响应慢2.黑屏时间长3.白屏时间更长，动画不流畅。而IPHONE虽然整个动画只有仅仅0.5s，但是拍出的现象是每一帧都在过渡变化的，所以动画显示非常流畅。

8/18

80.7030.0321.6560.031210XX项目-界面刷新间隔的时间

0.765

0.032界面刷新间隔的时间0.0940.0310.0310.0320.0310.0310.0310.0320.0310.0310.0310.0320.0460.03200.050.1开始刷新刷新刷新刷新刷新刷新刷新刷新刷新刷新刷新刷新刷新完成XXPHONE-界面刷新间隔的时间界面刷

新间隔0.031

的时间展讯通讯（上海）有限公司99/18List滑动流畅度测试1.测试关注点：A，手机重点模块内的所有列表滑动如：短信列表/联系人列表/通话记录列表等B，手机界面的滑动测试如：Launcher滑动/网页滑动等2.测试步骤：A，使用相机录像（只录取屏幕范围）

B，拍摄最快滑/拖动慢滑/在前两者之间的正常速度滑动

C，滑动界面至界面停止3.获取有效时间数据：把肉眼觉得卡顿异常的视频导至本地，使用KMPlayer逐帧分析查看，并用JR

Screen

Ruler软件测量每一帧界面运动的距离。这里考虑到滑动时每一帧都是运动的，如果单一的逐帧查看视频看不出界面只能看出卡顿问题，但是看不出由于速率不一导致的不流畅。11/21/2013确定滑动力度

注意：测试过程中,安卓手机在开发者选项中打开显示触摸操作的选项，根

据线条就能判断当时滑动的力度

记录当时测

试时滑动的

线条长度蓝

色部分指的

是手机接触

到屏幕的轨

迹，而紫色

部分则是力

度大小导致

的滑动延生

长度。

10/18展讯通讯（上海）有限公司展讯通讯（上海）有限公司11/21/201311List滑动流畅度测试

A，使用相机录像（只录取屏幕范围），设置软件只截取手机界面

目的：后续计算距离，必须让视频上所看到的手机界面大小统一。

11/18展讯通讯（上海）有限公司1212/18List滑动流畅度测试最终得到的视频预览11/21/2013展讯通讯（上海）有限公司List滑动流畅度测试B.获取有效数据把List滑动和系统界面流畅度测试分离开来的主要原因是在于列表滑动中不止会存在卡顿掉帧问题，还涉及了刷新速度距离的控制，所以List滑动评估要做的更多。

鼠标聚焦在测量尺

上即可得到590位

置数据

1.获取界面第一

次刷新后刷新的

号码位置数据，

这里要从屏幕的

上方开始往下浏

览，屏幕都是从

上往下刷新的。

13/1811/21/2013List滑动流畅度测试

鼠标聚焦在

测量尺上即

可得到570位

置数据

2.把第一个位

置数据和第二

个位置数据相

减，就能得出

第一次刷新的

距离。

14/18展讯通讯（上海）有限公司1818171415131312121111/21/201320304560035454040

38

363535

3232

30

2828

2525

2323232020201616

0109

9

9777766666655555433333221

1

1

1

0

0

002010

04030605013579

11

13

15

17

19

21

23

25

27

29

31

33

35

37

39

41

43

45

47

49

51

53

55

57

59

61

63

65

67

69

71

73List滑动流畅度测试3.重复1～2步骤，计算每帧距离值至动画结束，然后将填写的数据转成以下线型图，就能得出一张XXPHONE完成的List滑动流畅度测试图

XXPHONE——短消息界面滑动7015/18展讯通讯（上海）有限公司1357911131517192123252729313335373941434547495153555759616365676971737577798183858789919395979910110310510710915

151515151211/21/201352525

15

0

00

00

000

00

0110

110

145135

130

130

130

130

125125

125

120

120120

120

120

115115

115

1150

0

0105

1009580

0

0

803510575

0

0100

100

90

756565

0

807070

06060

012055

050

50

50

454545

4555

4040

40

35

30

0

0

4535

3030

25

20

20207

109810100

0302280604020

0140120100List滑动流畅度测试

XX项目——短消息界面滑动160展讯通讯（上海）有限公司总结：从两个图对比看，我们项目机的波动曲线不及IPHONE平滑，速度忽上忽下这样用户就会觉得有卡顿和跳帧的感觉。

16/1811/21/2013List滑动流畅度测试4.为了更能够证明数据有效性和说明问题优化点。需要测试过程中把电脑视频中看到的手机整个屏幕的距离和最终滑动的长度也做出记录。

计算记录两端

距离，为450

然后可以算出

每一帧界面运

动了百分之几

如第一帧运动

了20，就是第

一帧运动了整

个界面的4.44%

距离，这样对

比数据更客观

17/18展讯通讯（上海）有限公司11/21/2013展讯通讯（上海）有限公司过去我们的流畅测试只有主观结论，拿不出可以用来比较的具体数据，虽然此次测试非常耗时，1条Case需要一个多小时，很多细节还需要优化，但是Beta坚信，有努力、肯思考、肯研究，就一定会找出解决方案。今天我们可能只是抛出了一块小小的砖~但是相信观看过后的每一位达人都能分享出宝贵的玉！

18/18161616

151212113045606035454040

38

363535

3232

30

2828

2525

232323

202020

18181714

1313109

9

9777766666655555433333221

1

1

1

1

0

0040302010

0605013579

11

13

15

17

19

21

23

25

27

29

31

33

35

37

39

41

43

45

47

49

51

53

55

57

59

61

63

65

67

69

71

73

List滑动流畅度测试经过与Tim夏和Younger的沟通会议，了解到由于相机拍摄速度比屏幕刷新快，所以抓拍到手机没刷新的帧，属于正常现象，应此不运动为0的帧速度等于之前一帧的速度，把数据修改后可以得到以下线型图

XXPHONE——短消息界面滑动

70

玉11/21/201313579111315171921232527293133353739414345474951535557596163656769717375777981838587899193959799101103105107109109810107332222525

15110

110

145135

130

130

130

130

125125

125

120

120120

120

120

120

115115115

115105

10080809595

80351057575100100

90

80

75

707070656565

606060120

4040

404035

35

30

3030305555

55

50

50

50

454545

4545

4525

20

202015

1515151512780604020

0140120100List滑动流畅度测试

XX项目——短消息界面滑动160修改过后的图片，比之前没改0的图片显示更清晰，问题更明显。XX项目机器滑动的运动速度不匀速，忽上忽下，导致用户看到的界面就像是抖动的感觉。

玉11/21/20131471013161922252831343740434649525558616467700-15

00000000000000000000000000000000000000-30

-5-1050151020系列11515-2510-5-10-15-20-25

0-55151020130

517

19

-2

-2

29

-2

-2

37

39

41

59

65

-1

15

-20

17

9-2-2-113

-3

-2-2

-3

21

23

-325

27

-1-131

33

35

-1

-1-1-1

43

-245

47

-149

51

53

-155

57

-1-161

63

-1

67

69

71

-1

-25XXPHONE——短消息界面滑动List滑动流畅度测试为了数据更有可比性，我们将两帧之间速度相减，又计算出了每帧之间手机运动速度的变化，然后再形成图片，没帧加速或减速都应该是幅度很小的，太大或太小的突然加速减速，都会让用户感觉不适。-30

玉11/21/201313579111315171921232527293133353739414345474951535557596163656769717375777981838587899193959799101103105107151515500

0

05

0

0000

00

-5-5-5-100

0-50

0-10-10

-10-25-2010

10

510-3510

15555

5100-5-50-5000-500-5-3-10-3-4-1

000

0

020

20

10

10

-15

-15

-30-604525

25

0

0

0

0

0

00

-10

-10

-10

-10

-3060-65

15

-10

-5-5-10-20-300

0

0

0

2

2

0

0

0-50050List滑动流畅度测试

XX项目——短消息界面滑动

150

120

100

-100从两张图又能明显看到，XX项目运动的距离大又不稳定，最大距离直接120，这种突然加速给用户的感觉不是流畅而就是卡顿和抖动感。

玉11/21/2013List滑动流畅度测试83280