系統(tǒng)界面設(shè)計規(guī)范

1、系統(tǒng)界面設(shè)計規(guī)范界面是軟件與用戶交互的最直接的層，界面的好壞決定用戶對軟件的第一印象。而且設(shè)計良好的界面能夠引導(dǎo)用戶自己完成相應(yīng)的操作，起到向?qū)У淖饔?。同時界面如同人的面孔，具有吸引用戶的直接優(yōu)勢。設(shè)計合理的界面能給用戶帶來輕松愉悅的感受和成功的感覺，相反由于界面設(shè)計的失敗， 讓用戶有挫敗感，再實用強大的功能都可能在用戶的畏懼與放棄中 付諸東流。目前界面的設(shè)計引起軟件設(shè)計人員的重視的程度還遠遠不夠，直到最近網(wǎng)頁制作的興起，才受到專家的青睞。我們的界面設(shè)計遵循以下基本原則：1、易用性按鈕名稱應(yīng)該易懂，用詞準(zhǔn)確，屏棄沒楞兩可的字眼，要與同一界面上的其他按鈕易于 區(qū)分，能望文知意最好。理想的情況是用

2、戶不用查閱幫助就能知道該界面的功能并進行相關(guān) 的正確操作。易用性細則：1):完成相同或相近功能的按鈕用Frame框起來，常用按鈕要支持快捷方式。2):完成同一功能或任務(wù)的元素放在集中位置，減少鼠標(biāo)移動的距離。3):按功能將界面劃分局域塊，用Frame框括起來,并要有功能說明或標(biāo)題。4):Tab鍵的順序與控件排列順序要一致，目前流行總體從上到下，同時行間從左到右的 方式。5):復(fù)選框和選項框按選擇幾率的高底而先后排列。6):界面空間較小時使用下拉框而不用選項框。7):選項數(shù)較少時使用選項框，相反使用下拉列表框。8):專業(yè)性強的軟件要使用相關(guān)的專業(yè)術(shù)語，通用性界面則提倡使用通用性詞眼。2、規(guī)范性通

3、常界面設(shè)計都按 Window曲面的規(guī)范來設(shè)計，即包含“菜單條、工具欄、工具廂、狀 態(tài)欄、滾動條、右鍵快捷菜單”的標(biāo)準(zhǔn)格式，可以說：界面遵循規(guī)范化的程度越高，則易用 性相應(yīng)的就越好。規(guī)范性細則：1):狀態(tài)條要能顯示用戶切實需要的信息，常用的有：目前的操作、系統(tǒng)狀態(tài)、用戶位置、用戶信息、提示信息、錯誤信息等，如果某一操作 需要的時間較長，還應(yīng)該顯示進度條和進程提示。2):狀態(tài)條的高度以放置五號字為宜，滾動條的寬度比狀態(tài)條的略窄。3、幫助系統(tǒng)應(yīng)該提供詳盡而可靠的幫助文檔，在用戶使用產(chǎn)生迷惑時可以自己尋求解決方法。幫助細則：1)：幫助文檔中的性能介紹與說明要與系統(tǒng)性能配套一致。2):在界面上調(diào)用幫助時

4、應(yīng)該能夠及時定位到與該操作相對的幫助位置。也就是說幫助要有即時針對性。3):最好提供目前流行的聯(lián)機幫助格式或HTM-助格式。4):如果沒有提供書面的幫助文檔的話，最好有打印幫助的功能。4、合理性屏幕對角線相交的位置是用戶直視的地方，正上方四分之一處為易吸引用戶注意力的位置，在放置窗體時要注意利用這兩個位置。合理性細則：1),多個子窗體彈出時應(yīng)該依次向右下方偏移，以顯示窗體出標(biāo)題為宜。2):重要的命令按鈕與使用較頻繁的按鈕要放在界面上注目的位置。3):錯誤使用容易引起界面退出或關(guān)閉的按鈕不應(yīng)該放在易點位置。橫排開頭或最后與4):對可能造成數(shù)據(jù)無法恢復(fù)的操作必須提供確認信息，給用戶放棄選擇的機會。

5、5)：非法的輸入或操作應(yīng)有足夠的提示說明。6)：對運行過程中出現(xiàn)問題而引起錯誤的地方要有提示，讓用戶明白錯誤出處，避免形 成無限期的等待。7)：提示、警告、或錯誤說明應(yīng)該清楚、明了、恰當(dāng)。5、美觀與協(xié)調(diào)性界面應(yīng)該大小適合美學(xué)觀點，感覺協(xié)調(diào)舒適，能在有效的范圍內(nèi)吸引用戶的注意力。美觀與協(xié)調(diào)性細則：1)：布局要合理，不宜過于密集，也不能過于空曠，合理的利用空間。2):按鈕大小基本相近，忌用太長的名稱，免得占用過多的界面位置。3):按鈕的大小要與界面的大小和空間要協(xié)調(diào)。4): 避免空曠的界面上放置很大的按鈕。5):放置完控件后界面不應(yīng)有很大的空缺位置。6)：字體的大小要與界面的大小比例協(xié)調(diào)，通常使用

