圖形用戶(hù)界面(GUI)開(kāi)發(fā)與測(cè)試.ppt

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

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