用戶界面設(shè)計的基本原則.doc

《用戶界面設(shè)計的基本原則.doc》由會員分享，可在線閱讀，更多相關(guān)《用戶界面設(shè)計的基本原則.doc（9頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1 用戶界面設(shè)計的基本原則 1.1 用戶界面設(shè)計原則 基于本平臺開發(fā)的應(yīng)用軟件應(yīng)堅持圖形用戶界面（GUI）設(shè)計原則： 1、 界面直觀、對用戶透明：用戶接觸軟件后對界面上對應(yīng)的功能一目了然、不需要太多培訓就可以方便使用本應(yīng)用系統(tǒng)。 2、 始終強調(diào)軟件用戶是所有處理的核心：用戶界面應(yīng)當由用戶來控制應(yīng)用如何工作、如何響應(yīng)，而不是由開發(fā)者按自己的意愿把操作流程強加給用戶。 1.2 一般交互原則 AE系統(tǒng)的應(yīng)用軟件的一般交互遵循以下原則： 1、 一致性：菜單選擇、數(shù)據(jù)顯示以及其它功能都應(yīng)使用一致的格式。 2、 提供有意義的反饋。 3、 執(zhí)行有較大破壞性的動作前要求確認。 4、 在數(shù)據(jù)錄入上允許取消大多數(shù)操作。 5、 減少在動作間必須記憶的信息數(shù)量。 6、 允許用戶非惡意錯誤，系統(tǒng)應(yīng)保護自己不受致命操作的破壞。 7、 按功能對動作分類，并按此排列屏幕布局，設(shè)計者應(yīng)提高命令和動作組 織的內(nèi)聚性。 8、 提供語境相關(guān)的幫助機制。 1.3 信息顯示原則 AE系統(tǒng)的應(yīng)用軟件信息顯示遵循以下原則： 1、 只顯示與當前用戶語境環(huán)境有關(guān)的信息。 2、 不要用數(shù)據(jù)將用戶包圍，使用便于用戶迅速吸取信息的方式表現(xiàn)信息。 3、 使用一致的標記、標準縮寫和可預(yù)測的顏色，顯示信息的含義應(yīng)該非常 明確，用戶不必再參考其它信息源。 4、 產(chǎn)生有意義的出錯信息。 5、 使用縮進和文本來輔助理解。 6、 使用窗口分隔/控件分隔不同類型的信息。 7、 高效地使用顯示器的顯示空間。 1.4 數(shù)據(jù)輸入原則 AE系統(tǒng)的應(yīng)用軟件數(shù)據(jù)輸入遵循以下原則： 1、 盡量減少用戶輸入動作的數(shù)量； 2、 維護信息顯示和數(shù)據(jù)輸入的一致性； 3、 交互應(yīng)該是靈活的，對鍵盤和鼠標輸入的靈活性提供支持； 4、 在當前動作的語境中使用不合適的命令不起作用； 5、 讓用戶控制交互流，用戶可以跳過不必要的動作、改變所需動作的順序 （如果允許的話）以及在不退出系統(tǒng)的情況下從錯誤狀態(tài)中恢復； 6、 為所有輸入的動作提供幫助； 7、 消除冗余輸入?？赡艿脑捥峁┤笔≈?、絕不要讓用戶提供程序中可以自 動獲取或計算出來的信息。 2 用戶界面設(shè)計規(guī)范 2.1 界面規(guī)范的總體規(guī)定 本應(yīng)用系統(tǒng)顯示界面總體上分為三幀：菜單工具欄區(qū)域、審計資料樹區(qū)域和應(yīng)用軟件工作區(qū)，如下圖1-1。 圖1-1 AE系統(tǒng)界面總體規(guī)劃 AE系統(tǒng)應(yīng)用平臺，提供上述界面框架，其基本參數(shù)如下： 1、 頂層依次包含系統(tǒng)菜單欄、快捷按鈕欄以及各應(yīng)用所包含應(yīng)用菜單欄， 總高度為80。 2、 下層中左幀為“審計資料樹”，可變化寬度，默認為200。 3、 右?guī)瑸楦鲬?yīng)用或模塊的“顯示頁” ，是用戶應(yīng)用的功能容納區(qū)。 4、 應(yīng)用功能容納區(qū)寬度可變，默認為600。應(yīng)用窗體有水平及垂直滾動條。 5、 底部為狀態(tài)條高度為20，分為多欄，應(yīng)用程序可通過接口填入內(nèi)容。 2.2 界面一致性規(guī)范 AE系統(tǒng)各軟件在界面設(shè)計中應(yīng)該保持界面的一致性。 一致性既包括：使用標準的控件；使用相同的信息表現(xiàn)方法，如：在字體、標簽風格、顏色、術(shù)語、顯示錯誤信息等方面確保一致。 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、 標簽提示：底色透明、無邊框、右對齊、帶冒號、一般情況使用缺省字 體； 3、 日期：采用長格式，一般情況使用缺省字體； 4、 對齊方法： （1） 左對齊：一般文字、單個數(shù)字、日期等。 （2） 右對齊：數(shù)字、時間、日期加時間。 5、 窗體：分辨率默認為800*600，增強色16色，對于800*600與1024*768 6、 兩種分辨率自適應(yīng)為全屏幕填充模式。窗體的比例一般是4：3（寬：高）——這是一般窗體（如：主窗體） 或16:9。一般同類或大小差不多的窗體要設(shè)置成同樣的大小，輸入框、按鈕等要出現(xiàn)在相同位置——這樣才有整體感觀。窗體類型要規(guī)范：該是對話框的就是對話框，不能使可以改變大小的！ （1） FormStyle：需要平臺集成的窗體均為fsMDIChild，其余窗體為fsNormal或無限制但打開時以模態(tài)顯示（ShowModal）。 （2） WindowState：需要平臺集成的窗體為wsMaximized，其余窗體無限制。 （3） 其余屬性使用默認值。 （4） 色彩值參考： 控件及界面顏色應(yīng)該與平臺效果圖配色風格及色調(diào)統(tǒng)一或近似。平臺效果圖見下： 上圖中的排列顯示風格供參考。在整體確定之后，AE系統(tǒng)各軟件必須遵從。 如果這些信息的表現(xiàn)方式不一致，會使得用戶分散注意力，影響這一軟件的使用，因此開發(fā)者必須在同一軟件中表現(xiàn)形式的一致性。 2.2.2 布局合理化要求 布局力求簡潔、有序、易于操作。 在一個窗口，應(yīng)注意內(nèi)部所有控件的布局和信息組織的藝術(shù)性，使得用戶界面美觀。 在一個窗口中按Tab鍵，移動聚焦的順序不能雜亂無章，Tab的順序是：先從上至下，再從左至右。一屏中首先應(yīng)輸入的和重要信息的控件在Tab順序中應(yīng)當靠前，位置也應(yīng)放在窗口上較醒目的位置。 2.2.3 鼠標與鍵盤對應(yīng)要求 應(yīng)遵循的是可不用鼠標的原則：應(yīng)用中的功能只用鍵盤也應(yīng)當可以完成，即：設(shè)計的應(yīng)用中還應(yīng)加入一些必要的按鈕和菜單項。 2.2.4 按鈕命名規(guī)范 為了保持軟件從風格到形式的上統(tǒng)一，需要對按鈕的顯示名稱統(tǒng)一進行規(guī)范。 如果沒有特殊的要求，AE系統(tǒng)要求各個應(yīng)用使用TBitBtn作為統(tǒng)一的按鈕控件，所有的按鈕顯示名稱均使用中文。圖表必須統(tǒng)一。 另外，按鈕的顯示名稱盡量使用動詞，常用的按鈕名稱如下： 確定、刪除、取消、退出、上一步、下一步、幫助、打印、新建、打開、保存、另存為、編輯、添加、撤銷、更新、應(yīng)用、全選、拷貝、剪切、復制、插入、查找、替換、查詢、選項、導入、導出、匯總、分發(fā)、傳輸、發(fā)送。 2.2.5 快捷鍵規(guī)范 菜單項中的重要功能需要提供快捷鍵。快捷鍵的命名遵循Windows習慣。 其中： （一） AE系統(tǒng)軟件特有功能采用Alt+中文名稱拼音首字母 （二） 面向事務(wù)的組合有 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工具；Alt－W窗口；Alt－H幫助； 。。。等 （六） MS Windows保留鍵 Ctrl-Esc 任務(wù)列表 ；Ctrl-F4 關(guān)閉窗口； Alt-F4 結(jié)束應(yīng)用；Alt-Tab 下一應(yīng)用 ； Enter 缺省按鈕/確認操作 ；Esc 取消按鈕/取消操作； 。。。等 2.2.6 圖標大小規(guī)范 快捷按鈕使用的圖標尺寸為32*32。 資料樹上使用的資料類型圖標尺寸為16*16。 2.2.7 向?qū)В╓IZARD）使用規(guī)范 對于應(yīng)用中某些固定處理流程，用戶必須按照指定的順序輸入操作信息。為了使用戶操作得到必要的指引，要求應(yīng)用軟件提供使用向?qū)?，對用戶的使用進行指導。 固定流程指相對穩(wěn)定的處理流程，并且處理流程至少不少于3個處理步驟。 2.3 系統(tǒng)響應(yīng)時間規(guī)范 系統(tǒng)響應(yīng)時間包括兩個方面：時間長度和時間的易變性。 系統(tǒng)響應(yīng)時間應(yīng)該適中，系統(tǒng)響應(yīng)時間過長，用戶就會感到不安和沮喪，而響應(yīng)時間過短有時會造成用戶加快操作節(jié)奏，從而導致錯誤。 在系統(tǒng)響應(yīng)時間上堅持如下原則： 響應(yīng)時間長度 界面設(shè)計 0-10秒 鼠標顯示成為沙漏 10到18秒 由微幫助（Hint）來顯示處理進度 18秒以上 顯示處理窗口，或顯示進度條 一個長時間的處理完成時 應(yīng)給予完成警告信息 響應(yīng)時間的易變性 界面設(shè)計 用戶感覺不到 不考慮 用戶稍微感覺到 由微幫助（Hint）提供易變性說明 易變性大而且時間絕對差別大 顯示易變性提示 2.4 用戶幫助設(shè)施規(guī)范 常用的幫助設(shè)施有兩種：集成的和附加的。 集成的幫助設(shè)施一開始就是設(shè)計在軟件中的，它與語境有關(guān)，用戶可以直接選擇與所要執(zhí)行操作相關(guān)的主題。通過集成幫助設(shè)施可以縮短用戶獲得幫助的時間，增加界面的友好性。 附加的幫助設(shè)施是在系統(tǒng)建好以后再加進去的。通常是一種查詢能力比較弱的聯(lián)機幫助。 要求AE系統(tǒng)的應(yīng)用軟件提供這兩種幫助設(shè)施，設(shè)計和實現(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)的應(yīng)用軟件應(yīng)該遵循以下規(guī)范： 1、 信息以用戶可以理解的術(shù)語描述。 2、 信息應(yīng)提供如何從錯誤中恢復的建設(shè)性意見。 3、 信息應(yīng)指出錯誤可能導致哪些不良后果，以便用戶檢查是否出現(xiàn)了這些 情況或幫助用戶進行改正。 4、 信息應(yīng)伴隨著視覺上的提示，如特殊的圖像、顏色或信息閃爍。 5、 信息不能帶有批判色彩，即任何情況下不能指責用戶。 3 用戶界面設(shè)計更改和追加說明 3.1 更改說明 更改本用戶界面設(shè)計規(guī)范時應(yīng)該征得其他開發(fā)者的同意，所有開發(fā)者應(yīng)該按更正后的原則修改和設(shè)計用戶界面。 3.2 追加說明 追加本用戶界面設(shè)計時應(yīng)該發(fā)布給所有開發(fā)者，所有開發(fā)者應(yīng)該按追加后的原則修改和設(shè)計用戶界面。 4 其它 無。