天天看點

《移動App測試的22條軍規》——第23章,第5節測試微信App的使用者體驗

本節書摘來自異步社群《移動app測試的22條軍規》一書中的第23章,第5節測試微信app的使用者體驗,作者 黃勇,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

23.5 測試微信app的使用者體驗

我們可以選擇對微信app的橫屏顯示功能,是否遵守作業系統的設計規範,頁面中使用webview的功能,以及微信app的輔助功能進行測試。

(1)當對微信app的橫屏功能進行測試時,我們首先需要打開橫屏顯示的設定(如圖23.10所示),然後進行橫屏顯示的測試(如圖23.11所示)。

《移動App測試的22條軍規》——第23章,第5節測試微信App的使用者體驗

開啟橫屏模式之後即可驗證微信app在各頁面對于橫屏顯示的支援了

這裡給大家展示幾個關于微信app橫屏顯示的問題。

“discover”(發現)頁面可以橫屏顯示,但是進入“scan qr code”(掃一掃)功能,卻隻能豎屏顯示(如圖23.12所示)。

《移動App測試的22條軍規》——第23章,第5節測試微信App的使用者體驗

“發現”頁面支援橫屏顯示,“掃一掃”功能隻支援豎屏顯示

“wallet”(錢包)頁面隻支援豎屏顯示(如圖23.13所示)。

《移動App測試的22條軍規》——第23章,第5節測試微信App的使用者體驗

“微信紅包”頁面标題文字在橫屏模式下被截斷(如圖23.14所示)。

《移動App測試的22條軍規》——第23章,第5節測試微信App的使用者體驗

 

橫屏模式下,“微信紅包”下方的英文“wechat payment”已經被圖檔覆寫住了一小部分

(2)微信app在ios作業系統上對于作業系統的設計規範遵守得很到位,但是在android作業系統上卻仍遵循ios的設計規範,和按照android設計規範設計的app還是有不少差别的(如圖23.15所示)。

《移動App測試的22條軍規》——第23章,第5節測試微信App的使用者體驗

android作業系統上微信app的菜單顯示方式和android 4.4.4原生圖庫app的菜單顯示方式有很大不同

(3)微信app中也使用了不少webview,例如“錢包”頁面中的功能大部分都使用了webview進行展示(如圖23.16所示)。

《移動App測試的22條軍規》——第23章,第5節測試微信App的使用者體驗

微信app“錢包”頁面中的大部分功能都使用了webview

(4)對于微信app提供的輔助功能,例如“font size”(字型大小),我們也需要進行測試(如圖23.17所示)。

《移動App測試的22條軍規》——第23章,第5節測試微信App的使用者體驗

對于微信app提供的“字型大小”功能,我們需要測試在不同字型大小的設定下,微信app是否能夠顯示正常

繼續閱讀