1引言
1.1設計說明
本文檔是對系統界面設計風格進行描述,和用戶交互的最終界面在《詳細設計說明書》中設計和解釋。
1.2概念和定義
用戶界面:又稱人機界面,實現用戶與計算機之間得通信,以控制計算機或進行用戶和計算機之間得數據傳送得系統部件。
GUI:即圖形用戶界面,一種可視化得用戶界面,它使用圖形界面代替正文界面。
1.3用戶假定
將使用本系統的用戶定義為:對應用程序或計算機的一般用法有一定了解,用戶希望界面符合WINDOWS9X特別是OFFICE97風格,對易用性、簡潔性有比較高的要求,對界面快速交互沒有很強的要求(即不希望通過命令方式快速交互)。
2用戶界面設計規范
2.1用戶界面設計原則
本系統堅持圖形用戶界面(GUI)設計原則,界面直觀、對用戶透明:用戶接觸軟件后對界面上對應的功能一目了然、不需要多少培訓就可以方便使用本應用系統。
界面設計員應該明白軟件中用戶是所有處理的核心,不應該有應用程序來決定處理過程,所以用戶界面應當由用戶來控制應用如何工作、如何響應,而不是由開發者按自己的意愿把*作流程強加給用戶。
界面設計必須經過確認才能完成。
2.2界面一致性
在界面設計中應該保持界面的一致性。一致性既包括使用標準的控件,也指使用相同的信息表現方法,如在字體、標簽風格、顏色、術語、顯示錯誤信息等方面確保一致。
1)顯示信息一致性標準
(1)標簽提示:字體為不加重、宋體、黑色、灰底或透明、無邊框、右對齊、不帶冒號、一般情況為五號(10號);
(2)日期:正常字體、宋體、白底黑字、3-D lowered;
(3)對齊方法:
l 左對齊:一般文字、單個數字、日期等
l 右對齊:數字、時間、日期加時間。
(4)分辨率為800*600,增強色16色
(5)字體缺省為宋替、五號、黑色
(6)底色缺省采用灰色
這些信息的排列顯示風格供參考, 在同一個應用中,這些信息的表現方式不一致,會使得用戶分散注意力,影響這一軟件的使用,因此開發者應當注意在同一軟件中表現形式的一致性。
2)布局合理化原則
應注意在一個窗口內部所有控件的布局和信息組織的藝術性,使得用戶界面美觀。
在一個窗口中按tab鍵,移動聚焦的順序不能雜亂無章,tab 的順序是先從上至下,再從左至右。一屏中首先應輸入的和重要信息的控件在tab順序中應當靠前,位置也應放在窗口上較醒目的位置。 布局力求簡潔、有序、易于*作。
3)鼠標與鍵盤對應原則
應遵循的是可不用鼠標的原則:應用中的功能只用鍵盤也應當可以完成,即設計的應用中還應加入一些必要的按鈕和菜單項。
但是,許多鼠標的*作,如雙擊、拖動對象等,并不能簡單地用鍵盤來模擬即可實現。例如在一個列表框中用鼠標雙擊其中一項可以表示選中該項內容。為了用鍵盤也能實現這一功能,必須在窗口中定義一個表示選中的按鈕,以作為實現雙擊功能的替代(或其它方式)。又如在一個窗口中有兩個數據窗口,可以用鼠標從一個數據窗口中將一項拖出然后放到另一個中。如果只用鍵盤,就應當在菜單中設置拷貝或移動的菜單項。
4)快捷鍵
在菜單項中使用快捷鍵可以讓使用鍵盤的用戶*作得更快一些,在西文Windows及其應用軟件中快捷鍵的使用大多是一致的。本系統中應用的快捷鍵在各個配置項上語義必須保持一致。
面向事務的:
l Ctrl-D 刪除
l Ctrl-F 尋找
l Ctrl-I 插入
l Ctrl-N 新記錄
l Ctrl-S 保存
查詢/列表:
l Ctrl-O
l Ctrl-R
其它:
l Ctrl-C 拷貝
l Ctrl-H 幫助
l Ctrl-P 打印
l Ctrl-V 粘貼
l Ctrl-W 關閉
l Ctrl-X 剪切
MS Windows保留鍵:
l Ctrl-Tab 下一窗口
l Ctrl-Esc 任務列表
l Ctrl-F4 關閉窗口
l Alt-F4 結束應用
l Alt-Tab 下一應用
l Enter 缺省按鈕/確認*作
l Esc 取消按鈕/取消*作
l Shift-F1 上下文相關幫助
其它快捷鍵
其它快捷鍵使用漢語拼音的開頭字母,不常用的可以沒有快捷鍵。
2.3向導(WIZARD)使用原則
對于應用中某些部分的處理流程是固定的,用戶必須按照指定的順序輸入*作信息,為了使用戶*作得到必要的引用應該使用向導,使用戶使用功能時比較輕松明了,但是向導必須用在固定處理流程中,并且處理流程應該不少于3個處理步驟。
2.4系統響應時間
系統響應時間包括兩個方面:時間長度和時間的易變性。用戶響應時間應該適中,系統響應時間過長,用戶就會感到不安和沮喪,而響應時間過短有時會造成用戶加快*作節奏,從而導致錯誤。系統響應時間的易變性是指相對于平均響應時間的偏差。即使響應時間比較長,低的響應時間易變性也有助于用戶建立穩定的節奏。因此在系統響應時間上堅持如下原則:
響應時間長度 界面設計
0-10 秒 鼠 標 顯 示 成 為 沙 漏
10 到18 秒 由微幫助來顯示處理進度
18 秒 以 上 顯示處理窗口,或顯示進度條
一個長時間的處理完成時 應給予完成警告信息
響應時間的易變性 界面設計
用戶感覺不到 不考慮
用戶稍微感覺到 由微幫助提供易變性說明
容易性大而且時間絕對差別大 顯示易變性提示
2.5用戶幫助設施
常用的幫助設施有兩種:集成的和附加的。集成的幫助設施一開始就是設計在軟件中的,它與語境有關,用戶可以直接選擇與所要執行*作相關的主題。通過集成幫助設施可以縮短用戶獲得幫助的時間,增加界面的友好性。附加的幫助設施在系統建好以后再加進去的。通常是一種查詢能力比較弱的聯機幫助。
本系統提供這兩種幫助設施,設計和實現時遵循以下原則:
1) 進行系統交互時,提供部分幫助功能,即:提供主要*作的幫助
2) 用戶可以通過幫助菜單、F1鍵和幫助按鈕(如果有的話)訪問幫助
3) 表示幫助時根據需要提供三種方式的選擇:另一個窗體、微幫助和指出參考某個文檔
4) 用戶如何回到正常交互方式有兩種選擇:返回鍵和功能鍵
5) 幫助信息的構造:采用分層式幫助
6) 微幫助提供:由狀態欄提供,或控件上的提示文本
2.6出錯信息和警告
出錯信息和警告是指出現問題時系統給出的壞消息,本系統對于出錯信息和警告應該遵循以下原則:
1) 信息以用戶可以理解的術語描述;
2) 信息應提供如何從錯誤中恢復的建設性意見;
3) 信息應指出錯誤可能導致那些不量后果,以便用戶檢查是否出現了這些情況或幫助用戶進行改正;
4) 信息應伴隨著視覺上的提示,如特殊的圖像、顏色或信息閃爍。
5) 信息不能帶有判斷色彩,即任何情況下不能指責用戶
2.7命令交互
由于本系統用戶是WINDOWS用戶,故本系統不提供命令交互。
2.8一般交互原則
本系統一般交互遵循以下原則:
1) 一致性:菜單選擇、數據顯示以及其它功能都應使用一致的格式。
2) 提供有意義的反饋
3) 執行有較大破壞性的動作前要求確認
4) 在數據錄入上允許取消大多數*作
5) 減少在動作間必須記憶的信息數量
6) 在對話、移動和思考中提高效率
7) 允許用戶非惡意錯誤,系統應保護自己不受致命作物的破壞
8) 按功能對動作分類,并按此排列屏幕布局,設計者應那里提高命令和動作組織的內聚性
9) 提供語境相關的幫助機制
2.9信息顯示原則
本系統信息顯示遵循以下原則:
1) 只顯示與當前用戶語境環境有關的信息;
2) 不要用數據將用戶包圍,使用便于用戶迅速吸取信息的方式表現信息;
3) 使用一致的標記、標準縮寫和可預測的顏色,顯示信息的含義應該非常明確,用戶不必再參考其它信息源;
4) 產生有意義的出錯信息,見2.6;
5) 使用縮進和文本來輔助理解;
6) 使用窗口分隔控件分隔不同類型的信息;
7) 高效地使用顯示器的顯示空間。
2.10數據輸入原則
本系統數據輸入遵循以下原則:
1) 盡量減少用戶輸入動作的數量;
2) 維護信息顯示和數據輸入的一致性;
3) 交互應該時靈活的,對鍵盤和鼠標輸入的靈活性提供支持;
4) 在當前動作的語境中使不合適的命令不起作用;
5) 讓用戶控制交互流,用戶可以跳過不必要的動作、改變所需動作的順序(如果允許的話)以及在不退出系統的情況下從錯誤狀態中恢復;
6) 為所有輸入的動作提供幫助,見2.5;
7) 消除冗余輸入。可能的話提供缺省值、絕不要讓用戶提供程序中可以自動獲取或計算出來的信息。
3用戶界面設計更改和追加說明
3.1更改說明
更改本用戶界面設計時應該征得所有開發者的同意,所有開發者應該按更正后的原則修改和設計用戶界面。
3.2追加說明
追加本用戶界面設計時應該發布給所有開發者,所有開發者應該按追加后的原則修改和設計用戶界面。