web界面測(cè)試基本點(diǎn)

1、web測(cè)試基本點(diǎn) 2011-07-02 22:33:17| 分類(lèi)：軟件測(cè)試|標(biāo)簽：web測(cè)試|舉報(bào)|字號(hào)大中小訂閱 1、界面測(cè)試通用測(cè)試點(diǎn) 測(cè)試 內(nèi)容 測(cè)試點(diǎn) 1、瀏覽器窗口標(biāo)準(zhǔn)或最大時(shí)頁(yè)面元素顯示是否正確，是否美觀，窗口大小變化時(shí)頁(yè)面刷新是否正確； 2、電腦顯示屏是寬屏或標(biāo)屏下頁(yè)面元素顯示是否正確，是否美觀； 3、用戶(hù)常用的幾種分辨率下頁(yè)面元素顯示是否正確，是否美觀。 頁(yè)面4、字體的大小要與界面的大小比例協(xié)調(diào)，通常使用的字體中宋體 9-12較為美觀，很少使用超過(guò)12號(hào)的字體 顯示5、前景與背景色搭配合理協(xié)調(diào)，反差不宜太大，最好少用深色，如大紅、大綠等。 6、頁(yè)面彈岀式提示界面必須大小合理，布

2、局美觀，符合系統(tǒng)風(fēng)格。 1、布局要合理，不宜過(guò)于密集，也不能過(guò)于空曠，合理的利用空間。 古由2、相關(guān)頁(yè)面元素的外形是否美觀大方，大小是否合適，位置和頁(yè)面的風(fēng)格是否協(xié)調(diào)。 頁(yè)面 布局3、頁(yè)面相關(guān)說(shuō)明性文字的位置是否正確合適，鼠標(biāo)定位在需說(shuō)明的控件上時(shí)相關(guān)提示信息位置是否合理。 1、同一系統(tǒng)中不同頁(yè)面的整體風(fēng)格是否一致，是否美觀； 頁(yè)面2、各頁(yè)面背景、色調(diào)是否正確，是否美觀，是否適合應(yīng)用環(huán)境。 頁(yè)格3、主色調(diào)要柔和，具有親和力與磁力，堅(jiān)決杜絕刺目的顏色。 1、按鈕名稱(chēng)易懂，用詞準(zhǔn)確，屏棄多義性字眼，要與同一界面上的其他按鈕易于區(qū)分，能望文知意最好 Tab鍵的順序與控件排列順序要一致，目前流行總體從

3、上到下, 2、對(duì)于完成同一功能的控件需要集中放置; 同時(shí)行間從左到右的方式。 3、默認(rèn)按鈕要支持Enter及選操作，即按 Enter后自動(dòng)執(zhí)行默認(rèn)按鈕對(duì)應(yīng)操作。 易用 性 4、 頁(yè)面要支持鍵盤(pán)自動(dòng)瀏覽按鈕功能，即按Tab鍵、回車(chē)鍵的自動(dòng)切換功能。 5、頁(yè)面輸入控件的選擇要合理合適，同一界面復(fù)選框不能岀現(xiàn)太多，下拉列表選項(xiàng)也不宜太多 6、常用菜單功能需提供操作快捷鍵，快捷鍵的定義應(yīng)符合大眾操作習(xí)慣。 7、頁(yè)面存在工具欄的，工具欄需要設(shè)置默認(rèn)?？课恢茫ぞ邫陂L(zhǎng)度不能太長(zhǎng)，工具欄上的按鈕需提供提示信息, 工具欄功能可以用戶(hù)自行定制。 1、對(duì)于需要等待的操作，如果時(shí)間稍長(zhǎng)就應(yīng)該提供進(jìn)度條顯示。 2、菜

