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

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