用戶界面設計的基本原則

1、1 用戶界面設計的基本原則1.1 用戶界面設計原則基于本平臺開發(fā)的應用軟件應堅持圖形用戶界面（GUI）設計原則：1、 界面直觀、對用戶透明：用戶接觸軟件后對界面上對應的功能一目了然、不需要太多培訓就可以方便使用本應用系統(tǒng)。2、 始終強調(diào)軟件用戶是所有處理的核心：用戶界面應當由用戶來控制應用如何工作、如何響應，而不是由開發(fā)者按自己的意愿把操作流程強加給用戶。1.2 一般交互原則AE系統(tǒng)的應用軟件的一般交互遵循以下原則：1、 一致性：菜單選擇、數(shù)據(jù)顯示以及其它功能都應使用一致的格式。2、 提供有意義的反饋。3、 執(zhí)行有較大破壞性的動作前要求確認。4、 在數(shù)據(jù)錄入上允許取消大多數(shù)操作。5、 減少在動

2、作間必須記憶的信息數(shù)量。6、 允許用戶非惡意錯誤，系統(tǒng)應保護自己不受致命操作的破壞。7、 按功能對動作分類，并按此排列屏幕布局，設計者應提高命令和動作組織的內(nèi)聚性。8、 提供語境相關(guān)的幫助機制。1.3 信息顯示原則AE系統(tǒng)的應用軟件信息顯示遵循以下原則：1、 只顯示與當前用戶語境環(huán)境有關(guān)的信息。2、 不要用數(shù)據(jù)將用戶包圍，使用便于用戶迅速吸取信息的方式表現(xiàn)信息。3、 使用一致的標記、標準縮寫和可預測的顏色，顯示信息的含義應該非常明確，用戶不必再參考其它信息源。4、 產(chǎn)生有意義的出錯信息。5、 使用縮進和文本來輔助理解。6、 使用窗口分隔/控件分隔不同類型的信息。7、 高效地使用顯示器的顯示空間

3、。1.4 數(shù)據(jù)輸入原則AE系統(tǒng)的應用軟件數(shù)據(jù)輸入遵循以下原則：1、 盡量減少用戶輸入動作的數(shù)量；2、 維護信息顯示和數(shù)據(jù)輸入的一致性；3、 交互應該是靈活的，對鍵盤和鼠標輸入的靈活性提供支持；4、 在當前動作的語境中使用不合適的命令不起作用；5、 讓用戶控制交互流，用戶可以跳過不必要的動作、改變所需動作的順序（如果允許的話）以及在不退出系統(tǒng)的情況下從錯誤狀態(tài)中恢復；6、 為所有輸入的動作提供幫助；7、 消除冗余輸入。可能的話提供缺省值、絕不要讓用戶提供程序中可以自動獲取或計算出來的信息。2 用戶界面設計規(guī)范2.1 界面規(guī)范的總體規(guī)定本應用系統(tǒng)顯示界面總體上分為三幀：菜單工具欄區(qū)域、審計資料樹區(qū)

4、域和應用軟件工作區(qū)，如下圖1-1。圖1-1 AE系統(tǒng)界面總體規(guī)劃AE系統(tǒng)應用平臺，提供上述界面框架，其基本參數(shù)如下：1、 頂層依次包含系統(tǒng)菜單欄、快捷按鈕欄以及各應用所包含應用菜單欄，總高度為80。2、 下層中左幀為“審計資料樹”，可變化寬度，默認為200。3、 右?guī)瑸楦鲬没蚰K的“顯示頁” ，是用戶應用的功能容納區(qū)。4、 應用功能容納區(qū)寬度可變，默認為600。應用窗體有水平及垂直滾動條。5、 底部為狀態(tài)條高度為20，分為多欄，應用程序可通過接口填入內(nèi)容。2.2 界面一致性規(guī)范AE系統(tǒng)各軟件在界面設計中應該保持界面的一致性。一致性既包括：使用標準的控件；使用相同的信息表現(xiàn)方法，如：在字體、標

