用戶界面設(shè)計(jì)的基本原則

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

2、認(rèn)。7、8、螁在數(shù)據(jù)錄入上允許取消大多數(shù)操作。9、10、蒂減少在動作間必須記憶的信息數(shù)量。11、12、蒈允許用戶非惡意錯(cuò)誤，系統(tǒng)應(yīng)保護(hù)自己不受致命操作的破壞。13、14、薅按功能對動作分類，并按此排列屏幕布局，設(shè)計(jì)者應(yīng)提高命令和動作組 膂織的內(nèi)聚性。15、16、衿提供語境相關(guān)的幫助機(jī)制。2.52.6膇信息顯示原則薅 AE 系統(tǒng)的應(yīng)用軟件信息顯示遵循以下原則：1、2、薃只顯示與當(dāng)前用戶語境環(huán)境有關(guān)的信息。3、4、蟻不要用數(shù)據(jù)將用戶包圍，使用便于用戶迅速吸取信息的方式表現(xiàn)信息。5、6、羅使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫和可預(yù)測的顏色，顯示信息的含義應(yīng)該非常 蚅明確，用戶不必再參考其它信息源。7、8、羃產(chǎn)生

3、有意義的出錯(cuò)信息。9、10、聿使用縮進(jìn)和文本來輔助理解。11、12、羈使用窗口分隔 /控件分隔不同類型的信息。13、14、螅高效地使用顯示器的顯示空間。2.72.8肀數(shù)據(jù)輸入原則螁 AE 系統(tǒng)的應(yīng)用軟件數(shù)據(jù)輸入遵循以下原則：1、2、螇盡量減少用戶輸入動作的數(shù)量；3、4、裊維護(hù)信息顯示和數(shù)據(jù)輸入的一致性；5、6、蒁交互應(yīng)該是靈活的，對鍵盤和鼠標(biāo)輸入的靈活性提供支持；7、8、艿在當(dāng)前動作的語境中使用不合適的命令不起作用；9、10、薆讓用戶控制交互流，用戶可以跳過不必要的動作、改變所需動作的順序 羄（如果允許的話）以及在不退出系統(tǒng)的情況下從錯(cuò)誤狀態(tài)中恢復(fù)；11、12、袂為所有輸入的動作提供幫助；13

4、、14、羈消除冗余輸入。可能的話提供缺省值、絕不要讓用戶提供程序中可以自蕿動獲取或計(jì)算出來的信息4肄用戶界面設(shè)計(jì)規(guī)范4.14.2芃界面規(guī)范的總體規(guī)定葿本應(yīng)用系統(tǒng)顯示界面總體上分為三幀：菜單工具欄區(qū)域、審計(jì)資料樹區(qū)域和應(yīng)用軟件工作區(qū)， 如下圖 1-1。莈圖 1-1AE 系統(tǒng)界面總體規(guī)劃膄 AE 系統(tǒng)應(yīng)用平臺，提供上述界面框架，其基本參數(shù)如下：1、2、蚄頂層依次包含系統(tǒng)菜單欄、快捷按鈕欄以及各應(yīng)用所包含應(yīng)用菜單欄，膁 總高度為 80。3、4、 肇下層中左幀為“審計(jì)資料樹” ，可變化寬度，默認(rèn)為 200。5、6、膄右?guī)瑸楦鲬?yīng)用或模塊的“顯示頁” ，是用戶應(yīng)用的功能容納區(qū)。7、8、 袁應(yīng)用功能容納區(qū)寬

5、度可變，默認(rèn)為 600。應(yīng)用窗體有水平及垂直滾動條。9、10、薈底部為狀態(tài)條高度為 20，分為多欄，應(yīng)用程序可通過接口填入內(nèi)容。4.34.4袆界面一致性規(guī)范芄 AE 系統(tǒng)各軟件在界面設(shè)計(jì)中應(yīng)該保持界面的一致性。芁一致性既包括：使用標(biāo)準(zhǔn)的控件；使用相同的信息表現(xiàn)方法，如：在字體、標(biāo)簽風(fēng)格、顏色、 術(shù)語、顯示錯(cuò)誤信息等方面確保一致。.2芀顯示信息一致性規(guī)范 ?1、2、袈字體：系統(tǒng)缺省字體采用如下設(shè)置：（1）（2）莄 Font.Charset=GB2312_CHARSET，（3）（4）螞 Font.Color=clWindowText ，（5）（ 6）螈 Font.Size=9，（7

