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 上下文相關幫助
其它快捷鍵
其它快捷鍵使用漢語拼音的開頭字母,不常用的可以沒有快捷鍵。