界面設(shè)計的行業(yè)標(biāo)準(zhǔn)總結(jié)一
GUI的整體標(biāo)準(zhǔn)包括以下四個方面:
1.規(guī)范性
2.合理性
3.一致性
4.界面定制性
一、GUI設(shè)計的規(guī)范
遵循一致的準(zhǔn)則,確立標(biāo)準(zhǔn)并遵循,是軟件界面設(shè)計中必不可必的環(huán)節(jié)。確立界面標(biāo)準(zhǔn)的好處:
1.便于用戶操作:戶使用起來能夠建立起精確的心里模型,使用熟練了一個界面后,切換到另外一個界面能夠很輕松的推測出各種功能
2.使用戶感覺到統(tǒng)一、規(guī)范,在使用軟件的過程中愉快輕松的完成操作,提高對軟件的認(rèn)知
3.降低培訓(xùn)、支持成本,不必花費較多的人力對客戶進(jìn)行逐個指導(dǎo)
二、GUI布局的合理性
界面的合理性是指界面是否與軟件功能相融洽,界面的顏色和布局是否協(xié)調(diào)等。例如:
1.界面布局
a.屏幕不能擁擠
* Mayhew在1992年的試驗結(jié)果表明屏幕總體覆蓋度不應(yīng)該超過40%,而分組覆蓋度不應(yīng)該超過62%。
* 整個項目,采用統(tǒng)一的控件間距,通過調(diào)整窗體大小達(dá)到一致,即使在窗體大小不變的情況下,寧可留空部分區(qū)域,也不要破壞控件間的行間距。
b.控件按區(qū)域排列
* 一行控件縱向中對齊, 控件間距基本保持一致,行與行之間間距相同,靠窗體的控件距窗體邊緣的距離應(yīng)大于行間距。
* 當(dāng)屏幕有多個編輯區(qū)域,要以視覺效果和效率來組織這些區(qū)域
c.有效組合
邏輯上相關(guān)聯(lián)的控件應(yīng)當(dāng)加以組合以表示其關(guān)聯(lián)性,反之,任何不相關(guān)的項目應(yīng)當(dāng)分隔開。在項目集合間用間隔對其進(jìn)行分組,或者使用方框劃分各自區(qū)域
d.窗口縮放時,控件位置、布局
* 固定窗口大小,不允許改變尺寸
* 改變尺寸的窗口,在窗口尺寸發(fā)生變化時控件的位置、大小做出相應(yīng)的改變
* 改變尺寸的窗口,在窗口改變尺寸時增加相應(yīng)在的縱向、橫向滾動條,以方便用戶使用窗體上的控件
2.界面顏色搭配
使用恰當(dāng)?shù)念伾梢允管浖慕缑婵雌饋砀右?guī)范:
a.統(tǒng)一色調(diào)
針對軟件類型以及用戶工作環(huán)境選擇恰當(dāng)色調(diào),如:安全軟件,根據(jù)工業(yè)標(biāo)準(zhǔn),可以選取黃色。綠色體現(xiàn)環(huán)保,藍(lán)色表現(xiàn)時尚清新、紫色表現(xiàn)浪漫等等,淡色可以使人舒適,暗色做背景使人不覺得累等。
b.與操作系統(tǒng)統(tǒng)一,讀取系統(tǒng)標(biāo)準(zhǔn)色表
c.遵循對比原則
在淺色背景上使用深色文字,深色背景上使用淺色文字,如藍(lán)色文字以白色背景容易識別,而在紅色背景則不易分辨。除非特殊場合,杜絕使用對比強(qiáng)烈,讓人產(chǎn)生憎惡感的顏色
d.整個界面色彩盡量少的使用類別不同的顏色
e.顏色方案也許會因為顯示器、顯卡、操作系統(tǒng)等原因顯示出不同的色彩
f.針對色盲、色弱用戶,可以使用特殊指示符
e.顏色方案也許會因為顯示器、顯卡、操作系統(tǒng)等原因顯示出不同的色彩
f.針對色盲、色弱用戶,可以使用特殊指示符
三、GUI風(fēng)格的一致性
界面的一致性既包括使用標(biāo)準(zhǔn)的控件,也指相同的信息表現(xiàn)方法,如在字體、標(biāo)簽風(fēng)格、顏色、術(shù)語、顯示錯誤信息等方面確保一致。
1.在不同分辨率下的美觀程度
軟件界面要有一個默認(rèn)的分辨率,而在其他分辨率下也可以運行,分別在800×600,1024×768,1280×768,1280×1024,1200×1600分辨率下的大字體、小字體下的界面表現(xiàn)。
2.界面布局要一致
如所有窗口按鈕的位置和對齊方式要保持一致。
3.界面的外觀要一致
如控件的大小、顏色、背景和顯示信息等屬性要一致,一些需要特殊處理或有特殊要求的地方除外。
4.界面所用顏色要一致
顏色的前后一致會使整個應(yīng)用軟件有同樣的觀感,反之會讓用戶覺得所操作的軟件雜亂無章,沒有規(guī)則或言。
5.操作方法要一致
如雙擊其中的項,觸發(fā)某事件,那么雙擊任何其他列表框中的項,都應(yīng)該有同樣的事件發(fā)生。
6.控件風(fēng)格、控件功能要專一
a.不錯誤的使用控件
例如使用Button樣式做Table的功能,拿主菜單條顯示版權(quán)信息等
b.一個控件只做單一功能,不復(fù)用
如果在特殊情況下出現(xiàn)復(fù)用的時候,可采用以下兩種方法解決:
* 分組,使用雙份控件
* 使用Table頁,給用戶很明顯的視覺變化
7.標(biāo)簽和訊息的措詞要一致
如在提示、菜單和幫助中產(chǎn)生相同的術(shù)語。
8.標(biāo)簽中文字信息的對齊方式要一致
如某類描述信息的標(biāo)題行定為居中,那么其他類似的功能也應(yīng)該與此一致。
9.快捷鍵在各個配置項上語義保持一致
如Tab鍵的習(xí)慣用法是閱讀順序從從左到右,從上到下。在定義軟件快捷鍵時也可以將現(xiàn)有一些快捷鍵的屬性作為參考,如表1-3-1(見附件)列出了常用的快捷鍵及其功能。
四、GUI界面操作可定制性
界面的可定制性大致可分為以下幾個特性:
1.界面元素可定制
允許用戶定義工具欄、狀態(tài)欄是否顯示,工具欄顯示在界面上的位置;允許用戶定義菜單的位置等。
2.工具欄可定制
不同用戶對常用工具的使用是不同的,因此允許用戶建立新的工具欄,選擇要顯示的工具欄,定制工具欄上的按鈕等功能在軟件系統(tǒng)中經(jīng)常被用到
3.統(tǒng)計檢索可定制
對于某些特殊行業(yè)的軟件可以提供統(tǒng)計檢索的可定制性,在充分了解用戶需求的基礎(chǔ)上制定大量的安全供用戶選擇。
GUI所包含各類元素標(biāo)準(zhǔn)的定制
GUI的元素大致可分為以下幾個方面:
1. 窗口
2. 菜單
3. 圖標(biāo)
4. 控件
5. 鼠標(biāo)
6. 文字
7. 聯(lián)機(jī)幫助
-
測試
+關(guān)注
關(guān)注
8文章
5314瀏覽量
126701 -
人機(jī)界面
+關(guān)注
關(guān)注
5文章
527瀏覽量
44144 -
GUI
+關(guān)注
關(guān)注
3文章
661瀏覽量
39708
發(fā)布評論請先 登錄
相關(guān)推薦
評論