UI界面測試要點

1、1. UI 界面測試要點1、界面的線條是否一致，每個界面中線條是否對齊，是否一致。2、整個系統(tǒng)的界面是否保持一致。3、界面是否存在錯別字。4、界面上的按鈕樣式是否一致。5、每個界面是否同原靜態(tài)頁面設(shè)置一致（靜態(tài)頁面確認(rèn)的情況下）6、操作是否友好。7、界面所有的按鈕、下拉框是否有響應(yīng)。8、界面所有的鏈接是否正常；9、界面所有的輸入框是否都進(jìn)行校驗（例如：搜索框、字段輸入框）。10、界面所有的展示圖片是否樣式一致。11、界面所有的列表頁標(biāo)題字是否會換行，標(biāo)題字是否統(tǒng)一居中等，當(dāng)然也可 以居左，這要看公司規(guī)范；12、瀏覽器的兼容性問題，檢查頁面在不同瀏覽器下是否會發(fā)生異常；13、每個頁面的提示字體的

2、顏色、格式是否統(tǒng)一準(zhǔn)確；14、界面中所有字段后面是否都存在冒號，冒號，查看是否冒號為統(tǒng)一的中文 冒號還是英文冒號。15、界面中的提示說明闡述是否太啰嗦，有時候需要能簡化盡量簡化，并且字 體顯示格式一致，顏色統(tǒng)一。16 、在 web 網(wǎng)站，一般經(jīng)常是后臺控制前臺的顯示，因此在對后臺進(jìn)行數(shù)據(jù)添 加時，查看前臺是否有變化，并且查看界面的數(shù)據(jù)是否溢出框外。2. UI 界面測試方法1. 窗口與窗口之間，字段與字段之間的瀏覽，以及各種訪問方法( tab 鍵、鼠標(biāo)移 動和快捷鍵)的使用；2. 窗口的對象和特征(例如：菜單、大小、位置、狀態(tài)和中心)都符合標(biāo)準(zhǔn)； 測試方法：為每個窗口創(chuàng)建或修改 ，以核對各個應(yīng)用

3、程序窗口和對象都可正確 的進(jìn)行瀏覽，并處于正常的對象狀態(tài)。3. 導(dǎo)航測試：導(dǎo)航描述了用戶在一個頁面內(nèi)操作的方式，在不同的用戶接口控制之 間，例如按鈕、對話框、列表和窗口等； 不同的鏈接頁面之間，通過思考下列問題，可以決定一個 web 應(yīng)用系統(tǒng)是否易 于導(dǎo)航；導(dǎo)航是否直觀？ web 系統(tǒng)的主要部分是否可通過主頁存取？ web 系統(tǒng) 是否需要站點地圖、搜索引擎或其他的導(dǎo)航幫助。4. 圖形測試圖形包括圖片、動畫、邊框、顏色、字體、背景、按鈕等。1) 要確保圖形有明確的用途，圖片或動畫不要胡亂的堆在一起，以免浪費傳輸時間，web應(yīng)用系統(tǒng)的圖片尺寸要盡量的小，并且要能清楚的說明某種事情，一般能鏈接到某個

4、具體的頁面；2) 驗證所有頁面字體的風(fēng)格是否一致；3) 背景顏色與字體顏色和背景色相搭配；4) 圖片的大小和質(zhì)量，一般采用 jpg 或 gif 壓縮，最好能使用圖片的大小減小到 30K 以下；5) 演示文字回繞是否正確，如果說明文字指向右邊的圖片，應(yīng)該確保該圖片出 現(xiàn)在右邊，不要因為使用圖片而使窗口和段落排列古怪合作出現(xiàn)骨性；5. 內(nèi)容測試內(nèi)容測試用來檢驗 web 應(yīng)用系統(tǒng)提供信息的正確性、準(zhǔn)確性和相關(guān)性。信息 的正確性是指信息時可靠的還是誤傳的。 信息的相關(guān)性是指是否在當(dāng)前頁面可以 找到與當(dāng)前瀏覽信息相關(guān)的信息列表或入口，也就是一般 web 站點中的所謂“相 關(guān)文章列表”。6. 表格測試需要驗證表格是否設(shè)置正確， 用戶是否需要向右滾動頁面才能看見產(chǎn)品的價格？ 把價格放在左邊，產(chǎn)品細(xì)節(jié)放在右邊是否更有效？ 每一欄的寬度是否足夠?qū)挘砀窭锏奈淖质欠穸加袚Q行？ 是否因為某一格的內(nèi)容太多，而將整行的內(nèi)容拉長？7. 整體界面測試整體界面是指整個 web 應(yīng)用系統(tǒng)的頁面結(jié)構(gòu)設(shè)計， 是給用戶一格整體感。 例如： 當(dāng)用戶瀏覽 web 應(yīng)用系統(tǒng)時是否感到舒適，是否憑