WEB測試之UI測試

對於主頁、門戶及廣告等網頁,爲確保用戶界面能爲用戶來提供相應的訪問或瀏覽功能,進行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兼容性測試。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章