用戶界面設(shè)計原則

良好的用戶界面一般都符合下列的用戶界面規(guī)范:

1.易用性原則

按鈕名稱應(yīng)該易懂，用詞準(zhǔn)確，沒有摸棱兩可的字眼，要與同一界面上的其他按鈕易于區(qū)分，如能望文知意最好。理想的情況是用戶不用查閱幫助就能知道該界面的功能并進行相關(guān)的正確操作。

易用性細則：

完成相同或相近功能的按鈕用Frame框起來，常用按鈕要支持快捷方式。

完成同一功能或任務(wù)的元素放在集中位置，減少鼠標(biāo)移動的距離。

按功能將界面劃分局域塊，用Frame框起來，并要有功能說明或標(biāo)題。

界面要支持鍵盤自動瀏覽按鈕功能，即按Tab鍵的自動切換功能。

界面上首先應(yīng)輸入的信息和重要信息的控件在Tab順序中應(yīng)當(dāng)靠前，位置也應(yīng)放在窗口上較醒目的位置。

同一界面上的控件數(shù)最好不要超過10個，多于10個時可以考慮使用分頁界面顯示。

分頁界面要支持在頁面間的快捷切換，常用組合快捷鍵Ctrl+Tab默認按鈕要支持Enter操作，即按Enter后自動執(zhí)行默認按鈕對應(yīng)操作。

可輸入控件檢測到非法輸入后應(yīng)給出說明信息并能自動獲得焦點。

Tab鍵的順序與控件排列順序要一直，目前流行總體從上到下，同時行間從左到右的方式。

復(fù)選框和選項框按選擇幾率的高底而先后排列。

復(fù)選框和選項框要有默認選項，并支持Tab選擇。

選項數(shù)相同時多用選項框而不用下拉列表框。

界面空間較小時使用下拉框而不用選項框。

選項數(shù)較少時使用選項框，相反使用下拉列表框。

專業(yè)性強的軟件要使用相關(guān)的專業(yè)術(shù)語，通用性界面則提倡使用通用性詞眼。

對于界面輸入重復(fù)性高的情況，該界面應(yīng)全面支持鍵盤操作，即在不使用鼠標(biāo)的情況下采用鍵盤進行操作。

2.規(guī)范性原則

通常界面設(shè)計都按Windows界面的規(guī)范來設(shè)計，即包含“菜單條、工具欄、工具箱廂、狀態(tài)欄、滾動條、右鍵快捷菜單”的標(biāo)準(zhǔn)格式，可以說：界面遵循規(guī)范化的程度越高，則易用性相應(yīng)的就越好。小型軟件一般不提供工具箱。

規(guī)范性細則：

常用菜單要有命令快捷方式。

完成相同或相近功能的菜單用橫線隔開放在同一位置。

菜單前的圖標(biāo)能直觀的代表要完成的操作。

菜單深度一般要求最多控制在三層以內(nèi)。

工具欄要求可以根據(jù)用戶的要求自己選擇定制。

相同或相近功能的工具欄放在一起。

工具欄中的每一個按鈕要有及時提示信息。

一條工具欄的長度最長不能超出屏幕寬度。

工具欄的圖標(biāo)能直觀的代表要完成的操作。

系統(tǒng)常用的工具欄設(shè)置默認放置位置。

工具欄太多時可以考慮使用工具箱。

工具箱要具有可增減性，由用戶自己根據(jù)需求定制。

工具箱的默認總寬度不要超過屏幕寬度的1/5。

狀態(tài)條要能顯示用戶切實需要的信息，常用的有：目前的操作、系統(tǒng)狀態(tài)、用戶位置、用戶信息、提示信息、錯誤信息、使用單位信息及軟件開發(fā)商信息等，如果某一操作需要的時間較長，還應(yīng)該顯示進度條和進程提示。

滾動條的長度要根據(jù)顯示信息的長度或?qū)挾饶芗皶r變換，以利于用戶了解顯示信息的位置和百分比。

