界面設計的行業標準總結(上)

GUI 整體標準的制定

  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.統計檢索可定製

  對於某些特殊行業的軟件可以提供統計檢索的可定製性,在充分了解用戶需求的基礎上制定大量的安全供用戶選擇

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章