6、）（8）蚇 Font.Name=宋體 。3、4、蒄標(biāo)簽提示：底色透明、無邊框、右對齊、帶冒號、一般情況使用缺省字肅體；?5、6、蒀日期：采用長格式，一般情況使用缺省字體；7、8、蒆對齊方法：（1）（2）薄?左對齊：一般文字、單個(gè)數(shù)字、日期等。（3）（4）蒄?右對齊：數(shù)字、時(shí)間、日期加時(shí)間。9、10、羈窗體：分辨率默認(rèn)為 800*600，增強(qiáng)色 16 色，對于 800*600 與 1024*76811、12、葿兩種分辨率自適應(yīng)為全屏幕填充模式。窗體的比例一般是4：3（寬：高）這是一般窗體（如：主窗體）或 16:9。一般同類或大小差不多的窗體要設(shè)置成同樣的大小，輸入框、按 鈕等要出現(xiàn)在相同位置這樣

7、才有整體感觀。窗體類型要規(guī)范：該是對話框的就是對話框， 不能使可以改變大小的！（1）（ 2）蚃 FormStyle：需要平臺集成的窗體均為 fsMDIChild ，其余窗體為 fsNormal 或無限制 但打開時(shí)以模態(tài)顯示（ ShowModal）。（3）（4）薁 WindowState：需要平臺集成的窗體為 wsMaximized ，其余窗體無限制。（5）（6）蝕其余屬性使用默認(rèn)值。（7）（8）羋色彩值參考：螃控件及界面顏色應(yīng)該與平臺效果圖配色風(fēng)格及色調(diào)統(tǒng)一或近似。平臺效果圖見下：羂上圖中的排列顯示風(fēng)格供參考。在整體確定之后， AE 系統(tǒng)各軟件必須遵從。莂如果這些信息的表現(xiàn)方式不一致，會使得用

8、戶分散注意力，影響這一軟件的使用，因此開發(fā)者必須在同一軟件中表現(xiàn)形式的一致性。.4肇布局合理化要求螃布局力求簡潔、有序、易于操作。莃在一個(gè)窗口，應(yīng)注意內(nèi)部所有控件的布局和信息組織的藝術(shù)性，使得用戶界面美觀。袀在一個(gè)窗口中按 Tab 鍵，移動聚焦的順序不能雜亂無章， Tab?的順序是：先從上至下，再從左 至右。一屏中首先應(yīng)輸入的和重要信息的控件在 Tab 順序中應(yīng)當(dāng)靠前， 位置也應(yīng)放在窗口上較醒目 的位置。?.6螆鼠標(biāo)與鍵盤對應(yīng)要求袃應(yīng)遵循的是可不用鼠標(biāo)的原則：應(yīng)用中的功能只用鍵盤也應(yīng)當(dāng)可以完成，即：設(shè)計(jì)的應(yīng)用中還 應(yīng)加入一些必要的按鈕和菜單項(xiàng)。 ?4.4.74.

9、4.8螄按鈕命名規(guī)范薁為了保持軟件從風(fēng)格到形式的上統(tǒng)一，需要對按鈕的顯示名稱統(tǒng)一進(jìn)行規(guī)范。衿如果沒有特殊的要求， AE 系統(tǒng)要求各個(gè)應(yīng)用使用 TBitBtn 作為統(tǒng)一的按鈕控件，所有的按鈕 顯示名稱均使用中文。圖表必須統(tǒng)一。羃另外，按鈕的顯示名稱盡量使用動詞，常用的按鈕名稱如下：袀確定、刪除、取消、退出、上一步、下一步、幫助、打印、新建、打開、保存、另存為、編 輯、添加、撤銷、更新、應(yīng)用、全選、拷貝、剪切、復(fù)制、插入、查找、替換、查詢、選項(xiàng)、導(dǎo)入、 導(dǎo)出、匯總、分發(fā)、傳輸、發(fā)送。.10罿快捷鍵規(guī)范薇菜單項(xiàng)中的重要功能需要提供快捷鍵?？旖萱I的命名遵循 Windows 習(xí)慣。肅其中

10、：（一）（二）莁AE 系統(tǒng)軟件特有功能采用 Alt+中文名稱拼音首字母（三）（四）蟻面向事務(wù)的組合有莆 Ctrl-D 刪除； Ctrl-F 尋找； CtrlH 替換； Ctrl-I 插入；莇 Ctrl-N 新記錄； Ctrl-S 保存 Ctrl-O 打開；螂。等（五）（六）腿編輯荿 Ctrl-A 全選； Ctrl-C 拷貝； Ctrl-V 粘貼；蕆 Ctrl-X 剪切； Ctrl-Z 撤消操作； Ctrl-Y 恢復(fù)操作；膃。等（七）八） 袁文件操作膈 Ctrl-P 打?。?Ctrl-W 關(guān)閉；薆。（九） 十）薄系統(tǒng)菜單荿Alt-F 文件； Alt-E 編輯； Alt-T 工具； Alt W 窗

