Web測試中的UI測試詳解：容易忽略的14個測試點匯總

有軟件的地方就有界面，就會有界面測試。界面測試是軟件測試中，最多，最繁瑣，最簡單的測試。尤其在本地化測試(多國語言測試)中，有很多的界面測試。

用戶界面測試簡稱UI測試，測試用戶界面的功能模塊的布局是否合理，整體風格是否一致和各個控件的放置位置是否符合客戶使用習慣，更重要的是要符合操作便捷，導航簡單易懂，界面中文字是否正確，命名是否統一，頁面是否美觀，文字、圖片組合是否完美等等。

UI測試的目的：

1、確保用戶界面會通過測試對象的功能來為用戶提供相應的訪問或瀏覽功能

2、確保用戶界面符合公司或行業的標準

3、通過用戶界面 (UI) 測試來核實用戶與軟件的交互

4、UI 測試的目標在于確保用戶界面向用戶提供了適當的訪問和瀏覽測試對象功能的操作

5、除此之外，UI 測試還要確保 UI 功能內部的對象符合預期要求，并遵循公司或行業的標準

一般情況下我們進行界面測試，直接依據產品原型圖以及UI切圖/效果圖，進行對比驗證，確認是否一致。 但是如果碰到公司沒有原型圖，沒有UI效果圖怎么破？ 畢竟同是天涯淪落人的情況太多了~~

那么我們可以參考市場上同類型的成熟產品來做界面比對，且考慮以下幾個方面：

1、導航測試

2、圖形測試

3、內容測試

4、表格測試

5、整體界面測試

接著我分享的就是界面測試中我們容易忽略或者是需要我們注意的測試點：

1、檢查整個系統的界面是否和效果圖一致（對照設計出來的效果圖）；

2、并且檢查整個系統所有界面的界面風格和設計是否一致；

3、檢查界面是否存在錯別字或者是不合適的字；

4、檢查界面上的所有的按鈕的樣式是否一致，是否正確；

5、檢查界面操作是否友好，用戶交互是否親善；

6、檢查界面所有的按鈕、下拉框或者是導航箭頭是否有反應，且是正確的反應；

7、檢查系統上的鏈接是否有正確的鏈接地址，且能正確跳轉；

8、檢查系統中是否存在無用的鏈接，即不需要做成鏈接的地方做成了鏈接，并且點擊不能正常跳轉或是跳轉錯誤；

9、檢查界面中所有的輸入框是否都做了檢驗，比如輸入框的最大限制字符，超過輸入框的最大限度，系統是否會做處理，而不是報錯或者是出現其他錯誤；

10、檢查界面中的標題或者是內容輸入過多時，是否會進行換行或者是隱藏處理，而不是出現界面錯位等現象；

11、檢查系統在不同瀏覽器的兼容性問題，檢查頁面在不同瀏覽器下是否會發生異常，當用戶調整瀏覽器窗口大小時，是否會出現界面不兼容的情況；

12、檢查界面中使用的字體風格和大小是否一致，格式是否統一準確；

13、檢查所有的字段后面是否有需要的冒號，查看是否冒號為統一的中文冒號還是英文冒號，即中英文符號是否統一；

14、檢查界面中的圖片是否顯示正確，是否被裁減，是否被拉伸變形，是否顯示完全；

測試方法：

1、靜態測試：對于用戶界面的布局，風格，字體，圖片等與顯示相關的部分測試應該采用靜態測試，比如點檢表測試，即將測試必須通過的項用點檢表一條一條列舉出，然后通過觀察確保每項是否通過。

2、動態測試：對用戶界面中各個類別的控件應該采用動態測試，即編寫測試用例或者點檢表，對每個按鈕的響應情況進行測試，是否符合概要設計所規定的條件，還可以對用戶界面在不同環境下的顯示情況進行測試。

界面測試用例的設計方法

1、窗體
測試窗體的方法：
a、窗體大小，大小要合適，控件布局合理;
b、移動窗體。快速或慢速移動窗體，背景及窗體本身刷新必須正確;
c、縮放窗體，窗體上的控件應隨窗體的大小變化而變化;
d、顯示分辨率。必須在不同的分辨率的情況下測試程序的顯示是否正常。
進行測試時還要注意狀態欄是否顯示正確，工具欄的圖標執行操作是否有效，是否與菜單懶中圖標顯示一致;錯誤信息內容是否正確、無錯別字且明確等等。
2、控件
測試方法：
a、窗體或控件的字體和大小要一致;
b、注意全角、半角混合;
c、無中英文混合。

3、菜單
進行測試時要注意：
a、選擇菜單是否可以正常工作、并與實際執行內容一致;
b、是否有錯別字;
c、快捷鍵是否重復;
d、熱鍵是否重復;
e、快捷鍵與熱鍵操作是否有效;
f、是否存在中英文混合;
g、菜單要與語境相關、如、不同權限的用戶登陸一個應用程序、不同級別的用戶可以看到不同級別的菜單并使用不同級別的功能;
h、鼠標右鍵快捷菜單。
4、 特殊屬性
a、安裝界面應有公司介紹或產品介紹、有公司的圖標;
b、主界面及大多數界面最好有公司圖標;
c、選擇“幫助”->“關于”命令、應看見相關版權和產品信息。

總結：

現在一般人都有使用瀏覽器瀏覽網頁的經歷，用戶雖然不是專業人員但是對界面效果的印象是很重要的。如果你注重這方面的測試，那么驗證應用程序是否易于使用就非常重要了。

很多人認為這是測試中最不重要的部分，但是恰恰相反界面對不懂技術的客戶來說那相當關鍵，慢慢體會你會明白的，界面測試應當引起重視！

歡迎加入  51軟件測試大家庭，在這里你將獲得【最新行業資訊】，【免費測試工具安裝包】，【軟件測試技術干貨】，【面試求職技巧】... 51與你共同學習，一起成長！期待你的加入： QQ     群：    755431660