5、簽風格、顏色、術(shù)語、顯示錯誤信息等方面確保一致。2.2.1 顯示信息一致性規(guī)范1、 字體：系統(tǒng)缺省字體采用如下設置：（1） Font.Charset = GB2312_CHARSET，（2） Font.Color = clWindowText，（3） Font.Size = 9，（4） Font.Name = 宋體。2、 標簽提示：底色透明、無邊框、右對齊、帶冒號、一般情況使用缺省字體；3、 日期：采用長格式，一般情況使用缺省字體；4、 對齊方法：（1） 左對齊：一般文字、單個數(shù)字、日期等。（2） 右對齊：數(shù)字、時間、日期加時間。5、 窗體：分辨率默認為800*600，增強色16色，對于800

6、*600與1024*7686、 兩種分辨率自適應為全屏幕填充模式。窗體的比例一般是4：3（寬：高）這是一般窗體（如：主窗體） 或16:9。一般同類或大小差不多的窗體要設置成同樣的大小，輸入框、按鈕等要出現(xiàn)在相同位置這樣才有整體感觀。窗體類型要規(guī)范：該是對話框的就是對話框，不能使可以改變大小的?。?） FormStyle：需要平臺集成的窗體均為fsMDIChild，其余窗體為fsNormal或無限制但打開時以模態(tài)顯示（ShowModal）。（2） WindowState：需要平臺集成的窗體為wsMaximized，其余窗體無限制。（3） 其余屬性使用默認值。（4） 色彩值參考：控件及界面顏色應該

7、與平臺效果圖配色風格及色調(diào)統(tǒng)一或近似。平臺效果圖見下：上圖中的排列顯示風格供參考。在整體確定之后，AE系統(tǒng)各軟件必須遵從。如果這些信息的表現(xiàn)方式不一致，會使得用戶分散注意力，影響這一軟件的使用，因此開發(fā)者必須在同一軟件中表現(xiàn)形式的一致性。2.2.2 布局合理化要求布局力求簡潔、有序、易于操作。在一個窗口，應注意內(nèi)部所有控件的布局和信息組織的藝術(shù)性，使得用戶界面美觀。在一個窗口中按Tab鍵，移動聚焦的順序不能雜亂無章，Tab的順序是：先從上至下，再從左至右。一屏中首先應輸入的和重要信息的控件在Tab順序中應當靠前，位置也應放在窗口上較醒目的位置。2.2.3 鼠標與鍵盤對應要求應遵循的是可不用鼠標

8、的原則：應用中的功能只用鍵盤也應當可以完成，即：設計的應用中還應加入一些必要的按鈕和菜單項。2.2.4 按鈕命名規(guī)范為了保持軟件從風格到形式的上統(tǒng)一，需要對按鈕的顯示名稱統(tǒng)一進行規(guī)范。如果沒有特殊的要求，AE系統(tǒng)要求各個應用使用TBitBtn作為統(tǒng)一的按鈕控件，所有的按鈕顯示名稱均使用中文。圖表必須統(tǒng)一。另外，按鈕的顯示名稱盡量使用動詞，常用的按鈕名稱如下：確定、刪除、取消、退出、上一步、下一步、幫助、打印、新建、打開、保存、另存為、編輯、添加、撤銷、更新、應用、全選、拷貝、剪切、復制、插入、查找、替換、查詢、選項、導入、導出、匯總、分發(fā)、傳輸、發(fā)送。2.2.5 快捷鍵規(guī)范菜單項中的重要功能需

