UI界面測試要點參考模板

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

2、瀏覽器下是否會發(fā)生異常；13、每個頁面的提示字體的顏色、格式是否統(tǒng)一準(zhǔn)確；14、界面中所有字段后面是否都存在冒號，冒號，查看是否冒號為統(tǒng)一的中文冒號還是英文冒號。15、界面中的提示說明闡述是否太啰嗦，有時候需要能簡化盡量簡化，并且字體顯示格式一致，顏色統(tǒng)一。16、在web網(wǎng)站，一般經(jīng)常是后臺控制前臺的顯示，因此在對后臺進行數(shù)據(jù)添加時，查看前臺是否有變化，并且查看界面的數(shù)據(jù)是否溢出框外。2.    UI界面測試方法 1 / 31.  窗口與窗口之間，字段與字段之間的瀏覽，以及各種訪問方法（tab鍵、鼠標(biāo)移動和快捷鍵）的使用；2.  窗口的對象和特

3、征（例如：菜單、大小、位置、狀態(tài)和中心）都符合標(biāo)準(zhǔn)；測試方法：為每個窗口創(chuàng)建或修改 ，以核對各個應(yīng)用程序窗口和對象都可正確的進行瀏覽，并處于正常的對象狀態(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） 要確保圖形有明確的用途，圖片或動畫不要胡亂的堆在一

4、起，以免浪費傳輸時間，web應(yīng)用系統(tǒng)的圖片尺寸要盡量的小，并且要能清楚的說明某種事情，一般能鏈接到某個具體的頁面；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)品細節(jié)放在右邊是否更有效？每一欄的寬度是否足夠?qū)挘砀窭锏奈淖质欠穸加袚Q行？是否因為某一格的內(nèi)容太多，而將整行的內(nèi)容拉長？7.  整體界面測試整體界面是指整個web應(yīng)用系統(tǒng)的頁面結(jié)構(gòu)設(shè)