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

GUI 所包含各類元素標準的定製

  GUI的元素大致可分爲以下幾個方面:

  1. 窗口

  2. 菜單

  3. 圖標

  4. 控件

  5. 鼠標

  6. 文字

  7. 聯機幫助

  一、GUI窗口的標準

  窗口是顯示設備中的一個區域,用於觀看對象、對象相關信息以及應用與對象的動作進行交互。從外觀上來說,通常窗口是由標題、邊框、菜單、工作 區、滾動條等組成。窗口的標題欄可以進行打開、關閉、創建、縮放、移動、刪除、重疊等操作

  好的GUI窗口應該具備以下標準:

  1.窗口控件的大小、對齊方向、顏色、背景等屬性的設置和程序設計規約相一致

  2.顯示相關的下拉菜單、工具條、滾動條、對話框、按鈕、圖標和其他 控制,既能正確顯示又能調用

  3.若窗口無法顯示,所有內容能夠改變大小、移動和滾動

  4.活動窗口能夠反顯加亮

  5.窗口能夠正確的關閉

  6.多個窗口疊加時窗口的名稱正確顯示

  7.窗口的數據能夠利用鼠標、功能鍵、方向前頭和鍵盤操作

  8.當窗口被覆蓋並重新調用後,窗口能夠正確再生

  9.如果使用多任務,所有的窗口能夠被實時更新

  10.窗口支持最小化和最大化或放大

  11.窗口上的控件隨着窗體的縮放而縮放

  12.父窗體支持縮放時,子窗體也應該支持縮放

  13. 一個窗口中按Tab鍵,移動聚焦按順序移動。先從左至右,再從上到下

  14.子窗口位置在父窗口的左上角或正中,正上方1/4處爲易吸引用戶注意力的位。父窗口或主窗口的中心位置應該在對角線焦點附近,如下圖2-1-2所示

  15.當多個子窗口彈出時依次向右下方偏移,並且顯示出窗口標題,如下圖2-1-3所示

  16.重要的命令按鈕與使用頻繁的按鈕放在了界面醒目的位置

  17.與正在進行的操作無關的按鈕應該加以屏蔽

  18.按鈕大小要與界面的大小和空間協調

  19.窗口中所包含的標籤左對齊排列

  20.多窗口的切換響應時間不宜過長

二、GUI菜單的標準

  菜單是否易用主要體現在它能否提供線索幫助用戶識別,而不用強迫用戶去記憶,一個好的菜單設置可以分爲以下幾個方面:

  1.菜單設置符合軟件的需求

  2.菜單項的措詞準確,能夠表達出所要進行設置的功能

  3.菜單項的順序合理,具有邏輯關聯的項目集中放置

  4.圖形佈局一致

  5.菜單設置在窗體標題欄的下方

  三、GUI圖標的標準

  圖標是表示實體信息簡潔、抽象的符號,它還可以作爲可視按鈕項,當被選中激活時,可以完成指定的功能。那麼圖標的設計當中應該着重考慮哪些問題呢,以下提供幾點可供參考:

  1.圖標的設置符合常規的表達習慣

  2.不同的目標採用不同的圖標

  3.圖標具有清晰的輪廓,輪廓清晰的圖標可保證圖像在不同背景色上都具有較好的效果

  4.選擇合適的尺寸來定義圖標。Windows XP系統的圖標有四種尺寸(以像素爲單位)可作爲參考: 48×48, 32×32,24×24以及16×16,圖標大小的選取決定於工具欄所定義的寬度

  5.圖標的外形與實際功能相似,應儘量避免抽象。這樣的圖標可以使用戶很輕鬆、容易地認識圖標的作用

  6.在圖標上加以標註,用來說明圖標所完成的功能

  7.圖標放置在菜單欄的下方

  四、GUI中控件的標準

  軟件系統功能的實現與控件是密不可分的,各控件位置的擺放直接影響到軟件的使用,及其美觀程度。下面舉例說明軟件系統中最常用到的控件對其元素間距、擺放位置進行說明:

  1.控件元素的間距

  a.單個元素間距

  *  輸入框之間垂直間距爲5px

  *  Label文本標籤和輸入元素之間水平間距爲8-22px

  *  複選框、單選按鈕之間垂直間距爲8px

  *  多種元素混合垂直排列時,複選框和單選按鈕邊上的間距無論在什麼情況下都爲8px

  b.元素分組間距

  *  窗口邊框和內容區域的四周邊距爲11px;

  *  父組和子組之間的四周間距爲10px;

  *  分組框邊框和內部內容區域的四周邊距爲5px;

  *  複選框組、單選框組的組水平間距爲15px

  2.按鈕的位置,如下表2-4-1對按鈕擺放位置的規則做了總結。

