手机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设置
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,118评论 25 708
  • 1.功能性测试: ——根据产品需求文档编写测试用例。 ——软件设计文档编写用例。 注意:就是根据产品需求文档编写测...
    含辞未吐气若幽兰阅读 72,622评论 11 188
  • 手机APP测试流程&方法 1 APP测试基本流程 1.1流程图 1.2测试周期 测试周期可按项目的开发周期来确定测...
    轰轰呐阅读 10,575评论 2 38
  • 在销售的思考层面,是没办法做改进的。位置决定了。当然了,最初的选择,决定了自己的位置。所以销售一般都是这样的啊,我...
    放肆交流会阅读 1,824评论 0 0
  • 被遗忘的小故事。上周五,值校车,正赶上天儿突然变了脸。张铭走的很晚,“张铭,怎么走的这么晚?你托辅老师呢?”“...
    咖妹阅读 155评论 0 1