4、單深度一般要控制在三層以?xún)?nèi)，樹(shù)狀結(jié)構(gòu)類(lèi)似。 友好3、滾動(dòng)條的長(zhǎng)度要根據(jù)顯示信息的長(zhǎng)度或?qū)挾饶芗皶r(shí)變換，以利于用戶(hù)了解顯示信息的位置和百分比。 性 4、對(duì)用戶(hù)操作需要反饋?zhàn)銐虻男畔ⅲ缣崾?、警告、或錯(cuò)誤，信息表達(dá)應(yīng)該清楚、明了、恰當(dāng)、準(zhǔn)確。 ， , ! , , # , $ , % , A , & , * , ( , ) , ； , | , , / , , , , . , , , ,，,。一般的輸入框中需要屏蔽上面列舉的特殊字符，使其不能輸入。 特殊 字符 2、頁(yè)面元素通用測(cè)試點(diǎn) 對(duì)頁(yè)面元素最基本的測(cè)試點(diǎn) 1、對(duì)于必須輸入的內(nèi)容需要和非必輸項(xiàng)需要明顯的區(qū)分開(kāi)來(lái)； 2、對(duì)于需要設(shè)置的內(nèi)容的描述需要

5、準(zhǔn)確、易懂、符合行業(yè)表達(dá)習(xí)慣； 3、對(duì)于設(shè)置選項(xiàng)需要提供Tab 鍵切換，對(duì)于操作需要支持 Enter 鍵確認(rèn)。 4、頁(yè)面功能容錯(cuò)性必須良好，對(duì)于操作需要有完善的警告、提示、出錯(cuò)處理機(jī)制。 頁(yè)面元素 測(cè)試點(diǎn) 1、輸入內(nèi)容應(yīng)有長(zhǎng)度限制，超出限定長(zhǎng)度應(yīng)給出準(zhǔn)確提示信息； 文本輸入框2、不允許為空的輸入項(xiàng)在不輸內(nèi)容的情況下應(yīng)反饋準(zhǔn)確提示信息； 文本輸入框3、輸入框的大小應(yīng)該和輸入內(nèi)容相匹配，和界面布局相匹配； 4、綜合運(yùn)用等價(jià)類(lèi)和邊界值分析的方法確定輸入內(nèi)容長(zhǎng)度進(jìn)行測(cè)試。 1、不允許輸入字符或漢字，不允許輸入特殊字符； 數(shù)字輸入框2、應(yīng)該根據(jù)允許輸入的數(shù)據(jù)范圍鎖定輸入長(zhǎng)度； 3、綜合運(yùn)用等價(jià)類(lèi)和邊界值

6、分析的方法確定具體測(cè)試數(shù)據(jù)。 1、按鈕應(yīng)該美觀，大小合理，按鈕上的內(nèi)容位置應(yīng)居中； 2、按鈕和整個(gè)頁(yè)面風(fēng)格保持一致，布局位置合理； 3、功能操作的確認(rèn)、重置、取消按鈕應(yīng)該在所有輸入控件下方的合適位置； 4、鼠標(biāo)指針移動(dòng)到按鈕上時(shí)應(yīng)該自動(dòng)變?yōu)槭中危ㄒ部赏瑫r(shí)變化按鈕背景色） 1、下拉列表中的選項(xiàng)內(nèi)容是否正確，包括確定選項(xiàng)的下拉列表，從數(shù)據(jù)庫(kù)中獲取數(shù)據(jù)的下拉列表，或既有 選項(xiàng)又從數(shù)據(jù)庫(kù)中獲取數(shù)據(jù)幾種情況； 2、下拉列表中選項(xiàng)內(nèi)容應(yīng)該根據(jù)拼音或是否常用進(jìn)行排序； 3、下拉列表中的選項(xiàng)太多的情況下應(yīng)該提供輸入功能，并自動(dòng)根據(jù)輸入內(nèi)容過(guò)濾出對(duì)應(yīng)選項(xiàng)，方便選擇操 1、選擇框中的選項(xiàng)內(nèi)容是否正確，包括確定選項(xiàng)