9、要提供快捷鍵?？旖萱I的命名遵循Windows習慣。其中：（一） AE系統(tǒng)軟件特有功能采用Alt+中文名稱拼音首字母（二） 面向事務的組合有Ctrl-D 刪除 ；Ctrl-F 尋找 ；Ctrl H替換；Ctrl-I 插入；Ctrl-N 新記錄 ；Ctrl-S 保存 Ctrl-O 打開；。等（三） 編輯Ctrl-A全選；Ctrl-C 拷貝；Ctrl-V 粘貼；Ctrl-X 剪切；Ctrl-Z撤消操作；Ctrl-Y恢復操作；。等（四） 文件操作Ctrl-P 打?。籆trl-W 關(guān)閉；。等（五） 系統(tǒng)菜單Alt-F文件；Alt-E編輯；Alt-T工具；AltW窗口；AltH幫助；。等（六） MS Wi

10、ndows保留鍵Ctrl-Esc 任務列表 ；Ctrl-F4 關(guān)閉窗口； Alt-F4 結(jié)束應用；Alt-Tab 下一應用 ；Enter 缺省按鈕/確認操作 ；Esc 取消按鈕/取消操作；。等2.2.6 圖標大小規(guī)范快捷按鈕使用的圖標尺寸為32*32。資料樹上使用的資料類型圖標尺寸為16*16。2.2.7 向?qū)В╓IZARD）使用規(guī)范對于應用中某些固定處理流程，用戶必須按照指定的順序輸入操作信息。為了使用戶操作得到必要的指引，要求應用軟件提供使用向?qū)?，對用戶的使用進行指導。固定流程指相對穩(wěn)定的處理流程，并且處理流程至少不少于3個處理步驟。2.3 系統(tǒng)響應時間規(guī)范系統(tǒng)響應時間包括兩個方面：時間長

11、度和時間的易變性。系統(tǒng)響應時間應該適中，系統(tǒng)響應時間過長，用戶就會感到不安和沮喪，而響應時間過短有時會造成用戶加快操作節(jié)奏，從而導致錯誤。在系統(tǒng)響應時間上堅持如下原則：響應時間長度界面設計0-10秒鼠標顯示成為沙漏10到18秒由微幫助（Hint）來顯示處理進度18秒以上顯示處理窗口，或顯示進度條一個長時間的處理完成時應給予完成警告信息響應時間的易變性界面設計用戶感覺不到不考慮用戶稍微感覺到由微幫助（Hint）提供易變性說明易變性大而且時間絕對差別大顯示易變性提示2.4 用戶幫助設施規(guī)范常用的幫助設施有兩種：集成的和附加的。集成的幫助設施一開始就是設計在軟件中的，它與語境有關(guān)，用戶可以直接選擇與

12、所要執(zhí)行操作相關(guān)的主題。通過集成幫助設施可以縮短用戶獲得幫助的時間，增加界面的友好性。附加的幫助設施是在系統(tǒng)建好以后再加進去的。通常是一種查詢能力比較弱的聯(lián)機幫助。要求AE系統(tǒng)的應用軟件提供這兩種幫助設施，設計和實現(xiàn)時遵循以下規(guī)范：1、 進行系統(tǒng)交互時，提供部分幫助功能，即：提供主要操作的幫助。2、 用戶可以通過幫助菜單、F1鍵和幫助按鈕（如果有的話）訪問幫助。3、 表示幫助時根據(jù)需要提供三種方式的選擇：另一個窗體、微幫助和指出參考某個文檔。4、 用戶如何回到正常交互方式有兩種選擇：返回鍵和功能鍵。5、 幫助信息的構(gòu)造：采用分層式幫助。6、 微幫助提供：由狀態(tài)欄提供，或控件上的提示文本。2.5 出錯信息和警告規(guī)范出錯信息和警告是指出現(xiàn)問題時系統(tǒng)給出的提示消息。對于出錯信息和警告，AE系統(tǒng)的應用軟件應該遵循以下規(guī)范：1、 信息以用戶可以理解的術(shù)語描述。2、 信息應提供如何從錯誤中恢復的建設性意見。3、 信息應指出錯誤可能導致哪些不良后果，以便用戶檢查是否出現(xiàn)了這些情況或幫助