23.5 测试微信App的用户体验
我们可以选择对微信App的横屏显示功能,是否遵守操作系统的设计规范,页面中使用Webview的功能,以及微信App的辅助功能进行测试。
(1)当对微信App的横屏功能进行测试时,我们首先需要打开横屏显示的设置(如图23.10所示),然后进行横屏显示的测试(如图23.11所示)。
开启横屏模式之后即可验证微信App在各页面对于横屏显示的支持了
这里给大家展示几个关于微信App横屏显示的问题。
“Discover”(发现)页面可以横屏显示,但是进入“Scan QR Code”(扫一扫)功能,却只能竖屏显示(如图23.12所示)。
“发现”页面支持横屏显示,“扫一扫”功能只支持竖屏显示
“Wallet”(钱包)页面只支持竖屏显示(如图23.13所示)。
“微信红包”页面标题文字在横屏模式下被截断(如图23.14所示)。
横屏模式下,“微信红包”下方的英文“WeChat Payment”已经被图片覆盖住了一小部分
(2)微信App在iOS操作系统上对于操作系统的设计规范遵守得很到位,但是在Android操作系统上却仍遵循iOS的设计规范,和按照Android设计规范设计的App还是有不少差别的(如图23.15所示)。
Android操作系统上微信App的菜单显示方式和Android 4.4.4原生图库App的菜单显示方式有很大不同
(3)微信App中也使用了不少Webview,例如“钱包”页面中的功能大部分都使用了Webview进行展示(如图23.16所示)。
微信App“钱包”页面中的大部分功能都使用了Webview
(4)对于微信App提供的辅助功能,例如“Font Size”(字体大小),我们也需要进行测试(如图23.17所示)。
对于微信App提供的“字体大小”功能,我们需要测试在不同字体大小的设置下,微信App是否能够显示正常