7、的下拉列表，從數(shù)據(jù)庫(kù)中獲取數(shù)據(jù)的下拉列表，或既有確 項(xiàng)又從數(shù)據(jù)庫(kù)中獲取數(shù)據(jù)幾種情況； 2 、需提供 Shift 鍵和 Ctrl 鍵選擇選項(xiàng)的功能；需提供全選和全取消的功能； 3、對(duì)于已經(jīng)選擇的選項(xiàng)不應(yīng)該再出現(xiàn)在被選列表中，而應(yīng)該出現(xiàn)在已選擇列表中，反之亦然； 4、對(duì)于有順序要求的選擇設(shè)置操作需要提供順序調(diào)整功能。 5、選擇框布局、前景、背景色應(yīng)該美觀合理，應(yīng)該和所在界面，及整個(gè)系統(tǒng)的風(fēng)格、色調(diào)保持一致。 1、輸入域要美觀、漂亮，大小合理，和整個(gè)頁(yè)面的布局融為一體； 2、輸入域中輸入內(nèi)容時(shí)需提供自動(dòng)換行功能，超出輸入域長(zhǎng)度或?qū)挾葧r(shí)需要有滾動(dòng)條可以操作。 3、輸入域中文字的默認(rèn)字體、大小、顏色需和

8、整個(gè)頁(yè)面保持一致。 4、輸入域中可輸入內(nèi)容應(yīng)有長(zhǎng)度限制，綜合運(yùn)用等價(jià)類(lèi)和邊界值分析的方法確定輸入內(nèi)容長(zhǎng)度進(jìn)行測(cè)試。 1、控件上各功能按鈕的圖標(biāo)應(yīng)該符合大眾的使用習(xí)慣，按鈕大小應(yīng)符合頁(yè)面環(huán)境； 編輯控件2、鼠標(biāo)放到按鈕上時(shí)應(yīng)該有準(zhǔn)確的提示或說(shuō)明信息； 3、各編輯功能可以正確影響被編輯內(nèi)容的顯示效果，可以正確保存或回退。 單選框 同一組單選框只能選擇其中某一個(gè)選項(xiàng)，需要默認(rèn)選擇第一個(gè)選項(xiàng) 1、存在比較多復(fù)選選擇框需設(shè)置的情況下，需要提供復(fù)選框的全選、反選、全不選的功能； 2、同一個(gè)頁(yè)面不應(yīng)該出現(xiàn)太多的復(fù)選框；如果有太多的選項(xiàng)，考慮其他實(shí)現(xiàn)方法，比如選擇框； 3、樹(shù)狀復(fù)選框選中上層結(jié)點(diǎn)會(huì)自動(dòng)選中所有

9、下層結(jié)點(diǎn)，反之亦然；選中下層結(jié)點(diǎn)會(huì)自動(dòng)選中該結(jié)點(diǎn)對(duì)應(yīng)的 去掉下層結(jié)點(diǎn)的勾選不影響上層結(jié)點(diǎn)的選擇。 日期時(shí)間控件 樹(shù)形結(jié)構(gòu) 彈出窗口 頁(yè)面導(dǎo)航 窗口標(biāo)題 內(nèi)容列表 表格 超級(jí)鏈接 1、日期時(shí)間控件需要和頁(yè)面風(fēng)格保持一致，大小合理，界面美觀； 2、日期時(shí)間應(yīng)該可以選擇設(shè)置，同時(shí)也可以手工輸入來(lái)進(jìn)行設(shè)置； 3、設(shè)置內(nèi)容可以正確返填到對(duì)應(yīng)的輸入框中。 4、日期設(shè)置中如果默認(rèn)了日期，日期一般需要從服務(wù)器獲得。 5、如果相關(guān)功能是根據(jù)時(shí)間段控制的話，程序需要控制起始時(shí)間不能大于結(jié)束時(shí)間。 1、樹(shù)形結(jié)構(gòu)結(jié)點(diǎn)的展開(kāi)收縮時(shí)樹(shù)的刷新，及結(jié)點(diǎn)對(duì)應(yīng)內(nèi)容的刷新應(yīng)正確及時(shí)； 2 、樹(shù)形結(jié)構(gòu)應(yīng)該控制最多有3 層，否則會(huì)造成

