當(dāng)前位置: 首頁 > 設(shè)計資訊 > 理論文摘 > 正文

用戶界面設(shè)計風(fēng)格說明

2006-07-20 12697 0

1引言 
1.1設(shè)計說明 
本文檔是對系統(tǒng)界面設(shè)計風(fēng)格進(jìn)行描述,和用戶交互的最終界面在《詳細(xì)設(shè)計說明書》中設(shè)計和解釋。 

1.2概念和定義 
用戶界面:又稱人機(jī)界面,實現(xiàn)用戶與計算機(jī)之間得通信,以控制計算機(jī)或進(jìn)行用戶和計算機(jī)之間得數(shù)據(jù)傳送得系統(tǒng)部件。 
GUI:即圖形用戶界面,一種可視化得用戶界面,它使用圖形界面代替正文界面。 

1.3用戶假定 
將使用本系統(tǒng)的用戶定義為:對應(yīng)用程序或計算機(jī)的一般用法有一定了解,用戶希望界面符合WINDOWS9X特別是OFFICE97風(fēng)格,對易用性、簡潔性有比較高的要求,對界面快速交互沒有很強(qiáng)的要求(即不希望通過命令方式快速交互)。 

2用戶界面設(shè)計規(guī)范 
2.1用戶界面設(shè)計原則 
本系統(tǒng)堅持圖形用戶界面(GUI)設(shè)計原則,界面直觀、對用戶透明:用戶接觸軟件后對界面上對應(yīng)的功能一目了然、不需要多少培訓(xùn)就可以方便使用本應(yīng)用系統(tǒng)。 
界面設(shè)計員應(yīng)該明白軟件中用戶是所有處理的核心,不應(yīng)該有應(yīng)用程序來決定處理過程,所以用戶界面應(yīng)當(dāng)由用戶來控制應(yīng)用如何工作、如何響應(yīng),而不是由開發(fā)者按自己的意愿把*作流程強(qiáng)加給用戶。 
界面設(shè)計必須經(jīng)過確認(rèn)才能完成。 

2.2界面一致性 
在界面設(shè)計中應(yīng)該保持界面的一致性。一致性既包括使用標(biāo)準(zhǔn)的控件,也指使用相同的信息表現(xiàn)方法,如在字體、標(biāo)簽風(fēng)格、顏色、術(shù)語、顯示錯誤信息等方面確保一致。 
1)顯示信息一致性標(biāo)準(zhǔn) 
(1)標(biāo)簽提示:字體為不加重、宋體、黑色、灰底或透明、無邊框、右對齊、不帶冒號、一般情況為五號(10號); 
(2)日期:正常字體、宋體、白底黑字、3-D lowered; 
(3)對齊方法: 
l 左對齊:一般文字、單個數(shù)字、日期等 
l 右對齊:數(shù)字、時間、日期加時間。 
(4)分辨率為800*600,增強(qiáng)色16色 
(5)字體缺省為宋替、五號、黑色 
(6)底色缺省采用灰色 
這些信息的排列顯示風(fēng)格供參考, 在同一個應(yīng)用中,這些信息的表現(xiàn)方式不一致,會使得用戶分散注意力,影響這一軟件的使用,因此開發(fā)者應(yīng)當(dāng)注意在同一軟件中表現(xiàn)形式的一致性。 
2)布局合理化原則 
應(yīng)注意在一個窗口內(nèi)部所有控件的布局和信息組織的藝術(shù)性,使得用戶界面美觀。 
在一個窗口中按tab鍵,移動聚焦的順序不能雜亂無章,tab 的順序是先從上至下,再從左至右。一屏中首先應(yīng)輸入的和重要信息的控件在tab順序中應(yīng)當(dāng)靠前,位置也應(yīng)放在窗口上較醒目的位置。 布局力求簡潔、有序、易于*作。 
3)鼠標(biāo)與鍵盤對應(yīng)原則 
應(yīng)遵循的是可不用鼠標(biāo)的原則:應(yīng)用中的功能只用鍵盤也應(yīng)當(dāng)可以完成,即設(shè)計的應(yīng)用中還應(yīng)加入一些必要的按鈕和菜單項。 
但是,許多鼠標(biāo)的*作,如雙擊、拖動對象等,并不能簡單地用鍵盤來模擬即可實現(xiàn)。例如在一個列表框中用鼠標(biāo)雙擊其中一項可以表示選中該項內(nèi)容。為了用鍵盤也能實現(xiàn)這一功能,必須在窗口中定義一個表示選中的按鈕,以作為實現(xiàn)雙擊功能的替代(或其它方式)。又如在一個窗口中有兩個數(shù)據(jù)窗口,可以用鼠標(biāo)從一個數(shù)據(jù)窗口中將一項拖出然后放到另一個中。如果只用鍵盤,就應(yīng)當(dāng)在菜單中設(shè)置拷貝或移動的菜單項。 
4)快捷鍵 
在菜單項中使用快捷鍵可以讓使用鍵盤的用戶*作得更快一些,在西文Windows及其應(yīng)用軟件中快捷鍵的使用大多是一致的。本系統(tǒng)中應(yīng)用的快捷鍵在各個配置項上語義必須保持一致。 
面向事務(wù)的: 
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 關(guān)閉 
l Ctrl-X 剪切 
MS Windows保留鍵: 
l Ctrl-Tab 下一窗口 
l Ctrl-Esc 任務(wù)列表 
l Ctrl-F4 關(guān)閉窗口 
l Alt-F4 結(jié)束應(yīng)用 
l Alt-Tab 下一應(yīng)用 
l Enter 缺省按鈕/確認(rèn)*作 
l Esc 取消按鈕/取消*作 
l Shift-F1 上下文相關(guān)幫助 
其它快捷鍵 
其它快捷鍵使用漢語拼音的開頭字母,不常用的可以沒有快捷鍵。 
2.3向?qū)В╓IZARD)使用原則 
對于應(yīng)用中某些部分的處理流程是固定的,用戶必須按照指定的順序輸入*作信息,為了使用戶*作得到必要的引用應(yīng)該使用向?qū)?,使用戶使用功能時比較輕松明了,但是向?qū)П仨氂迷诠潭ㄌ幚砹鞒讨?,并且處理流程?yīng)該不少于3個處理步驟。 

