使用者介面設計風格說明

2021-03-31 15:28:41 字數 4515 閱讀 4739

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.確認對話方塊不好!是反...