狀態(tài)條的高度以放置五好字為宜，滾動條的寬度比狀態(tài)條的略窄。

菜單和工具條要有清楚的界限；菜單要求凸出顯示，這樣在移走工具條時仍有立體感。

菜單和狀態(tài)條中通常使用5號字體。工具條一般比菜單要寬，但不要寬的太多，否則看起來很不協(xié)調(diào)。

右鍵快捷菜單采用與菜單相同的準(zhǔn)則。

3.幫助設(shè)施原則

系統(tǒng)應(yīng)該提供詳盡而可靠的幫助文檔，在用戶使用產(chǎn)生迷惑時可以自己尋求解決方法。

幫助設(shè)施細則：

幫助文檔中的性能介紹與說明要與系統(tǒng)性能配套一致。主菜單的寬度要接近，字數(shù)不應(yīng)多于四個，每個菜單的字數(shù)能相同最好。

主菜單數(shù)目不應(yīng)太多，最好為單排布置。

7.獨特性原則

如果一味的遵循業(yè)界的界面標(biāo)準(zhǔn)，則會喪失自己的個性。在框架符合以上規(guī)范的情況下，設(shè)計具有自己獨特風(fēng)格的界面尤為重要。尤其在商業(yè)軟件流通中有著很好的遷移默化的廣告效用。

獨特性細則：

安裝界面上應(yīng)有單位介紹或產(chǎn)品介紹，并有自己的圖標(biāo)或徽標(biāo)。

主界面，最好是大多數(shù)界面上要有公司圖標(biāo)或徽標(biāo)。

登錄界面上要有本產(chǎn)品的標(biāo)志，同時包含公司圖標(biāo)或徽標(biāo)。

幫助菜單的“關(guān)于”中應(yīng)有版權(quán)和產(chǎn)品信息。

公司的系列產(chǎn)品要保持一直的界面風(fēng)格，如背景色、字體、菜單排列方式、圖標(biāo)、安裝過程、按鈕用語等應(yīng)該大體一致。

應(yīng)為產(chǎn)品制作特有的圖標(biāo)并區(qū)別于公司圖標(biāo)或徽標(biāo)

8.快捷方式的組合原則

在菜單及按鈕中使用快捷鍵可以讓喜歡使用鍵盤的用戶操作得更快一些在西文Windows及其應(yīng)用軟件中快捷鍵的使用大多是一致的。

菜單中：

面向事務(wù)的組合有：Ctrl-D刪除；Ctrl-F尋找；Ctrl–H替換；Ctrl-I插入；Ctrl-N新記錄；Ctrl-S保存Ctrl-O打開。

列表：Ctrl-R，Ctrl-G定位；Ctrl-Tab下一分頁窗口或反序瀏覽同一頁面控件；。

編輯：Ctrl-A全選；Ctrl-C拷貝；Ctrl-V粘貼；Ctrl-X剪切；Ctrl-Z撤消操作；Ctrl-Y恢復(fù)操作。

文件操作：Ctrl-P打?。籆trl-W關(guān)閉。

系統(tǒng)菜單：Alt-A文件；Alt-E編輯；Alt-T工具；Alt－W窗口；Alt－H幫助。

MSWindows保留鍵：Ctrl-Esc任務(wù)列表；Ctrl-F4關(guān)閉窗口；Alt-F4結(jié)束應(yīng)用；Alt-Tab下一應(yīng)用；Enter缺省按鈕/確認操作；Esc取消按鈕/取消操作；Shift-F1上下文相關(guān)幫助。

按鈕中：

可以根據(jù)系統(tǒng)需要而調(diào)節(jié)，以下只是常用的組合。