2.4系統(tǒng)響應(yīng)時間 
系統(tǒng)響應(yīng)時間包括兩個方面:時間長度和時間的易變性。用戶響應(yīng)時間應(yīng)該適中,系統(tǒng)響應(yīng)時間過長,用戶就會感到不安和沮喪,而響應(yīng)時間過短有時會造成用戶加快*作節(jié)奏,從而導(dǎo)致錯誤。系統(tǒng)響應(yīng)時間的易變性是指相對于平均響應(yīng)時間的偏差。即使響應(yīng)時間比較長,低的響應(yīng)時間易變性也有助于用戶建立穩(wěn)定的節(jié)奏。因此在系統(tǒng)響應(yīng)時間上堅持如下原則: 
響應(yīng)時間長度               界面設(shè)計 
0-10 秒                       鼠 標(biāo) 顯 示 成 為 沙 漏 
10 到18 秒               由微幫助來顯示處理進(jìn)度 
18 秒 以 上                   顯示處理窗口,或顯示進(jìn)度條 
一個長時間的處理完成時       應(yīng)給予完成警告信息 


響應(yīng)時間的易變性             界面設(shè)計 
用戶感覺不到                     不考慮 
用戶稍微感覺到                     由微幫助提供易變性說明 
容易性大而且時間絕對差別大          顯示易變性提示 

2.5用戶幫助設(shè)施 
常用的幫助設(shè)施有兩種:集成的和附加的。集成的幫助設(shè)施一開始就是設(shè)計在軟件中的,它與語境有關(guān),用戶可以直接選擇與所要執(zhí)行*作相關(guān)的主題。通過集成幫助設(shè)施可以縮短用戶獲得幫助的時間,增加界面的友好性。附加的幫助設(shè)施在系統(tǒng)建好以后再加進(jìn)去的。通常是一種查詢能力比較弱的聯(lián)機(jī)幫助。 
本系統(tǒng)提供這兩種幫助設(shè)施,設(shè)計和實現(xiàn)時遵循以下原則: 
1) 進(jìn)行系統(tǒng)交互時,提供部分幫助功能,即:提供主要*作的幫助 
2) 用戶可以通過幫助菜單、F1鍵和幫助按鈕(如果有的話)訪問幫助 
3) 表示幫助時根據(jù)需要提供三種方式的選擇:另一個窗體、微幫助和指出參考某個文檔 
4) 用戶如何回到正常交互方式有兩種選擇:返回鍵和功能鍵 
5) 幫助信息的構(gòu)造:采用分層式幫助 
6) 微幫助提供:由狀態(tài)欄提供,或控件上的提示文本 

