《移动App测试的22条军规》—第5章5.1节横竖屏幕测试

  1. 云栖社区>
  2. 博客>
  3. 正文

《移动App测试的22条军规》—第5章5.1节横竖屏幕测试

异步社区 2017-05-02 10:29:00 浏览1097
展开阅读全文

本节书摘来自异步社区《移动App测试的22条军规》一书中的第5章,第5.1节横竖屏幕测试,作者黄勇,更多章节内容可以访问云栖社区“异步社区”公众号查看。

军规5 关注用户体验
移动App测试的22条军规
在经历了移动App匮乏的时代之后,当今移动App呈现出大爆发式的增长趋势。同一类型的软件,虽然提供的功能都差不多,但是也会有多家公司竞争。例如即时通信类软件,大家常见的就有微信、来往、米聊、WhatsApp(如图5.1所示)、LINE(如图5.2所示)、Skype、KakaoTalk这些,而不常见的就更多了。


932d89f1528743fe5c8fe268a1a15a62cdc8b00a


047ad96b34f02e664f7c5ab403a9a968b611f138

当我们的App也是这众多App中一员的时候,如何才能脱颖而出呢?其实就是按照现在流行的说法——为用户设计,关注用户的体验。

就移动App测试来说,也需要关注用户体验吗?是的,测试人员不仅需要关注App的功能性需求,对于非功能性但关乎到用户体验的需求,更需要关注。这就要求大家在测试时思维更加开放一些,不只局限在功能性的需求上。

那在测试移动App的时候,怎样才能进行用户体验的测试呢?

在这里笔者列出了一些常见的用户体验所要关注的方面,不妨就从这些方面,让我们来看看自己手中测试的App是否达到了要求。

5.1 横竖屏幕测试
移动App测试的22条军规
在移动设备上做用户体验测试,最容易想到的就是对App做横竖屏幕的测试,来观察App的显示效果。

首先需要被测试的App支持横竖屏。如果App不支持行不行呢?其实也是可以的,但是随着大屏幕手机的流行,连保守的iPhone都发布了5.5英寸屏幕的iPhone 6Plus,可见大屏幕手机是很有吸引力的。用户在操作大屏幕手机的时候,通常选用的都是横屏来使用App的。所以大家就尽量确保App支持横屏操作吧(如图5.3所示)。


4f905a91f384a7f115dc1f5899649056638ac2ce

其次,要解决横竖屏切换的问题。别看这是个很简单的功能,貌似只要在代码中设置支持横竖屏显示就可以避免横竖屏切换出现问题。但实际上,在某些情况下App代码有可能破坏了屏幕旋转的功能,比如说在App中的某些页面限制了屏幕显示的方向(如图5.4所示)。

72b25bb3884d96ecd022e631eae2bf62133182ef

除此之外,还需要注意在App中嵌入了WebView的页面的显示。在支持横竖屏切换的App中的页面嵌入了WebView,当WebView读取完成时,有可能横竖屏切换功能就被破坏了(如图5.5所示,游戏中这种弹出页面就破坏了横竖屏的切换)。

a6659900ac097ef264d33e8f350006e301ff2325

图5.5 当把移动设备向右横屏(设备底部在左手边),然后打开App,App本身显示正常。但是当有WebView弹出的时候,页面会反向;而当设备向左横屏的时候,却没有这个问题

值得一提的是,如果App支持显示图表,测试人员更需要关注图表在横竖屏之间的切换,因为横竖屏的显示宽度不一样,图表在不同屏幕状态下,显示的内容和样式很可能也是不一样的(如图5.6所示)。

在测试中,测试人员最好对每个页面都进行横竖屏显示的测试。当然,要更加关注于嵌入WebView和其他弹出式的控件的页面,以及图表这类可能因屏幕宽度和高度不同而改变显示内容和效果的页面。


a4fa869e51e8ca9bb27337f7f0190880c359a8e4

对于可以设置横竖屏显示的App,一旦设置了横屏或者竖屏,从启动App开始到关闭App为止,用户所有操作的页面都应该以设置的屏幕显示方向显示,不能出现有些页面横屏,有些页面竖屏这种混杂显示的问题。

本文仅用于学习和交流目的,不代表异步社区观点。非商业转载请注明作译者、出处,并保留本文的原始链接。

网友评论

登录后评论
0/500
评论
异步社区
+ 关注