手机APP在无网/弱网条件下的使用

测试对象：杭+新闻客户端

测试方法：1：关闭网络连接，正常使用app      2：2G/3G弱网络连接，正常使用app

测试背景：日常生活中，我们在使用app的时候或多或少都会出现信号不好甚至干脆断掉的情况，由于习惯性依赖，我们还是会把玩手机，那在这种糟糕的场景下，用户体验就变得更加重要

测试内容一：

测试：关闭网络连接情况下的测试

1：成功下载“杭+新闻”客户端后，断开网络(包括关闭手机移动数据)，正常流程打开APP

2：来到首页后，观察整体UI，看没网情况下的整体UI框架是否跟效果图一致

没网情况下首次进入APP

3：点击数字报、搜索按钮，来到二级页面，观察UI和交互(交互是看能不能分享、能不能评论)

4：点击任意一条新闻，来到详情界面，观察UI和交互(同上)

测试结论：

结论：关闭网络连接情况下的测试

1:  因为没网，所以广告页是没有的，展示完3张引导图后，直接来都首界面

2：首界面正常显示，各个模块显示正常，包括二级页面，类似的UI显示

3：基本的交互是不能实现的，但是能够在一级和二级界面切换返回

测试内容二

测试：2G/3G弱网络情况下的测试

1：在之前正常的多次使用后，将手机的移动网络调为2G模式，正常流程打开APP

2：来到首页后，观察整体UI，2G/3G网情况下的整体UI框架是否跟效果图一致

2G/3G 网络

3：点击数字报、搜索按钮，来到二级页面，观察UI和交互(交互是看能不能分享、能不能评论)

4：点击任意一条新闻，来到详情界面，观察UI和交互(同上)

测试结论：

结论：2G/3G弱网络情况下的测试

1:  因为网络较差，所以广告页加载会比较慢

2：首界面正常显示，各个模块显示正常，包括二级页面，类似的UI显示

2G/3G网络情况

3：其他界面打开的较慢，添加的动画，比较有灵动性，减少用户等待的焦急等待

灵动的动画

4：基本的交互是没问题的，只是在某些老机型上加载会比较慢

---

总结：上面随便扯扯，基本上在没网和网络较差的情况下的考虑。一切思考的初衷只有一个：提高用户体验。

---

我的观点：

一:   在Applestore上下载的应用，第一次打开有时候会出现白屏的情况，其实这种情况偶尔也会出现，以我的经验，总结以下几点：

1：因为在Applestore上下载的应用，第一次打开后，系统默认会弹窗 “允许XX使用数据？”，这个弹窗不是开发者有意设置，而是苹果系统自带的，在点击允许之前，APP是没办法连接网络的，所以，在有些软件上，是要请求后台返回数据后才会布局，可能导致首界面无法得到数据，出现空界面的情况。其实我个人看法是基本上绝大部分的APP主体框架是已经定下来的，只是有些像二级栏之类的是需要请求后台，所以做好无数据情况下的空界面处理，给个占位图，设置个点击按钮，重新加载数据之类的，这样用户体验会好很多。  

2：开屏广告的坑，可能网络不好，开屏广告请求时间较长，就会卡顿，或者是整个广告控件堆在UIWindow上，底色是白色，故出现了白屏。

3：可能是启动后请求的网络数据的过大导致卡死现象，这种情况不多，估计只有iPhone4这总古董机身上才会发生

二：做好缓存。目前主流大厂的APP，在没网情况下打开基本上还是可以看到界面的，那是因为对首页面或是一级页面的数据都做了缓存。基本的交互是没办法使用的，但让用户可以在无网络的情况下也有操作空间，降低用户焦躁情绪

三： 空状态设计是有必要做的。app不比网页，可以大量留白以突出核心内容，手机屏幕本来就不大，大量留白会带来空洞感。页面没有内容的时候可以添加图片背景，给用户一个温馨的提示

四：无网/弱网条件下，系统提示的频率、方式、内容需要仔细斟酌，我一直有这么一个观点：一切弹窗都是耍流氓。在开发过程中，我也会尽量避免弹窗，虽然有时候产品是要求，但总体我是比较抵触的，但做还是要做，毕竟…

五：推荐一款软件，挺好用的，Charles (青花瓷)  不但可以抓包，还可以在设置代理后，设置网络情况，比如：下图。还可以：让 iOS/Android 网络API开发更加自由-charles模拟服务器返回本地数据   自行搜索一下，功能很强大，Windows和Mac电脑都可以使用，我们公司的测试部门用的就是这个软件。

Charles的Throttle Setting设置