《圖形用戶界面(GUI)開發(fā)與測試.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《圖形用戶界面(GUI)開發(fā)與測試.ppt（49頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

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