6、的字體中宋體 9-12較為美觀，很少使用超過12號的字體。7): 大型系統(tǒng)常用的主色有 "#E1E1E1"、"#EFEFEF"、"#C0C0C0”等。8)：界面風(fēng)格要保持一致，字的大小、顏色、字體要相同，除非是需要藝術(shù)處理或有特 殊要求的地方。9):如果窗體支持最小化和最大化或放大時，窗體上的控件也要隨著窗體而縮放；切忌 只放大窗體而忽略控件的縮放。10):對于含有按鈕的界面一般不應(yīng)該支持縮放，即右上角只有關(guān)閉功能。11)：通常父窗體支持縮放時，子窗體沒有必要縮放。6、獨特性如果一味的遵循業(yè)界的界面標(biāo)準(zhǔn)，則會喪失自己的個性.在框架符合以上規(guī)范的

7、情況下，設(shè)計具有自己獨特風(fēng)格的界面尤為重要。1):安裝界面上應(yīng)有單位介紹或產(chǎn)品介紹，并有自己的圖標(biāo)。2):主界面，最好是大多數(shù)界面上要有公司圖標(biāo)。3)：登錄界面上要有本產(chǎn)品的標(biāo)志，同時包含公司圖標(biāo)。4)：幫助菜單的“關(guān)于”中應(yīng)有版權(quán)和產(chǎn)品信息。5)：公司的系列產(chǎn)品要保持一直的界面風(fēng)格，如背景色、字體、菜單排列方式、圖標(biāo)、 安裝過程、按鈕用語等應(yīng)該大體一致。7、安全性考慮在界面上通過下列方式來控制出錯幾率，會大大減少系統(tǒng)因用戶人為的錯誤引起的破壞。開發(fā)者應(yīng)當(dāng)盡量周全地考慮到各種可能發(fā)生的問題，使出錯的可能降至最小。如應(yīng)用出現(xiàn)保護性錯誤而退出系統(tǒng)，這種錯誤最容易使用戶對軟件失去信心。因為這意味著用

8、戶要中 斷思路，并費時費力地重新登錄，而且已進行的操作也會因沒有存盤而全部丟失。安全性細則：1)：最重要的是排除可能會使應(yīng)用非正常中止的錯誤。2):應(yīng)當(dāng)注意盡可能避免用戶無意錄入無效的數(shù)據(jù)。3):采用相關(guān)控件限制用戶輸入值的種類。4):當(dāng)用戶作出選擇的可能性只有兩個時，可以采用單選框。5):當(dāng)選擇的可能再多一些時 ，可以采用復(fù)選框，每一種選擇都是有效的，用戶不可能輸 入任何一種無效的選擇。6):當(dāng)選項特別多時，可以采用列表框，下拉式列表框。7):在一個應(yīng)用系統(tǒng)中，開發(fā)者應(yīng)當(dāng)避免用戶作出未經(jīng)授權(quán)或沒有意義的操作。8):對可能引起致命錯誤或系統(tǒng)出錯的輸入字符或動作要加限制或屏蔽。9):對可能發(fā)生嚴(yán)

9、重后果的操作要有補救措施。通過補救措施用戶可以回到原來的正確 狀態(tài)。10)：對一些特殊符號的輸入、與系統(tǒng)使用的符號相沖突的字符等進行判斷并阻止用戶輸入該字符。11):對錯誤操作最好支持可逆性處理，如取消系列操作。12):在輸入有效性字符之前應(yīng)該阻止用戶進行只有輸入之后才可進行的操作。13):對可能造成等待時間較長的操作應(yīng)該提供取消功能。14):特殊字符常有；" ><,'"” 、| +=)-(_*&&人$#!,. 。 ?/還有空格。15):與系統(tǒng)采用的保留字符沖突的要加以限制。16):在讀入用戶所輸入的信息時，根據(jù)需要選擇是否去掉前后空格。17)：有些讀入數(shù)據(jù)庫的字段不支持中間有空格，但用戶切實需要輸入中間空格，這時要在程序中加以處理。8、多窗口的應(yīng)用與系統(tǒng)資源：設(shè)計良好的軟件不僅要有完備的功能，而且要盡可能的占用最底限度的資源。1)：在多窗口