2.6出錯信息和警告 
出錯信息和警告是指出現(xiàn)問題時系統(tǒng)給出的壞消息,本系統(tǒng)對于出錯信息和警告應(yīng)該遵循以下原則: 
1) 信息以用戶可以理解的術(shù)語描述; 
2) 信息應(yīng)提供如何從錯誤中恢復(fù)的建設(shè)性意見; 
3) 信息應(yīng)指出錯誤可能導(dǎo)致那些不量后果,以便用戶檢查是否出現(xiàn)了這些情況或幫助用戶進(jìn)行改正; 
4) 信息應(yīng)伴隨著視覺上的提示,如特殊的圖像、顏色或信息閃爍。 
5) 信息不能帶有判斷色彩,即任何情況下不能指責(zé)用戶 

2.7命令交互 
由于本系統(tǒng)用戶是WINDOWS用戶,故本系統(tǒng)不提供命令交互。 

2.8一般交互原則 
本系統(tǒng)一般交互遵循以下原則: 
1) 一致性:菜單選擇、數(shù)據(jù)顯示以及其它功能都應(yīng)使用一致的格式。 
2) 提供有意義的反饋 
3) 執(zhí)行有較大破壞性的動作前要求確認(rèn) 
4) 在數(shù)據(jù)錄入上允許取消大多數(shù)*作 
5) 減少在動作間必須記憶的信息數(shù)量 
6) 在對話、移動和思考中提高效率 
7) 允許用戶非惡意錯誤,系統(tǒng)應(yīng)保護(hù)自己不受致命作物的破壞 
8) 按功能對動作分類,并按此排列屏幕布局,設(shè)計者應(yīng)那里提高命令和動作組織的內(nèi)聚性 
9) 提供語境相關(guān)的幫助機(jī)制 

2.9信息顯示原則 
本系統(tǒng)信息顯示遵循以下原則: 
1) 只顯示與當(dāng)前用戶語境環(huán)境有關(guān)的信息; 
2) 不要用數(shù)據(jù)將用戶包圍,使用便于用戶迅速吸取信息的方式表現(xiàn)信息; 
3) 使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫和可預(yù)測的顏色,顯示信息的含義應(yīng)該非常明確,用戶不必再參考其它信息源; 
4) 產(chǎn)生有意義的出錯信息,見2.6; 
5) 使用縮進(jìn)和文本來輔助理解; 
6) 使用窗口分隔控件分隔不同類型的信息; 
7) 高效地使用顯示器的顯示空間。 

2.10數(shù)據(jù)輸入原則 
本系統(tǒng)數(shù)據(jù)輸入遵循以下原則: 
1) 盡量減少用戶輸入動作的數(shù)量; 
2) 維護(hù)信息顯示和數(shù)據(jù)輸入的一致性; 
3) 交互應(yīng)該時靈活的,對鍵盤和鼠標(biāo)輸入的靈活性提供支持; 
4) 在當(dāng)前動作的語境中使不合適的命令不起作用; 
5) 讓用戶控制交互流,用戶可以跳過不必要的動作、改變所需動作的順序(如果允許的話)以及在不退出系統(tǒng)的情況下從錯誤狀態(tài)中恢復(fù); 
6) 為所有輸入的動作提供幫助,見2.5; 
7) 消除冗余輸入。可能的話提供缺省值、絕不要讓用戶提供程序中可以自動獲取或計算出來的信息。 

3用戶界面設(shè)計更改和追加說明 
3.1更改說明 
更改本用戶界面設(shè)計時應(yīng)該征得所有開發(fā)者的同意,所有開發(fā)者應(yīng)該按更正后的原則修改和設(shè)計用戶界面。 

3.2追加說明 
追加本用戶界面設(shè)計時應(yīng)該發(fā)布給所有開發(fā)者,所有開發(fā)者應(yīng)該按追加后的原則修改和設(shè)計用戶界面。 


144
評論區(qū)(0)
正在加載評論...