介面設計的行業標準總結— GUI設計的相關行業標準

1.1  GUI整體標準的制定

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