10、操作不方便。 3、樹(shù)形結(jié)構(gòu)應(yīng)該和整個(gè)界面風(fēng)格保持一致； 4、編輯樹(shù)形結(jié)構(gòu)的結(jié)點(diǎn)后樹(shù)形結(jié)構(gòu)刷新顯示正確（樹(shù)形結(jié)構(gòu)不會(huì)自動(dòng)收縮起來(lái)等）。 1、彈出窗口的風(fēng)格應(yīng)該和系統(tǒng)風(fēng)格保持一致，彈出窗口界面布局應(yīng)該合理美觀； 2、彈出窗口應(yīng)該屏蔽最小化和最大化按鈕，只保留關(guān)閉按鈕； 3、彈出窗口的顯示位置應(yīng)該合理美觀，且允許拖動(dòng)。 1、導(dǎo)航按鈕風(fēng)格和應(yīng)用系統(tǒng)的頁(yè)面結(jié)構(gòu)、菜單、鏈接的風(fēng)格是否一致； 2、圖片按鈕導(dǎo)航或按鈕導(dǎo)航應(yīng)該可以準(zhǔn)確切換到對(duì)應(yīng)功能； 3、鼠標(biāo)置于導(dǎo)航按鈕上時(shí)應(yīng)該顯示成特殊的鼠標(biāo)指針，且導(dǎo)航按鈕應(yīng)該高亮顯示。 1、系統(tǒng)主窗口的標(biāo)題顯示內(nèi)容應(yīng)該是當(dāng)前系統(tǒng)的名稱(chēng)，屏蔽掉其他無(wú)關(guān)的內(nèi)容，嚴(yán)禁出現(xiàn)與系統(tǒng)

11、登陸和程 相關(guān)的信息； 2、彈出的操作功能窗口的標(biāo)題為對(duì)應(yīng)功能名稱(chēng)，屏蔽掉其他無(wú)關(guān)的內(nèi)容； 3、提示信息彈出框標(biāo)題直接顯示為“提示 ”，警告和錯(cuò)誤提示框的標(biāo)題顯示為“警告 ”和“錯(cuò)誤 ”，界面圖標(biāo)選 擇合適圖標(biāo)。 1、根據(jù)頁(yè)面空間合理確定每頁(yè)顯示的內(nèi)容行數(shù)，在內(nèi)容超出行數(shù)的情況下合理提供翻頁(yè)（上翻、下翻、首 及跳轉(zhuǎn)頁(yè)面的功能； 2、內(nèi)容不足一頁(yè)及沒(méi)內(nèi)容的情況下不顯示翻頁(yè)及頁(yè)面跳轉(zhuǎn)功能按鈕； 3、新增、修改內(nèi)容列表某條內(nèi)容后應(yīng)該定位到對(duì)應(yīng)頁(yè)面的對(duì)應(yīng)內(nèi)容上； 4、刪除內(nèi)容列表某條內(nèi)容后應(yīng)該定位到當(dāng)前頁(yè)面的第一條內(nèi)容上，如果該條內(nèi)容刪除后對(duì)應(yīng)頁(yè)面沒(méi)有內(nèi)容 上一頁(yè)面內(nèi)容列表中第一條內(nèi)容上。 1、表格邊線顏色應(yīng)該符合整個(gè)界面的配色方案，表格大方美觀； 2、表格邊線一般要比內(nèi)部線條稍粗一點(diǎn)； 3、表格中內(nèi)容顯示要求：表頭內(nèi)容統(tǒng)一加粗居中，內(nèi)容長(zhǎng)度不等的列統(tǒng)一水