界面設計與測試規則

界面是軟件與用戶交互的最直接的層，界面的好壞決定用戶對軟件的第一印象。並且設計良好的界面可以引導用戶本身完成相應的操做，起到嚮導的做用。同時界面如同人的面孔，具備吸引用戶的直接優點。設計合理的界面能給用戶帶來輕鬆愉悅的感覺和成功的感受，相反因爲界面設計的失敗，讓用戶有挫敗感，再實用強大的功能均可能在用戶的畏懼與放棄中付諸東流。目前界面的設計引發軟件設計人員的重視的程度還遠遠不夠，直到最近網頁製做的興起，才受到專家的青睞。

    目前流行的界面風格有三種基本方式：多窗體、單窗體以及資源管理器風格，不管那種風格，如下規則是應該被重視的。

    1：易用性：
    按鈕名稱應該易懂，用詞準確，屏棄摸棱兩可的字眼，要與同一界面上的其餘按鈕易於區分，能望文知意最好。理想的狀況是用戶不用查閱幫助就能知道該界面的功能並進行相關的正確操做。

    易用性細則：
    1):完成相同或相近功能的按鈕用Frame框起來，經常使用按鈕要支持快捷方式。
    2):完成同一功能或任務的元素放在集中位置，減小鼠標移動的距離。
    3):按功能將界面劃分局域塊，用Frame框括起來,並要有功能說明或標題。
    4):界面要支持鍵盤自動瀏覽按鈕功能，即按Tab鍵的自動切換功能。
    5):界面上首先應輸入的和重要信息的控件在Tab順序中應當靠前,位置也應放在窗口上較醒目的位置。
    6):同一界面上的控件數最好不要超過10個，多於10個時能夠考慮使用分頁界面顯示。
    7):分頁界面要支持在頁面間的快捷切換，經常使用組合快捷鍵Ctrl+Tab
    8):默認按鈕要支持Enter及選操做，即按Enter後自動執行默認按鈕對應操做。
    9):可寫控件檢測到非法輸入後應給出說明並能自動得到焦點。
    10):Tab鍵的順序與控件排列順序要一致，目前流行整體從上到下，同時行間從左到右的方式。
    11):複選框和選項框按選擇概率的高底而前後排列。
    12):複選框和選項框要有默認選項，並支持Tab選擇。
    13):選項數相同時多用選項框而不用下拉列表框。
    14):界面空間較小時使用下拉框而不用選項框。
    15):選項數較少時使用選項框，相反使用下拉列表框。
    16):專業性強的軟件要使用相關的專業術語，通用性界面則提倡使用通用性詞眼。

    2： 規範性：
    一般界面設計都按Windows界面的規範來設計，即包含「菜單條、工具欄、工具廂、狀態欄、滾動條、右鍵快捷菜單」的標準格式，能夠說：界面遵循規範化的程度越高，則易用性相應的就越好。小型軟件通常不提供工具箱。

    規範性細則：
    1):經常使用菜單要有命令快捷方式。
    2):完成相同或相近功能的菜單用橫線隔開放在同一位置。
    3):菜單前的圖標能直觀的表明要完成的操做。
    4):菜單深度通常要求最多控制在三層之內。
    5):工具欄要求能夠根據用戶的要求本身選擇定製。
    6):相同或相近功能的工具欄放在一塊兒。
    7):工具欄中的每個按鈕要有及時提示信息。
    8):一條工具欄的長度最長不能超出屏幕寬度。
    9):工具欄的圖標能直觀的表明要完成的操做。
    10):系統經常使用的工具欄設置默認放置位置。
    11):工具欄太多時能夠考慮使用工具箱。
    12):工具箱要具備可增減性，由用戶本身根據需求定製。
    13):工具箱的默認總寬度不要超過屏幕寬度的1/5。
    14):狀態條要能顯示用戶切實須要的信息，經常使用的有：
        目前的操做、系統狀態、用戶位置、用戶信息、提示信息、錯誤信息等，
        若是某一操做須要的時間較長，還應該顯示進度條和進程提示。
    15):滾動條的長度要根據顯示信息的長度或寬度能及時變換，以利於用戶瞭解顯示信息的位置和百分比。
    16):狀態條的高度以放置5號字爲宜，滾動條的寬度比狀態條的略窄。
    17):菜單和工具欄要有清楚的界限;菜單要求凸出顯示，這樣在移走工具欄時仍有立體感。
    18):菜單和狀態條中一般使用5號字體。工具欄通常比菜單要寬，但不要寬的太多，不然看起來很不協調。
    19):右鍵快捷菜單採用與菜單相同的準則。

    3：幫助設施：
    系統應該提供詳盡而可靠的幫助文檔，在用戶使用產生迷惑時能夠本身尋求解決方法。

    幫助設施細則：
    1):幫助文檔中的性能介紹與說明要與系統性能配套一致。(咱們的系統幫助文檔都是系統的祖先時期的說明，讓人困惑)。
    2):打包新系統時，對做了修改的地方在幫助文檔中要作相應的修改。
    3):操做時要提供及時調用系統幫助的功能。經常使用F1。
    4):在界面上調用幫助時應該可以及時定位到與該操做相對的幫助位置。也就是說幫助要有即時針對性。
    5):最好提供目前流行的聯機幫助格式或HTML幫助格式。
    6):用戶能夠用關鍵詞在幫助索引中搜索所要的幫助，固然也應該提供幫助主題詞。
    7):若是沒有提供書面的幫助文檔的話，最好有打印幫助的功能。
    8):在幫助中應該提供咱們的技術支持方式，一旦用戶難以本身解決能夠方便的尋求新的幫助方式。

    4：合理性：
    屏幕對角線相交的位置是用戶直視的地方，正上方四分之一處爲易吸引用戶注意力的位置，在放置窗體時要注意利用這兩個位置。

    合理性細則：
    1):父窗體或主窗體的中心位置應該在對角線焦點附近。
    2):子窗體位置應該在主窗體的左上角或正中。
    3):多個子窗體彈出時應該依次向右下方偏移，以顯示窗體出標題爲宜。
    4):重要的命令按鈕與使用較頻繁的按鈕要放在界面上注目的位置。(默認界面應該只顯示目標用戶最常使用的功能，至於不經常使用到的高級功能，能夠「隱藏」起來，好比說，放到菜單裏，不要都作成按鈕擺到界面上。果然須要須要這些高級功能的話，用戶天然會到菜單裏去找的。 )
    5):錯誤使用容易引發界面退出或關閉的按鈕不該該放在易點位置。橫排開頭或最後與豎排最後爲易點位置。
    6):與正在進行的操做無關的按鈕應該加以屏蔽(Windows中用灰色顯示，無法使用該按鈕)。
    7):對可能形成數據沒法恢復的操做必須提供確認信息,給用戶放棄選擇的機會。
    8):非法的輸入或操做應有足夠的提示說明。
    9):對運行過程當中出現問題而引發錯誤的地方要有提示，讓用戶明白錯誤出處，避免造成無限期的等待。
    10):提示、警告、或錯誤說明應該清楚、明瞭、恰當。

    5：美觀與協調性：
    界面應該大小適合美學觀點，感受協調溫馨，能在有效的範圍內吸引用戶的注意力。

    美觀與協調性細則：
    1):長寬接近黃金點比例，切忌長寬比例失調、或寬度超過長度。
    2):佈局要合理,不宜過於密集，也不能過於空曠，合理的利用空間。
    3):按鈕大小基本相近，忌用太長的名稱，省得佔用過多的界面位置。
    4):按鈕的大小要與界面的大小和空間要協調。
    5):避免空曠的界面上放置很大的按鈕。
    6):放置完控件後界面不該有很大的空缺位置。
    7):字體的大小要與界面的大小比例協調, 一般使用的字體中宋體9-12較爲美觀，不多使用超過12號的字體。
    8):前景與背景色搭配合理協調，反差不宜太大，最好少用深色，如大紅、大綠等。藍色文字以白色背景容易識別，而在紅色背景則不易分辨，緣由是紅色和藍色沒有足夠反差，而藍色和白色反差很大。除非特殊場合，杜絕使用對比強烈，讓人產生憎惡感的顏色。經常使用色考慮使用Windows界面色調。
    9):整個界面色彩儘可能少的使用類別不一樣的顏色。統一色調，針對軟件類型以及用戶工做環境選擇恰當色調:如：安全軟件，根據工業標準，能夠選取×××，綠色體現環保，藍色表現時尚、紫色表現浪漫等等，淡色可使人溫馨，暗色作背景令人不以爲累等
    10):若是使用其餘顏色，主色要柔和，具備親和力與磁力，堅定杜絕刺目的顏色。
    11):大型系統經常使用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
    12):界面風格要保持一致，字的大小、顏色、字體要相同，除非是須要藝術處理或有特殊要求的地方。
    13):若是窗體支持最小化和最大化或放大時，窗體上的控件也要隨着窗體而縮放；切忌只放大窗體而忽略控件的縮放。
    14):對於含有按鈕的界面通常不該該支持縮放，即右上角只有關閉功能。
    15):一般父窗體支持縮放時，子窗體沒有必要縮放。
    16):若是能給用戶提供自定義界面風格則更好，由用戶本身選擇顏色、字體等。

    6：菜單位置：
    菜單是界面上最重要的元素，菜單位置按照按功能來組織。

    菜單位置細則：
    1):菜單一般採用「經常使用--主要--次要--工具--幫助」的位置排列，符合流行的Windows風格。
    2):經常使用的有「文件」、「編輯」，「查看」等，幾乎每一個系統都有這些選項，固然要根據不一樣的系統有所取捨。
    3):下拉菜單要根據菜單選項的含義進行分組，並切按照必定的規則進行排列，用橫線隔開。
    4):一組菜單的使用有前後要求或有嚮導做用時，應該按前後次序排列。
    5):沒有順序要求的菜單項按使用頻率和重要性排列，經常使用的放在開頭， 不經常使用的靠後放置；重要的放在開頭，次要的放在後邊。
    6):若是菜單選項較多，應該採用加長菜單的長度而減小深度的原則排列。
    7):菜單深度通常要求最多控制在三層之內。
    8):對經常使用的菜單要有快捷命令方式，組合原則見8。
    9):對與進行的操做無關的菜單要用屏蔽的方式加以處理，若是採用動態加載方式——即只有須要的菜單才顯示——最好。
    10):菜單前的圖標不宜太大，與字高保持一直最好。
    11):主菜單的寬度要接近，字數不該多於四個，每一個菜單的字數能相同最好。
    12):主菜單數目不該太多，最好爲單排佈置。

    7：獨特性：
    若是一味的遵循業界的界面標準，則會喪失本身的個性.在框架符合以上規範的狀況下，設計具備本身獨特風格的界面尤其重要。尤爲在商業軟件流通中有着很好的遷移默化的廣告效用。

    獨特性細則：
    1):安裝界面上應有單位介紹或產品介紹，並有本身的圖標。
    2):主界面，最好是大多數界面上要有公司圖標。
    3):登陸界面上要有本產品的標誌，同時包含公司圖標。
    4):幫助菜單的「關於」中應有版權和產品信息。
    5):公司的系列產品要保持一直的界面風格，如背景色、字體、菜單排列方式、圖標、安裝過程、按鈕用語等應該大致一致。

    8：快捷方式的組合
    在菜單及按鈕中使用快捷鍵可讓喜歡使用鍵盤的用戶操做得更快一些。在西文Windows及其應用軟件中快捷鍵的使用大可能是一致的。

    菜單中：
    1):面向事務的組合有:
        Ctrl-D 刪除
        Ctrl-F 尋找
        Ctrl-H 替換
        Ctrl-I 插入
        Ctrl-N 新建
        Ctrl-S 保存
        Ctrl-O 打開

    2):列表:
        Ctrl-R   刷新
        Ctrl-G   定位
        Ctrl-Tab 下一分頁窗口或反序瀏覽同一頁面控件

    3):編輯:
        Ctrl-A 全選
        Ctrl-C 拷貝
        Ctrl-V 粘貼
        Ctrl-X 剪切
        Ctrl-Z 撤消操做
        Ctrl-Y 恢復操做

    4):文件操做:
        Ctrl-P 打印
        Ctrl-W 關閉

    5):系統菜單
        Alt-A 文件
        Alt-E 編輯
        Alt-T 工具
        Alt-W 窗口
        Alt-H 幫助

    6):MS Windows保留鍵:
        Ctrl-Esc 任務列表
        Ctrl-F4 關閉窗口
        Alt-F4 結束當前程序
        Alt-Tab 切換當前程序
        Enter 缺省按鈕/確認操做
        Esc 取消按鈕/取消操做
        Shift-F1 上下文相關幫助

    按鈕中：
    能夠根據系統須要而調節，如下只是經常使用的組合。
        Alt-Y 肯定(是)
        Alt-C 取消
        Alt-N 否
        Alt-D 刪除
        Alt-Q 退出
        Alt-A 添加
        Alt-E 編輯
        Alt-B 瀏覽
        Alt-R 讀
        Alt-W 寫
    這些快捷鍵也能夠做爲開發中文應用軟件的標準,但亦可以使用漢語拼音的開頭字母（不推薦）。

    9:安全性考慮：
    在界面上經過下列方式來控制出錯概率，會大大減小系統因用戶人爲的錯誤引發的破壞。開發者應當儘可能周全地考慮到各類可能發生的問題,使出錯的可能降至最小。
    如應用出現保護性錯誤而退出系統,這種錯誤最容易使用戶對軟件失去信心。由於這意味着用戶要中斷思路,並費時費力地從新登陸,並且已進行的操做也會因沒有存盤而所有丟失。

    安全性細則：
    1):最重要的是排除可能會使應用非正常停止的錯誤。
    2):應當注意儘量避免用戶無心錄入無效的數據。
    3):採用相關控件限制用戶輸入值的種類。
    4):當用戶做出選擇的可能性只有兩個時,能夠採用單選框。
    5):當選擇的可能再多一些時,能夠採用複選框,每一種選擇都是有效的,用戶不可能輸入任何一種無效的選擇。
    6):當選項特別多時，能夠採用列表框，下拉式列表框。
    7):在一個應用系統中,開發者應當避免用戶做出未經受權或沒有意義的操做。
    8):對可能引發致命錯誤或系統出錯的輸入字符或動做要加限制或屏蔽。
    9):對可能發生嚴重後果的操做要有補救措施。經過補救措施用戶能夠回到原來的正確狀態。
    10):對一些特殊符號的輸入、與系統使用的符號相沖突的字符等進行判斷並阻止用戶輸入該字符。
    11):對錯誤操做最好支持可逆性處理，如取消系列操做。
    12):在輸入有效性字符以前應該阻止用戶進行只有輸入以後纔可進行的操做。
    13):對可能形成等待時間較長的操做應該提供取消功能。
    14):特殊字符常有；;’」><,｀‘：「［」｛、\|｝］+=)-(_*&&^%$#@!,.。?/還有空格。（此外，還要注意全角和半角符號的區別）
    15):與系統採用的保留字符衝突的要加以限制。
    16):在讀入用戶所輸入的信息時，根據須要選擇是否去掉先後空格。
    17):有些讀入數據庫的字段不支持中間有空格，但用戶切實須要輸入中間空格，這時要在程序中加以處理。

    10:多窗口的應用與系統資源：
    設計良好的軟件不只要有完備的功能，並且要儘量的佔用最底限度的資源。
    應用細則：
    1):在多窗口系統中，有些界面要求必須保持在最頂層，避免用戶在打開多個窗口時，不停的切換甚至最小化其餘窗口來顯示該窗口。
    2):顯示多個窗口時，窗口的名稱是否被適當地表示？
    3):活動窗口是否被適當地加亮？
    4):若是使用多任務，是否全部的窗口被實時更新？
    5):在主界面載入完畢後自動卸出內存，讓出所佔用的WINDOWS系統資源。
    6):關閉全部窗體，系統退出後要釋放所佔的全部系統資源 ，除非是須要後臺運行的系統。
    4):儘可能防止對系統的獨佔使用。

    美麗的事物經常會讓人沒法抗拒。這就是爲何產品出色的外觀設計對於電腦、汽車、日用品、傢俱、食品、服裝等等幾乎全部商品的銷售與推廣，都有着舉足輕重的做用的緣由。
    一樣的道理，對於軟件公司來講，軟件產品就是他們的商品，而軟件界面就是他們產品的外觀，界面的美觀與否，直接關係到了軟件產品的營銷成敗。
    咱們能夠清楚地看到，微軟公司對軟件界面設計的重視。請回想一下您在第一次見到win2000時的情景，與nt4.0相比是否驚歎他界面的美觀性與易用性？而您若是使用過xp系統，則會被其使人神奇的感官概念而震驚折服！金山公司的金山詞霸就是國內軟件成功的例子了，從金山詞霸3.0到金山詞霸2001 的變化堪稱經典。著名的網頁動畫製做軟件flash從3.0到4.0，僅僅修改了圖標和窗體，當即大爲增色…
    現今世界上成功的軟件公司都很是重視軟件界面的美化設計工做，由於他們深入地知道，在激烈的市場競爭中，僅僅有強大的功能是遠遠不夠的，不足以打敗強勁的對手。咱們能夠相象一下，您在挑選手機的時候，若是有兩款手機，性能相同，而第一款比第二款要美觀不少，那麼您將選擇哪一款呢？固然是美觀的那一款了。試想，您的客戶，也會拿您和您競爭對手的軟件作這樣的比較的。
    如今的軟件企業都知道，廣告和市場推銷活動對市場營銷的做用是多麼的重要，並竭盡全力地打廣告、作活動、作推廣。但咱們知道，這些活動的最終目的，是爲了讓用戶購買並使用軟件產品，而用戶最終使用的也是您的產品，那麼爲何不在軟件界面的美觀性上多下些工夫呢？在諸如家用電器、汽車、電腦等成熟的市場中，用很是精美的廣告去推廣一種功能強大卻醜陋無比的產品，是一種笑話。然而，這樣的笑話在軟件行業裏卻家常便飯。這也是像中國足球同樣，中國軟件業與國外相比較存在的一個很大的差距。 

                                                                                                        做者： lwfwind