Alt-Y確定(是）；Alt-C取消；Alt-N否；Alt-D刪除；Alt-Q退出；Alt-A添加；Alt-E編輯；Alt-B瀏覽；Alt-R讀；Alt-W寫。這些快捷鍵也可以作為開發(fā)中文應(yīng)用軟件的標(biāo)準(zhǔn)，但亦可使用漢語拼音的開頭字母。9.排錯性考慮原則

在界面上通過下列方式來控制出錯幾率，會大大減少系統(tǒng)因用戶人為的錯誤引起的破壞。開發(fā)者應(yīng)當(dāng)盡量周全地考慮到各種可能發(fā)生的問題，使出錯的可能降至最小。如應(yīng)用出現(xiàn)保護性錯誤而退出系統(tǒng)，這種錯誤最容易使用戶對軟件失去信心。因為這意味著用戶要中斷思路，并費時費力地重新登錄，而且已進行的操作也會因沒有存盤而全部丟失。

排錯性細則：

最重要的是排除可能會使應(yīng)用非正常中止的錯誤。

應(yīng)當(dāng)注意盡可能避免用戶無意錄入無效的數(shù)據(jù)。

采用相關(guān)控件限制用戶輸入值的種類。

當(dāng)用戶作出選擇的可能性只有兩個時，可以采用單選框。

當(dāng)選擇的可能再多一些時，可以采用復(fù)選框，每一種選擇都是有效的，用戶不可能輸入任何一種無效的選擇。

當(dāng)選項特別多時，可以采用列表框，下拉式列表框。

在一個應(yīng)用系統(tǒng)中，開發(fā)者應(yīng)當(dāng)避免用戶作出未經(jīng)授權(quán)或沒有意義的操作。

對可能引起致命錯誤或系統(tǒng)出錯的輸入字符或動作要加限制或屏蔽。

對可能發(fā)生嚴重后果的操作要有補救措施。通過補救措施用戶可以回到原來的正確狀態(tài)。

對一些特殊符號的輸入、與系統(tǒng)使用的符號相沖突的字符等進行判斷并阻止用戶輸入該字符。

對錯誤操作最好支持可逆性處理，如取消系列操作。

在輸入有效性字符之前應(yīng)該阻止用戶進行只有輸入之后才可進行的操作。

對可能造成等待時間較長的操作應(yīng)該提供取消功能。

特殊字符常有；；’”><，｀‘：“［”｛、\|｝］+=）-(_*&&^%$#@!~，。?/還有空格。

與系統(tǒng)采用的保留字符沖突的要加以限制。

在讀入用戶所輸入的信息時，根據(jù)需要選擇是否去掉前后空格。

有些讀入數(shù)據(jù)庫的字段不支持中間有空格，但用戶切實需要輸入中間空格，這時要在程序中加以處理。

10.多窗口的應(yīng)用與系統(tǒng)資源原則

設(shè)計良好的軟件不僅要有完備的功能，而且要盡可能的占用最底限度的資源。

在多窗口系統(tǒng)中，有些界面要求必須保持在最頂層，避免用戶在打開多個窗口時，不停的切換甚至最小化其他窗口來顯示該窗口。

在主界面載入完畢后自動卸出內(nèi)存，讓出所占用的WINDOWS系統(tǒng)資源。

關(guān)閉所有窗體，系統(tǒng)退出后要釋放所占的所有系統(tǒng)資源，除非是需要后臺運行的系統(tǒng)。

盡量防止對系統(tǒng)的獨占使用。

了解了良好的用戶界面的規(guī)范，那么我們測試工作該如何下手？該注意那些方面呢？

1.一致性

如果你可以在一個列表的項目上雙擊后能夠彈出對話框，那么應(yīng)該在任何列表中雙擊都能彈出對話框。要有統(tǒng)一的字體寫號、統(tǒng)一的色調(diào)、統(tǒng)一的提示用詞、窗口在統(tǒng)一的位置、按鈕也在窗口的相同的位置。

2.設(shè)置標(biāo)準(zhǔn)并遵循它

可以參數(shù)一些工業(yè)標(biāo)準(zhǔn)，如IBM的界面設(shè)計規(guī)范或MS的設(shè)計規(guī)則，它提供了90％你所需要的規(guī)范。

3.設(shè)置向?qū)?/p>

如果用戶使用了一個功能后，不知道如何做下一個，他們就會放棄。如果*作流程和手工工作流程一致，用戶就會努力去完成它。最好的方式來引導(dǎo)用戶就是在桌面上設(shè)置一個流程向?qū)А?/p>

