對於主頁、門戶及廣告等網頁，為確保用戶界面能為用戶來提供相應的訪問或瀏覽功能，進行WEB界面測試顯得非常重要。

界面測試就是指，布局是否合理、整體風格是否一致、各個控制項的放置位置是否符合客戶使用習慣，此外還要測試界面操作便捷性、導航簡單易懂性，頁面元素的可用性，界面中文字是否正確，命名是否統一，頁面是否美觀，文字、圖片組合是否完美等。

一般情況下，WEB界面測試可以直接跟據產品原型圖以及UI切圖/效果圖，進行對比驗證，確認是否一致。當不存在原型圖或UI切圖/效果圖時，可參考網路上同類型的成熟產品來做界面對比，且主要考慮以下幾個方面：

· WEB整體頁面測試

· WEB導航測試

· WEB圖形測試

· WEB內容測試

· WEB表格測試

· WEB兼容性測試（平台兼容性/瀏覽器性）

WEB整體界面測試

整體界面是指整個Web應用系統的頁面結構設計，是給用戶的一個整體感。

Q1、當用戶瀏覽Web應用系統時是否感到舒適？（帶有主觀性）

Q2、是否憑直覺就知道要找的信息在什麼地方？

Q3、整個Web應用系統的設計風格是否一致？

WEB導航測試

導航是指位於頁面頂部或者側邊區域的，它起著鏈接站點或者軟體內的各個頁面的作用。

Q1、是否易於導航？導航是否直觀？

Q2、Web系統的主要部分是否可通過主頁存取？

Q3、Web應用系統導航幫助是否準確？

Q4、Web系統是否需要站點地圖、搜索引擎或其他的導航幫助？

Q5、Web頁面結構、導航、菜單、連接的風格是否一致？

WEB圖形測試

圖形可以包括圖片、動畫、邊框、顏色、字體、背景、按鈕等。

Q1、要確保圖形有明確的用途。比如banner頁圖片的廣告宣傳。

Q2、所有頁面字的風格、顏色、格式是否一致？

Q3、背景顏色是否與字體顏色和前景顏色相搭配？——通常情況下不使用背景

Q4、圖片的大小和質量也是一個很重要的因素，一般採用JPG或GIF壓縮

Q5、需要驗證的是文字迴繞是否正確？——如果說明文字指向右邊的圖片，應該確保該圖片出現在右邊。

WEB內容測試

用來檢驗Web應用系統提供信息的正確性、準確性和相關性。

Q1、信息的正確性是指信息是可靠的還是誤傳的。比如XXX實際面積有2W平方米，但網頁信息顯示為3W平方米，那信息就有誤導性。

Q2、信息的準確性是指是否有語法或拼寫錯誤。

Q3、信息的相關性是指是否在當前頁面可以找到與當前瀏覽信息相關的信息列表或入口。

WEB表格測試

表格經常和其他界面元素一起協同使用，主要承載數據的歸納、展示與對比的功能，是列表的一種。如大學選課頁面。

Q1、界面表格布局、顏色、風格是否統一？

Q2、存在篩選條件、搜索控制項，是否列於頁面上方？

Q3、對於日期篩選條件，是否單獨處理，展示出來？

Q4、對於多個搜索條件的場景，是否採用高級搜索按鈕並將其打包收起？

Q5、對於多個搜索條件的場景，是否配置重置按鈕，便於一鍵清空所有搜索條件？

Q6、在數據顯示超過多條時(一屏無法完全顯示，需要滾動查看時)，且表格中的數據不能直觀的展示出數據類型，是否採用固定表頭的形式，時刻顯示數據類型？

Q7、當欄位數量過多，需要橫向滾動表格，且需要對比數據時，採用固定屬性列欄位？

Q8、是否支持排序？——上下箭頭指示排序，一般上下空心箭頭默認，上箭頭為升序，下箭頭為降序。

WEB兼容性測試（平台兼容性/瀏覽器性）

Q1、平台兼容性：PC端和手機端的WEB兼容性測試。

Q2、瀏覽器兼容性：同一平台不同瀏覽器的WEB兼容性測試。

總結：

如果一個組織真正重視軟體質量，UI自動化測試是有必要做的。有如下幾點理由：

1、任何自動化工具都是在簡單、機械、重複的任務場景下最能發揮作用，UI測試非常符合這個特點。

2、對於很多組織來說，UI測試是當前耗費測試團隊人力最多的環節，大部分專職測試人員日常工作就是UI測試。「工欲善其事必先利其器」，測試人員也需要自動化工具來提升其日常工作效率。

3、無論後台多複雜、多重要，用戶接觸的終究還是前端界面。現在的軟體除了後台邏輯之外，還有很多前端腳本邏輯和樣式，單純靠後台介面/單元測試，無法證明用戶端的可用性。

推薦閱讀：

相关文章