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

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

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

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

4、-1AE 系統(tǒng)界面總體規(guī)劃AE 系統(tǒng)應(yīng)用平臺(tái)，提供上述界面框架，其基本參數(shù)如下：1、頂層依次包含系統(tǒng)菜單欄、快捷按鈕欄以及各應(yīng)用所包含應(yīng)用菜單欄，總高度為80。2、下層中左幀為“審計(jì)資料樹(shù)”，可變化寬度，默認(rèn)為200。3、右?guī)瑸楦鲬?yīng)用或模塊的“顯示頁(yè)”，是用戶(hù)應(yīng)用的功能容納區(qū)。4、應(yīng)用功能容納區(qū)寬度可變，默認(rèn)為600。應(yīng)用窗體有水平及垂直滾動(dòng)條。5、底部為狀態(tài)條高度為20，分為多欄，應(yīng)用程序可通過(guò)接口填入內(nèi)容。2.2 界面一致性規(guī)范AE 系統(tǒng)各軟件在界面設(shè)計(jì)中應(yīng)該保持界面的一致性。一致性既包括：使用標(biāo)準(zhǔn)的控件；使用相同的信息表現(xiàn)方法，如：在字體、標(biāo)簽風(fēng)格、顏色、術(shù)語(yǔ)、顯示錯(cuò)誤信息等方面確保一致

5、。2.2.1 顯示信息一致性規(guī)范?1、字體：系統(tǒng)缺省字體采用如下設(shè)置：（ 1） Font.Charset=GB2312_CHARSET，（ 2） Font.Color=clWindowText，（ 3） Font.Size=9，（ 4） Font.Name=宋體'。2、標(biāo)簽提示：底色透明、無(wú)邊框、右對(duì)齊、帶冒號(hào)、一般情況使用缺省字體； ?3、日期：采用長(zhǎng)格式，一般情況使用缺省字體；4、對(duì)齊方法：（ 1） ?左對(duì)齊：一般文字、單個(gè)數(shù)字、日期等。（ 2） ?右對(duì)齊：數(shù)字、時(shí)間、日期加時(shí)間。5、窗體：分辨率默認(rèn)為800*600，增強(qiáng)色16 色，對(duì)于800*600 與 1024*7686、兩種

6、分辨率自適應(yīng)為全屏幕填充模式。窗體的比例一般是4： 3（寬：高）這是一般窗體（如：主窗體）或16:9。一般同類(lèi)或大小差不多的窗體要設(shè)置成同樣的大小，輸入框、按鈕等要出現(xiàn)在相同位置這樣才有整體感觀(guān)。窗體類(lèi)型要規(guī)范：該是對(duì)話(huà)框的就是對(duì)話(huà)框，不能使可以改變大小的?。?） FormStyle：需要平臺(tái)集成的窗體均為 fsMDIChild ,其余窗體為fsNormal或無(wú)限制但打開(kāi)時(shí)以模態(tài)顯示（ShowModal） 。（2） WindowState：需要平臺(tái)集成的窗體為 wsMaximized,其余窗體無(wú)限制。（ 3）其余屬性使用默認(rèn)值。（ 4）色彩值參考：控件及界面顏色應(yīng)該與平臺(tái)效果圖配色風(fēng)格及色調(diào)統(tǒng)

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

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

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

10、ltH 幫助；0 0 0等（六）MSWindows保留鍵Ctrl-Esc任務(wù)列表；Ctrl-F4關(guān)閉窗口；Alt-F4結(jié)束應(yīng)用；Alt-Tab下一應(yīng)用；Enter缺省按鈕/確認(rèn)操作；Esc取消按鈕/取消操作；0 0 0等1.1.6 圖標(biāo)大小規(guī)范快捷按鈕使用的圖標(biāo)尺寸為32*32。資料樹(shù)上使用的資料類(lèi)型圖標(biāo)尺寸為 16*16。1.1.7 向?qū)В╓IZARD ）使用規(guī)范對(duì)于應(yīng)用中某些固定處理流程，用戶(hù)必須按照指定的順序輸入操作信息。為了使用戶(hù)操作得到必要的指引，要求應(yīng)用軟件提供使用向?qū)?，?duì)用戶(hù)的使用進(jìn)行指導(dǎo)。固定流程指相對(duì)穩(wěn)定的處理流程，并且處理流程至少不少于3個(gè)處理步驟。2.3 系統(tǒng)響應(yīng)時(shí)間規(guī)范

11、系統(tǒng)響應(yīng)時(shí)間包括兩個(gè)方面：時(shí)間長(zhǎng)度和時(shí)間的易變性。系統(tǒng)響應(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?秒？?鼠淅？顯?示?成？為？沙洲10?到 18?# ?由微幫助（Hint）來(lái)顯示處理進(jìn)度18?# ?以？上？顯示處理窗口，或顯示進(jìn)度條？一個(gè)長(zhǎng)時(shí)間的處理完成時(shí)應(yīng)給予完成警告信息？響應(yīng)時(shí)間的易變性界面設(shè)計(jì)用戶(hù)感覺(jué)/、到？?小考慮？用戶(hù)稍微感覺(jué)到由微幫助（Hint）提供易變性說(shuō)明顯示易變性提示易變性大而且時(shí)間絕對(duì)差別大2.4 用戶(hù)幫助設(shè)施規(guī)范常用的幫助設(shè)施有兩種：集成的

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