11、口； Alt H 幫助；羇。十二） 蚆 MSWindows 保留鍵蟻 Ctrl-Esc 任務(wù)列表； Ctrl-F4 關(guān)閉窗口；肁 Alt-F4 結(jié)束應(yīng)用； Alt-Tab 下一應(yīng)用； 蚆Enter缺省按鈕/確認(rèn)操作； Esc取消按鈕/取消操作； 螆。等.12肂圖標(biāo)大小規(guī)范葿快捷按鈕使用的圖標(biāo)尺寸為 32*32。蝿資料樹上使用的資料類型圖標(biāo)尺寸為 16*164.4.13 4.4.14袆向?qū)В?WIZARD ）使用規(guī)范蒃對于應(yīng)用中某些固定處理流程，用戶必須按照指定的順序輸入操作信息。為了使用戶操作得到必要的指引，要求應(yīng)用軟件提供使用向?qū)?，對用戶的使用進(jìn)行指導(dǎo)。芀固定流程指相對穩(wěn)定

12、的處理流程，并且處理流程至少不少于 3 個(gè)處理步驟。4.54.6蒈系統(tǒng)響應(yīng)時(shí)間規(guī)范羆系統(tǒng)響應(yīng)時(shí)間包括兩個(gè)方面：時(shí)間長度和時(shí)間的易變性。襖系統(tǒng)響應(yīng)時(shí)間應(yīng)該適中，系統(tǒng)響應(yīng)時(shí)間過長，用戶就會感到不安和沮喪，而響應(yīng)時(shí)間過短有時(shí)會造成用戶加快操作節(jié)奏，從而導(dǎo)致錯(cuò)誤蚈在系統(tǒng)響應(yīng)時(shí)間上堅(jiān)持如下原則：芆響應(yīng)時(shí)間長度羆界面設(shè)計(jì)羀 0-10?秒 ?莀?鼠?標(biāo)?顯?示?成?為?沙?漏肅 10?到 18?秒 ?肆由微幫助（ Hint ）來顯示處理進(jìn)度莁 18?秒 ?以 ?上?袈顯示處理窗口，或顯示進(jìn)度條 ?肈一個(gè)長時(shí)間的處理完成時(shí)膆應(yīng)給予完成警告信息 ?螂響應(yīng)時(shí)間的易變性薀界面設(shè)計(jì)袇用戶感覺不到 ?芅 ?不考慮 ?膃

13、用戶稍微感覺到肈由微幫助（ Hint ）提供易變性說明薆易變性大而且時(shí)間絕對差別大蒞顯示易變性提示4.74.8薄用戶幫助設(shè)施規(guī)范螀常用的幫助設(shè)施有兩種：集成的和附加的。蠆集成的幫助設(shè)施一開始就是設(shè)計(jì)在軟件中的，它與語境有關(guān)，用戶可以直接選擇與所要執(zhí)行操作相關(guān)的主題。通過集成幫助設(shè)施可以縮短用戶獲得幫助的時(shí)間，增加界面的友好性。蒅附加的幫助設(shè)施是在系統(tǒng)建好以后再加進(jìn)去的。通常是一種查詢能力比較弱的聯(lián)機(jī)幫助。螁要求 AE 系統(tǒng)的應(yīng)用軟件提供這兩種幫助設(shè)施，設(shè)計(jì)和實(shí)現(xiàn)時(shí)遵循以下規(guī)范：1、2、蒂進(jìn)行系統(tǒng)交互時(shí)，提供部分幫助功能，即：提供主要操作的幫助。3、4、蒈用戶可以通過幫助菜單、 F1 鍵和幫助按鈕（如果有的話）訪問幫助。5、6、薅表示幫助時(shí)根據(jù)需要提供三種方式的選擇：另一個(gè)窗體、微幫助和指出膂參考某個(gè)文檔。7、8、衿用戶如何回到正常交互方式有兩種選擇：返回鍵和功能鍵。9、10、膇幫助信息的構(gòu)造：采用分層式幫助。11、微幫助提供：由狀態(tài)欄提供，或控件上的提示文本。4.9出錯(cuò)信息和警告規(guī)范出錯(cuò)信息和警告是指出現(xiàn)問題時(shí)系統(tǒng)給出的提示消息。對于出錯(cuò)信息和警告， AE 系統(tǒng)的應(yīng)用軟件應(yīng)該遵循以下規(guī)范：1、信息以用戶可以理解的術(shù)語描述。2、信息應(yīng)提供如何從錯(cuò)誤中恢復(fù)的建設(shè)性意見。3、信息應(yīng)指出錯(cuò)誤可能導(dǎo)致哪些