1,圖形用戶界面（GUI）開發(fā)與測試,范萍麗2007-06-21,2,主要的UI設(shè)計指導(dǎo)原則：（引自JeffJohnson的GUI設(shè)計禁忌）,關(guān)注用戶及其任務(wù)，而不是技術(shù)首先考慮功能，然后才是表示從用戶的視角看問題，使用用戶的詞匯進(jìn)行描述,不必向用戶暴露實現(xiàn)細(xì)節(jié)使常用的用戶任務(wù)簡單化，不要讓用戶解決額外的問題促進(jìn)學(xué)習(xí),保持一致性，引導(dǎo)用戶的使用習(xí)慣保持顯示慣性，傳遞信息，而不僅僅是數(shù)據(jù)設(shè)計應(yīng)滿足響應(yīng)需求,3,議程,界面設(shè)計指南(20分鐘)遵從窗口標(biāo)準(zhǔn)(20分鐘）屏幕元素確認(rèn)列表(15分鐘),4,概述,用戶界面的需求通常是不明確的，一部分可能隱含在用戶需求中，而另一部分則是用戶不可能預(yù)先想到的。因此，軟件企業(yè)應(yīng)積累用戶界面開發(fā)和測試的成果，將一些元素和規(guī)則進(jìn)行重用，從而高效地開發(fā)出用戶樂意接受的界面。企業(yè)應(yīng)在測試過程中積累自己的圖形用戶界面測試用例（通常稱為GUI測試檢查列表），形成自己的圖形用戶界面測試標(biāo)準(zhǔn)。,5,界面設(shè)計指南,(Color)顏色(Resource)資源(Font)字體(Text)文字表述(STYLE)控件選擇(ALIGN)控件布局(TABORDER)TAB順序(ShortcutKey再次單擊這個圖標(biāo)，可以返回到窗口并恢復(fù)到窗口原有的大??；窗口控件的大小、對齊方向、顏色、背景等屬性的設(shè)置值是否和標(biāo)準(zhǔn)要求的一致；檢查窗口中的下拉菜單、工具條、滾動條、對話框、按鈕、圖標(biāo)和其他控制的功能，是否錯用窗口元素、是否符合標(biāo)準(zhǔn)要求；,18,圖形用戶界面（GUI）的一些業(yè)界標(biāo)準(zhǔn),2對于應(yīng)用中的每個窗口使用【TAB】鍵在窗口中移動光標(biāo)/焦點，使用【Shift】+【Tab】組合鍵回移；屏幕中各元素得到焦點的次序應(yīng)從左到右，從上到下；如果一個鈕能產(chǎn)生一個新窗口，則它不應(yīng)蓋住先前的窗口，并能回到先前的窗口中；一般情況下，窗口中的所有事情應(yīng)既能用鼠標(biāo)又能用鍵盤來完成。,19,通用界面元素設(shè)計與測試,文本框（TextBoxes）不要使用文本輸入框來顯示只讀數(shù)據(jù)和信息。只讀信息的文本框應(yīng)該底色變灰，并且去掉文本框邊框，和可編輯但未激活的狀態(tài)區(qū)別開來。給日期，數(shù)字，單位等特殊文字選擇框或特殊文本框，檢測到非法輸入后應(yīng)給出說明并能自動獲得焦點。單選鈕（RadioButtons）用左右鍵和上下鍵移動，或以及鼠標(biāo)單擊選中。單選框是一種多選一設(shè)置，可選數(shù)目在2-8之間。當(dāng)空間不夠時，單選框可以用循環(huán)按鈕、下拉菜單、滾動列表框來代替。復(fù)選框（CheckBoxes）在框中用鼠標(biāo)單擊，或在文本上設(shè)置/取消設(shè)置，試著用空格鍵做這件事。復(fù)選框和選項框按選擇幾率的高底而先后排列。復(fù)選框和選項框要有默認(rèn)選項，并支持Tab選擇。,20,通用界面元素設(shè)計與測試,命令鈕（CommandButtons）(1）如果它能導(dǎo)出一個新的窗口，使用戶能輸入或改變內(nèi)容，則按鈕的文字后帶省略號（3個小點）；(2)除確定（ok）或取消（Cancel）外，其他的按鈕應(yīng)有一個字符代表，這個字符在按鈕上是以下劃線表示的，用ALT+字符組合鍵的方式可激活它，保證不重復(fù)定義這類字符；(3)用鼠標(biāo)單擊每一個按鈕，應(yīng)能激活；(4)用Tab走到這個按鈕后，按空格或Enter鍵應(yīng)能激活；(5)用Tab移到其他類型的控制按鈕（非命令），則在屏上這個控制鈕以加寬黑框表示，這時按Enter應(yīng)能激活這個控制鈕；(6)按Esc鍵應(yīng)能激活Cancel鈕。,21,通用界面元素設(shè)計與測試,下拉列表框（DropDownListBoxes）(1)按下拉列表框右邊的箭頭處，應(yīng)能得到（打開）選擇列表項，列表項可以卷動（當(dāng)內(nèi)容多時應(yīng)有卷動條），其框中應(yīng)不能輸入文本；(2)按一個字符應(yīng)到以這個字符開頭的項（英文時），按Ctrl+F4組合鍵應(yīng)能打開下拉列表框。(3)下拉列表框中的選項應(yīng)是排好了序的。,22,通用界面元素設(shè)計與測試,聯(lián)合框（ComboBoxes）(1)與下拉列表框的區(qū)別是，聯(lián)合框中既可以輸入文字，又可以在列表中選擇。列表框（ListBoxes）(1)用鼠標(biāo)單擊或上下箭頭鍵可以選中一項；(2)用卷動條可看到所有的數(shù)據(jù)。,23,菜單的設(shè)計與測試,菜單是應(yīng)用程序命令項的列表，菜單可以是多級，這時是按照功能來組織的。菜單可以有多種形式，如：條形菜單、水平和垂直的彈出式菜單、下拉菜單等。菜單功能是否正確執(zhí)行；常用菜單要有命令快捷方式。文本字體、大小和格式是否正確；菜單功能的名字是否具有自解釋性;右鍵快捷菜單是否采用與菜單相同的準(zhǔn)則；是否適當(dāng)?shù)亓谐隽怂械牟藛喂δ苁欠窀鶕?jù)系統(tǒng)功能進(jìn)行合理分類，將選項進(jìn)行分組（完成相同或相近功能的菜單用橫線隔開放在同一位置。）；菜單深度是否控制在3層以內(nèi)菜單標(biāo)題是否簡潔、有意義；菜單前的圖標(biāo)能直觀的代表要完成的操作，如不能則不要用圖標(biāo)。是否依使用頻度排列；是否依邏輯順序排列；是否依使用順序排列；各級菜單顯示格式和操作方式是否一致。,24,系統(tǒng)響應(yīng)時間,系統(tǒng)響應(yīng)時間包括兩個方面：時間長度和時間的易變性。用戶響應(yīng)時間應(yīng)該適中，系統(tǒng)響應(yīng)時間過長，用戶就會感到不安和沮喪，而響應(yīng)時間過短有時會造成用戶加快操作節(jié)奏，從而導(dǎo)致錯誤。在系統(tǒng)響應(yīng)時間上堅持如下原則：響應(yīng)時間長度界面設(shè)計0-10秒鼠標(biāo)顯示成為沙漏10到18秒由微幫助來顯示處理進(jìn)18秒以上顯示處理窗口，或顯示進(jìn)度條對可能造成等待時間較長的操作最好提供取消功能。當(dāng)一個長時間的處理完成時應(yīng)發(fā)出一個提示警告聲如beep(1)，這樣用戶不必總看著屏幕。,25,MessageBox消息框。,標(biāo)題：建議以主窗口的名稱作為標(biāo)題，以變量的形式顯示，最好不要寫死。（標(biāo)題是否根據(jù)內(nèi)容顯示為“提示”，“警告”）文本：不考慮國際化開發(fā)時，可以直接以中文顯示，考慮國際化開發(fā)時，需要根據(jù)字串取本地化文本。請注意提示信息的語氣及標(biāo)點符號。按鈕：當(dāng)有多個按鈕時，執(zhí)行刪除操作時，默認(rèn)按鈕應(yīng)為否（取消）。符號：根據(jù)提示的內(nèi)容，確認(rèn)圖標(biāo)的顯示。,26,根據(jù)提示的內(nèi)容，確認(rèn)圖標(biāo)的顯示,27,屏幕元素確認(rèn)列表,美學(xué)方面測試確認(rèn)正確性導(dǎo)航測試元素易用性測試數(shù)據(jù)完整性測試只讀模式的測試通用性測試特殊域的測試,28,美學(xué)方面測試,屏幕/窗口的背景色是否正確；圖標(biāo)基調(diào)顏色、大小。布局是否協(xié)調(diào)；圖標(biāo)的外形與實際功能的相似性，盡量避免抽象；重要的命令按鈕與使用較頻率的按鈕是否放在了界面上醒目的位置；域提示的顏色是否正確；域背景色是否正確；只讀模式下，域提示的顏色是否正確；只讀模式下，域背景色是否正確；,29,美學(xué)方面測試,屏幕中提示的字體是否正確；域中文本的字體是否正確；域的排列是否美觀；域的編輯框排列是否美觀；成組的框的排列是否美觀；按鈕的大小與界面的大小和空間是否協(xié)調(diào)；屏幕窗口是否可極小化屏幕窗口是否可以恢復(fù)大??；域提示的拼寫是否正確；字符或字母域的對齊方式是否正確；,30,美學(xué)方面測試,數(shù)字域的對齊方式是否正確；屏幕窗口中的幫助提示文本中是否有錯別字；屏幕窗口中錯誤信息文本中是否也有錯別字；文本中英文字符的大小寫是否敏感；域中是否有缺省值；保證所有窗口看上去或感覺上，具有一致性；保證所有的會話框看上去或感覺上，具有一致性；,31,確認(rèn)正確性,每個域中確認(rèn)有問題時，是否給用戶一個恰當(dāng)?shù)男畔?；是否要求用戶對一個已確認(rèn)的錯誤域進(jìn)行修改；當(dāng)域有多項檢查規(guī)則，進(jìn)行覆蓋測試；在域中輸入非法值并單擊了確認(rèn)按鈕后，是否會出現(xiàn)報錯信息；保持屏幕/窗口級的一致性（除特殊要求外）；,32,確認(rèn)正確性,對于數(shù)字域，檢查負(fù)數(shù)是否能輸入；對于數(shù)字域，檢查最大值、最小值，以及中間值是否允許；對字符/字母域檢查是否有一個特定的限制；檢查必輸域是否需要用戶輸入；必輸域?qū)?yīng)的數(shù)據(jù)庫表字段是否不能為空；,33,導(dǎo)航測試,通過菜單是否可以進(jìn)入應(yīng)用屏（窗口）；通過工具條是否可以進(jìn)入應(yīng)用屏(窗口)；通過父窗口中的按鈕是否可以進(jìn)入子窗口；可以雙擊父窗口的列表控制是否可以進(jìn)入子窗口；當(dāng)窗口激活時，窗口模式是否正確；同時能打開相同應(yīng)用窗口的數(shù)量是否符合要求；,34,元素易用性測試,窗口中下拉表中的項目排序是否正確，一般以字母升序作為缺省情況；測試日期輸入的正確格式；窗口中的按鈕是否都有適當(dāng)?shù)目旖萱I；快捷鍵的工作是否正常；菜單中的選項是否定義了快捷鍵；用【Tab】鍵在元素間移動的次序是否正確，一般缺省為從左上到右下；只讀域應(yīng)不在TAB鍵能達(dá)到的序列中；非激活域應(yīng)不在TAB鍵能達(dá)到的序列中；,35,元素易用性測試,用鼠標(biāo)點出文本框，是否會出現(xiàn)幫助信息；用鼠標(biāo)單擊只讀域，是否能進(jìn)入；當(dāng)打開窗口時，光標(biāo)/焦點應(yīng)位于第一個可輸入域；窗口中是否有缺省的按鈕定義；缺省按鈕的工作是否正常；當(dāng)錯誤信息確認(rèn)時，焦點是否會回到出錯的域；使用【Alt】【Tab】組合鍵從一個應(yīng)用到另一個應(yīng)用切換時是否有沖突；編輯框域是否指示了字符的長度；,36,數(shù)據(jù)完整性測試,關(guān)閉窗口時數(shù)據(jù)是否得到了保存；檢查域的長度，以保證沒有字樣被截掉；有的域是通過在數(shù)據(jù)庫中查詢一個值作為缺省值，并且用戶可以輸入一個有效值來取代這個值；檢查數(shù)字域的最大值和最小值；檢查能接受負(fù)數(shù)的數(shù)字域能將負(fù)數(shù)正確的存儲；一組單選按鈕是否由一組值代表（在數(shù)據(jù)庫中）；數(shù)據(jù)庫對數(shù)據(jù)的存儲是否完整，如字符串是否被截，數(shù)值是否被舍入。,37,只讀模式的測試,只讀模式屏幕和域的顏色設(shè)置是否正確；只讀模式是否合乎實際（這種情況下，是否應(yīng)設(shè)為只讀模式）；字段域和控制按鈕是否以只讀模式來表示非激活；與正在進(jìn)行的操作無關(guān)的按鈕應(yīng)加以屏蔽（只讀模式）從窗口/菜單/工具條的只讀模式是否能進(jìn)入下一級窗口；從只讀模式進(jìn)入的窗口是否有效；只讀模式下不能執(zhí)行或進(jìn)行“確認(rèn)”；,38,通用性測試,保證有“幫助”菜單的存在；保證在每個菜單中有適當(dāng)?shù)拿罨蛳软?；保證工具條中的所有按鈕對應(yīng)一個命令；保證每個菜單命令有一個熱鍵方式；在下拉列表中，保證值不被截斷；在下接列表中，保證表中的條目能通過適當(dāng)?shù)逆I或熱鍵聯(lián)合來存??；窗口中沒有重復(fù)定義的熱鍵；,39,通用性測試,保證Esc鍵的正確使用（常用于“取消”），應(yīng)有類似的提示：“更新的數(shù)據(jù)將丟失是否繼續(xù)？”；保證“取消”按鈕的功能同Esc鍵；“取消”但不能回退（已作的變化不能回退）時，應(yīng)相當(dāng)于“關(guān)閉”；保證隱藏于當(dāng)前屏幕后上的命令按鈕不能工作；當(dāng)一個命令按鈕應(yīng)根據(jù)情況來確定是否能使用時，應(yīng)保證在不能使用時變灰；保證“確認(rèn)”鍵和“取消Cancel”鍵按鈕成對，并與其它命令按鈕分開；,40,通用性測試,保證命令按鈕名字清楚；保證字段域的標(biāo)簽或名字不過于專業(yè)性，而是對系統(tǒng)的用戶有意義的；保證命令按鈕有相似的大小和形狀，相同的字體和字體大??；保證每個按鈕能通過熱鍵盤方式來訪問；保證命令按鈕在同一個窗口會話框中不會重復(fù)；保證每個窗口會話框中元素（命令按鈕、其它元素）在按回車鍵時，有一個清晰的缺省值響應(yīng)回車；,41,通用性測試,保證對象按鈕的設(shè)置對應(yīng)于窗口會話框需要的功能；保證可選按鈕（包括單選項、復(fù)選項、以及選擇框）的名字清楚；保證可選按鈕的名字不過于專業(yè)性，而是對系統(tǒng)的使用者有意義；如果熱鍵用于訪問可選鍵，保證在同一窗口會話框中，熱鍵不重復(fù)；保證選擇窗、選擇按鈕和命令按鈕被邏輯地組在一起，形成功能“組”；,42,通用性測試,保證使用Tab鍵（序列）邏輯地在屏幕的域中移動光標(biāo)；保證在窗口中、鼠標(biāo)中的一致性；紅色不用于加亮被激活的元素（色盲中最常風(fēng)的為紅-綠色盲）；保證屏幕窗口中的展現(xiàn)與分布不混亂；在表窗口中Ctrl+F6組合鍵打開下一個表；在表窗口中Shift+Ctrl+F6組合鍵打開先前的表（回到先前的表）；在當(dāng)前表的最后域中，用Tab鍵可以打開下一個表；,43,通用性測試,在最后表的最后域中，用Tab鍵可以走到繼續(xù)按鈕中；在窗口中間件Tab鍵可走進(jìn)下一個可編輯框；標(biāo)識的風(fēng)格、大小、展現(xiàn)與現(xiàn)有的窗口一致；當(dāng)列表框中的選項少于8項時，不必用滾動條；當(dāng)系統(tǒng)“繼續(xù)”發(fā)現(xiàn)錯誤時，應(yīng)回到出錯的域或表；,44,通用性測試,對表中的域輸入正確前，按繼續(xù)按鈕不起作用；打開一個表時，焦點落入第一個可編輯域；所有字體一致；Alt+F4組合鍵將關(guān)閉表窗口，回到主屏幕或先前的屏幕，必要時有提示信息：如“更新的數(shù)據(jù)將丟失”；對于激活的域和挖掘有簡單的幫助文本；保證所有非激活域是只讀模式。,45,特殊域的測試,日期域的檢查保證閏年日期有效正確，不產(chǎn)生錯誤和計算誤差；測試月份是在1和12之間（含），保證00和12報告錯誤；測試日期在1和31之間（含），最大值與月份相關(guān)；對二月的28,29,30日，進(jìn)行驗證；測試日期的周期性計算正確。,46,特殊域的測試,數(shù)字域的測試保證對最低、最高值處理正確；輸入無效的數(shù)據(jù)值被記錄和報告；保證有效的值被正確地處理在數(shù)字前面帶有空格的數(shù)字域被正確處理還是報錯誤；在數(shù)字后面帶有空格的數(shù)字域被正確處理還是報錯誤；保證正、負(fù)值被正確處理；保證除零的事不會發(fā)生；數(shù)字域范圍至少含有一個值數(shù)字域范圍含最大值和最小值對范圍處的值進(jìn)行測試，保證錯誤值能被檢測出來。,47,特殊域的測試,字符域的測試測試使用空格和非空格字符；測試最高值和最低值測試非法字符或控制符測試合法字符測試第一個位置是空格的數(shù)據(jù)或最后一位置是空格的數(shù)據(jù)。,48,實例測試,49,總結(jié),回顧所學(xué)的內(nèi)容指出應(yīng)用所學(xué)內(nèi)容的方法要求得到培訓(xùn)反饋信息,