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