4.提示信息必須恰當(dāng)且規(guī)范

提示信息必須容易理解并且口徑統(tǒng)一，比如“您輸入了錯誤的數(shù)據(jù)”、“用戶數(shù)據(jù)不能超過8位”。一致的措詞，提示信息還應(yīng)該出現(xiàn)在一致的位置，如彈出提示窗口、窗口的上方或窗口的下方。對用戶的稱呼應(yīng)該統(tǒng)一，比如有時提示“用戶輸入了錯誤的數(shù)據(jù)”，有時提示“您輸入了錯誤的數(shù)據(jù)”，有時又提示“使用者輸入了錯誤的數(shù)據(jù)”，這樣會使用戶無所適從。

5.借鑒好的程序

多了解同類軟件的界面，并加以分析與了解，直到能夠區(qū)別好的用戶界面與差的用戶界面。但不能夠簡單的模仿別人的界面，而使得自己的軟件沒有特色

6.功能的統(tǒng)一

有一些很常用的功能，如添加、修改、刪除、查看，同一個軟件中，這些功能應(yīng)該有相同的處理方法。

7.變灰的功能

有時有些功能不可用，最好不要刪除這些按鈕若項目，而是使他們變灰為不可用狀態(tài)，這樣有助于用戶理解整個程序的功能。

8.默認按鈕

使用不具有破壞功能的默認按鈕，在每個窗口中，為了方便用戶，一般都定義了一個默認按鈕，當(dāng)用戶敲回車鍵時可以快速執(zhí)行某功能，但有時用戶會不小心按錯回車鍵，這時候執(zhí)行了默認功能后，不能產(chǎn)生不可還原的操作，比如刪除或保存。

按照上面的規(guī)范和測試的細則檢驗過被測試的軟件。相信軟件界面上能顯得更加規(guī)范和容易被用戶所接受。

用戶界面測試用例指標(biāo)檢查項測試人員評價合適性和正確性用戶界面是否與軟件的功能相融洽？

是否所有界面元素的文字和狀態(tài)都正確無誤？

容易理解對于常用的功能，用戶能否不必閱讀手冊就能使用？

是否所有界面元素（例如圖標(biāo)）都不會讓人誤解？

是否所有界面元素提供了充分而必要的提示？

界面結(jié)構(gòu)能夠清晰地反映工作流程？

用戶是否容易知道自己在界面中的位置，不會迷失方向？

有聯(lián)機幫助嗎？

風(fēng)格一致同類的界面元素是否有相同的視感和相同的操作方式？

字體是否一致？

是否符合廣大用戶使用同類軟件的習(xí)慣？

及時反饋信息是否提供進度條、動畫等反映正在進行的比較耗時間的過程？

是否為重要的操作返回必要的結(jié)果信息？

出錯處理是否對重要的輸入數(shù)據(jù)進行校驗？

執(zhí)行有風(fēng)險的操作時，有“確認”、“放棄”等提示嗎？

是否根據(jù)用戶的權(quán)限自動屏蔽某些功能？

是否提供Undo功能用以撤銷不期望的操作？

適應(yīng)各種水平的用戶所有界面元素都具備充分必要的鍵盤操作和鼠標(biāo)操作嗎？

初學(xué)者和專家都有合適的方式操作這個界面嗎？

色盲或者色弱的用戶能正常使用該界面嗎？

國際化是否使用國際通行的圖標(biāo)和語言？