测试对象:杭+新闻客户端
测试方法:1:关闭网络连接,正常使用app 2:2G/3G弱网络连接,正常使用app
测试背景:日常生活中,我们在使用app的时候或多或少都会出现信号不好甚至干脆断掉的情况,由于习惯性依赖,我们还是会把玩手机,那在这种糟糕的场景下,用户体验就变得更加重要
测试内容一:
测试:关闭网络连接情况下的测试
1:成功下载“杭+新闻”客户端后,断开网络(包括关闭手机移动数据),正常流程打开APP
2:来到首页后,观察整体UI,看没网情况下的整体UI框架是否跟效果图一致
3:点击数字报、搜索按钮,来到二级页面,观察UI和交互(交互是看能不能分享、能不能评论)
4:点击任意一条新闻,来到详情界面,观察UI和交互(同上)
测试结论:
结论:关闭网络连接情况下的测试
1: 因为没网,所以广告页是没有的,展示完3张引导图后,直接来都首界面
2:首界面正常显示,各个模块显示正常,包括二级页面,类似的UI显示
3:基本的交互是不能实现的,但是能够在一级和二级界面切换返回
测试内容二
测试:2G/3G弱网络情况下的测试
1:在之前正常的多次使用后,将手机的移动网络调为2G模式,正常流程打开APP
2:来到首页后,观察整体UI,2G/3G网情况下的整体UI框架是否跟效果图一致
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电脑都可以使用,我们公司的测试部门用的就是这个软件。