1引言
1.1設計說明
本文件是對系統介面設計風格進行描述,和使用者互動的最終介面在《詳細設計說明書》中設計和解釋。
1.2概念和定義
使用者介面:又稱人機介面,實現使用者與計算機之間得通訊,以控制計算機或進行使用者和計算機之間得資料傳送得系統部件。
gui:即圖形使用者介面,一種視覺化得使用者介面,它使用圖形介面代替正文介面。
1.3使用者假定
將使用本系統的使用者定義為:對應用程式或計算機的一般用法有一定了解,使用者希望介面符合windows9x特別是office97風格,對易用性、簡潔性有比較高的要求,對介面快速互動沒有很強的要求(即不希望通過命令方式快速互動)。
2使用者介面設計規範
2.1使用者介面設計原則
本系統堅持圖形使用者介面(gui)設計原則,介面直觀、對使用者透明:使用者接觸軟體後對介面上對應的功能一目了然、不需要多少培訓就可以方便使用本應用系統。
介面設計員應該明白軟體中使用者是所有處理的核心,不應該有應用程式來決定處理過程,所以使用者介面應當由使用者來控制應用如何工作、如何響應,而不是由開發者按自己的意願把操作流程強加給使用者。
介面設計必須經過確認才能完成。
2.2介面一致性
在介面設計中應該保持介面的一致性。一致性既包括使用標準的控制項,也指使用相同的資訊表現方法,如在字型、標籤風格、顏色、術語、顯示錯誤資訊等方面確保一致。
1)顯示資訊一致性標準
(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鍵和幫助按鈕(如果有的話)訪問幫助
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) 讓使用者控制互動流,使用者可以跳過不必要的動作、改變所需動作的順序(如果允許的話)以及在不退出系統的情況下從錯誤狀態中恢復;
7) 消除冗餘輸入。可能的話提供預設值、絕不要讓使用者提供程式中可以自動獲取或計算出來的資訊。
3使用者介面設計更改和追加說明
3.1更改說明
更改本使用者介面設計時應該徵得所有開發者的同意,所有開發者應該按更正後的原則修改和設計使用者介面。
3.2追加說明
追加本使用者介面設計時應該發布給所有開發者,所有開發者應該按追加後的原則修改和設計使用者介面。
4其它
無。
使用者介面設計風格說明
摘自 1引言 1.1設計說明 本文件是對系統介面設計風格進行描述,和使用者互動的最終介面在 詳細設計說明書 中設計和解釋。1.2概念和定義 使用者介面 又稱人機介面,實現使用者與計算機之間得通訊,以控制計算機或進行使用者和計算機之間得資料傳送得系統部件。gui 即圖形使用者介面,一種視覺化得使用者介...
《 使用者介面設計 》
在人和機器的互動過程 human machine interaction 中,有乙個層面,即我們所說的介面 inte ce 從心理學意義來分,介面可分為感覺 視覺 觸覺 聽覺等 和情感兩個層次。使用者介面設計是螢幕產品的重要組成部分。介面設計是乙個複雜的有不同學科參與的工程,認知心理學 設計學 語言...
軟體使用者介面設計
1.手滑的三種錯誤 捕獲錯誤 前驅動作一致,後繼動作不一致,由此導致的錯誤 描述錯誤 兩者長得太像了,由此導致的錯誤 模式錯誤 動作一致,不同的模式含義不同,由此導致的錯誤 2.預防錯誤的方法 捕獲錯誤 不要讓他們出現一致的前驅序列 讓他們離遠點 模式錯誤 消除多餘的模式 3.確認對話方塊不好!是反...