指向對象
對象舉例
按鈕位置
單個對象
輸入框
按鈕僅靠在輸入框的右邊
多個對象
界面元素組
按鈕與最底部的對象左對齊,如果空間允許則僅靠在最底部對象的右邊
窗口區域,頁籤面板,分組框
分組框
按鈕位於分組框左下角,並和分組框內其它元素左對齊
表格,網格
表格 按鈕
位於表格下方,並和表格左對齊

五、鼠標在GUI中的標準

  用戶會把鼠標移進、移出窗口,或當光標在窗口,或當光標在窗口中,用戶按下、釋放鼠標鍵,鼠標是否準確、靈活,對一個軟件系統來說也很重要。以下幾點標準可作爲在軟件系統中鼠標設計的參考:

  1.在整個交互的過程中,可以識別鼠標操作

  2.多次點擊鼠標後,仍能夠正確識別

  3.鼠標有多個按鈕的情況下,能夠正確識別每個按鈕所要完成的功能

  4.光標、處理指示器和識別指針隨操作恰當的改變

  5.點擊選中時,鼠標指針停留在選中內容上,而不會滑動

  6.支持鼠標滑輪上下翻動操作

  7.對於相同種類的元素採用相同的操作激活

  8.採用動態圖標形象的表示出當前的操作,如用水漏表示系統忙,用手型表示可以點擊等

  9.鼠標無規則點擊時不會產生不良後果

  10.單擊鼠標右鍵彈出快捷菜單,取消右鍵後該菜單隱藏

  11.鼠標光標樣式統一,儘量使用系統標準,杜絕出現重複的情況

  六、GUI文字的標準

  文字在視覺上向用戶傳達各種信息,界面文字包括界面文字的字體和界面文字的用語兩個方面,那這兩方面都有哪些要求呢?以下分別闡述。

  1.字體

  a.使用統一字體,如規定軟件系統的中文字體爲“宋體”,英文及數據採用“Times New Roman”

  b.所有控件、描述信息儘量使用大小統一的字體屬性,除了特殊提示信息、加強顯示等例外情況

  2.文字表達

  提示信息、幫助文檔文字表達遵循以下準則:

  a.口語化描述,用詞客氣多用您、請,不要用或少用專業術語,杜絕錯別字

  b.標點符號(斷句、逗號、句號、頓號、分號)的用法要統一, 提示信息比較多的話要進行分段

  c.警告、信息、錯誤 使用對應的表示方法

  d.使用統一的語言描述,例如一個關閉功能按鈕,可以描述爲退出、返回、關閉,則應該統一規定

  e.根據用戶不同採用相應的詞語語氣語調

  七、GUI聯機幫助的標準

  幫助文檔適用於以下三種情況:

  *  系統默認、行業標準的控件操作不需要逐一描述,只需要對特殊控件加以描述

  *  特殊操作、特殊功能界面,在界面上加控件直接連接到對應的幫助文件中

  *  特殊設置的詳細信息,除了應該在界面上用簡潔明瞭的語句說明外,還可以在界面上加控件直接連接到對應的幫助文件中

  幫助文檔的標準要求:

  *  結構化,按功能模塊劃分

  *  必須闡述功能通過什麼方法可以在軟件中實現

  *  措詞恰當、簡捷、通俗易懂,明瞭的幫助用戶解決問題

  *  不在幫助文檔中做廣告宣傳

 

 

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