UI界面測試要點(diǎn)

1、1. UI界面測試要點(diǎn)1、界面的線條是否一致，每個界面中線條是否對齊，是否一致。2、整個系統(tǒng)的界面是否保持一致。3、界面是否存在錯別字。4、界面上的按鈕樣式是否一致。5、每個界面是否同原靜態(tài)頁面設(shè)置一致（靜態(tài)頁面確認(rèn)的情況下）6、操作是否友好。7、界面所有的按鈕、下拉框是否有響應(yīng)。8、界面所有的鏈接是否正常；9、界面所有的輸入框是否都進(jìn)行校驗(yà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)是否 需要站點(diǎn)地圖、搜索引擎或其他的導(dǎo)航幫助。4. 圖形測試圖形包括圖片、動畫、邊框、顏色、字體、背景、按鈕等。1）要確保圖形有明確的用途，圖片或動畫不要胡亂的堆在一起，以免浪費(fèi)傳輸 時間，web應(yīng)用系統(tǒng)的圖片尺寸要盡量的小， 并且要能清楚的說明某種事情， 一般能鏈接到某個具體的頁面；2）驗(yàn)

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