UI界面測(cè)試要點(diǎn)參考模板

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

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

3、征（例如：菜單、大小、位置、狀態(tài)和中心）都符合標(biāo)準(zhǔn)；測(cè)試方法：為每個(gè)窗口創(chuàng)建或修改 ，以核對(duì)各個(gè)應(yīng)用程序窗口和對(duì)象都可正確的進(jìn)行瀏覽，并處于正常的對(duì)象狀態(tài)。3.  導(dǎo)航測(cè)試：導(dǎo)航描述了用戶在一個(gè)頁(yè)面內(nèi)操作的方式，在不同的用戶接口控制之間，例如按鈕、對(duì)話框、列表和窗口等；不同的鏈接頁(yè)面之間，通過(guò)思考下列問(wèn)題，可以決定一個(gè)web應(yīng)用系統(tǒng)是否易于導(dǎo)航；導(dǎo)航是否直觀？web系統(tǒng)的主要部分是否可通過(guò)主頁(yè)存?。縲eb系統(tǒng)是否需要站點(diǎn)地圖、搜索引擎或其他的導(dǎo)航幫助。4.  圖形測(cè)試圖形包括圖片、動(dòng)畫(huà)、邊框、顏色、字體、背景、按鈕等。1） 要確保圖形有明確的用途，圖片或動(dòng)畫(huà)不要胡亂的堆在一

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