如何做頁面測試


一、UI界面測試要點
1、界面的線條是否一致,每個界面中線條是否對齊,是否一致。(靜態頁面沒有確認的情況下)。
2、整個系統的界面是否保持一致。
3、界面是否存在錯別字。
4、界面上的按鈕樣式是否一致。
5、每個界面是否同原靜態頁面設置一致(靜態頁面確認的情況下)
6、操作是否友好。
7、界面所有的按鈕、下拉框是否有響應。
8、界面所有的鏈接是否正常;
9、界面所有的輸入框是否都進行校驗(例如:搜索框、字段輸入框)。
10、界面所有的展示圖片是否樣式一致。
11、界面所有的列表頁標題字是否會換行,標題字是否統一居中等,當然也可以居左,這要看公司規范;
12、瀏覽器的兼容性問題,檢查頁面在不同瀏覽器下是否會發生異常;
13、每個頁面的提示字體的顏色、格式是否統一准確;
14、界面中所有字段后面是否都存在冒號,冒號,查看是否冒號為統一的中文冒號還是英文冒號。
15、界面中的提示說明闡述是否太啰嗦,有時候需要能簡化盡量簡化,並且字體顯示格式一致,顏色統一。
16、在web網站,一般經常是后台控制前台的顯示,因此在對后台進行數據添加時,查看前台是否有變化,並且查看界面的數據是否溢出框外。

二、UI界面測試方法
1、窗口與窗口之間,字段與字段之間的瀏覽,以及各種訪問方法(tab鍵、鼠標移動和快捷鍵)的使用;
2、窗口的對象和特征(例如:菜單、大小、位置、狀態和中心)都符合標准;
測試方法:為每個窗口創建或修改,以核對各個應用程序窗口和對象都可正確的進行瀏覽,並處於正常的對象狀態。

3、導航測試:導航描述了用戶在一個頁面內操作的方式,在不同的用戶接口控制之間,例如按鈕、對話框、列表和窗口等;
不同的鏈接頁面之間,通過思考下列問題,可以決定一個web應用系統是否易於導航;導航是否直觀?web系統的主要部分是否可通過主頁存取?web系統是否需要站點地圖、搜索引擎或其他的導航幫助。

4、圖形測試
圖形包括圖片、動畫、邊框、顏色、字體、背景、按鈕等。
1)要確保圖形有明確的用途,圖片或動畫不要胡亂的堆在一起,以免浪費傳輸時間,web應用系統的圖片尺寸要盡量的小,並且要能清楚的說明某種事情,一般能鏈接到某個具體的頁面;
2)驗證所有頁面字體的風格是否一致;
3)背景顏色與字體顏色和背景色相搭配;
4)圖片的大小和質量,一般采用jpg或gif壓縮,最好能使用圖片的大小減小到30K以下;
5)演示文字回繞是否正確,如果說明文字指向右邊的圖片,應該確保該圖片出現在右邊,不要因為使用圖片而使窗口和段落排列古怪合作出現骨性;

5、內容測試
內容測試用來檢驗web應用系統提供信息的正確性、准確性和相關性。信息的正確性是指信息時可靠的還是誤傳的。信息的相關性是指是否在當前頁面可以找到與當前瀏覽信息相關的信息列表或入口,也就是一般web站點中的所謂“相關文章列表”。

6、表格測試
需要驗證表格是否設置正確,用戶是否需要向右滾動頁面才能看見產品的價格?
把價格放在左邊,產品細節放在右邊是否更有效?
每一欄的寬度是否足夠寬,表格里的文字是否都有換行?
是否因為某一格的內容太多,而將整行的內容拉長?

7、整體界面測試
整體界面是指整個web應用系統的頁面結構設計,是給用戶一格整體感。例如:當用戶瀏覽web應用系統時是否感到舒適,是否憑直覺就知道要找的信息在什么地方?整個web應用系統的設計風格是否一致?


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM