介面是軟體與使用者互動的最直接的層,介面的好壞決定使用者對軟體的第一印象。而且設計良好的介面能夠引導使用者自己完成相應的操作,起到嚮導的作用。同時介面如同人的面孔,具有吸引使用者的直接優勢。設計合理的介面能給使用者帶來輕鬆愉悅的感受和成功的感覺,相反由於介面設計的失敗,讓使用者有挫敗感,再實用強大的功能都可能在使用者的畏懼與放棄中付諸東流。目前介面的設計引起軟體設計人員的重視的程度還遠遠不夠,直到最近網頁製作的興起,才受到專家的青睞。而且設計良好的介面由於需要具有藝術美的天賦而遭拒絕。
目前流行的介面風格有三種方式:多窗體、單窗體以及資源管理器風格,無論那種風格,以下規則是應該被重視的。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):專業性強的軟體要使用相關的專業術語,通用性介面則提倡使用通用性詞眼。
5:美觀與協調性:介面應該大小適合美學觀點,感覺協調舒適,能在有效的範圍內吸引使用者的注意力。美觀與協調性細則:1): 長寬接近**點比例,切忌長寬比例失調、或寬度超過長度。 2): 布局要合理,不宜過於密集,也不能過於空曠,合理的利用空間。 3): 按鈕大小基本相近,忌用太長的名稱,免得占用過多的介面位置。 4): 按鈕的大小要與介面的大小和空間要協調。 5): 避免空曠的介面上放置很大的按鈕。 6):放置完控制項後介面不應有很大的空缺位置。 7): 字型的大小要與介面的大小比例協調, 通常使用的字型中宋體9-12較為美觀,很少使用超過12號的字型。 8): 前景與背景色搭配合理協調,反差不宜太大,最好少用深色,如大紅、大綠等。常用色考慮使用windows介面色調。 9): 如果使用其他顏色,主色要柔和,具有親和力與磁力,堅決杜絕刺目的顏色。 10): 大型系統常用的主色有"#e1e1e1"、"#efefef"、"#c0c0c0"等。 11): 介面風格要保持一致,字的大小、顏色、字型要相同,除非是需要藝術處理或有特殊要求的地方。 12): 如果窗體支援最小化和最大化或放大時,窗體上的控制項也要隨著窗體而縮放;切忌只放大窗體而忽略控制項的縮放。 13):對於含有按鈕的介面一般不應該支援縮放,即右上角只有關閉功能。 14): 通常父窗體支援縮放時,子窗體沒有必要縮放。 15):如果能給使用者提供自定義介面風格則更好,由使用者自己選擇顏色、字型等。6:選單位置:選單是介面上最重要的元素,選單位置按照按功能來組織。選單設測試細則:1):選單通常採用「常用--主要--次要--工具--幫助」的位置排列,符合流行的windows風格。 2):常用的有「檔案」、「編輯」,「檢視」等,幾乎每個系統都有這些選項,當然要根據不同的系統有所取捨。 3):下拉列表要根據選單選項的含義進行分組,並切按照一定的規則進行排列,用橫線隔開。 4): 一組選單的使用有先後要求或有嚮導作用時,應該按先後次序排列。 5): 沒有順序要求的選單項按使用頻率和重要性排列,常用的放在開頭, 不常用的靠後放置;重要的放在開頭,次要的放在後邊。 6): 如果選單選項較多,應該採用加長選單的長度而減少深度的原則排列。 7): 選單深度一般要求最多控制在三層以內。 8): 對常用的選單要有快捷命令方式,組合原則見8。 9):對與進行的操作無關的選單要用遮蔽的方式加以處理,如果採用動態載入方式——即只有需要的選單才顯示——最好。 10):選單前的圖示不宜太大,與字高保持一直最好。 11):主選單的寬度要接近,字數不應多於四個,每個選單的字數能相同最好。 12):主選單數目不應太多,最好為單排布置。
7:獨特性:如果一味的遵循業界的介面標準,則會喪失自己的個性.在框架符合以上規範的情況下,設計具有自己獨特風格的介面尤為重要。尤其在商業軟體流通中有著很好的遷移默化的廣告效用。 1):安裝介面上應有單位介紹或產品介紹,並有自己的圖示。 2):主介面,最好是大多數介面上要有公司圖示。 3):登入介面上要有本產品的標誌,同時包含公司圖示。 4):幫助選單的「關於」中應有版權和產品資訊。 5):公司的系列產品要保持一直的介面風格,如背景色、字型、選單排列方式、圖示、安裝過程、按鈕用語等應該大體一致。8:快捷方式的組合在選單及按鈕中使用快捷鍵可以讓喜歡使用鍵盤的使用者操作得更快一些 在西文windows及其應用軟體中快捷鍵的使用大多是一致的。
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):在主介面載入完畢後自動卸出記憶體,讓出所占用的windows系統資源。 3):關閉所有窗體,系統退出後要釋放所佔的所有系統資源 ,除非是需要後台執行的系統。 4):盡量防止對系統的獨佔使用。
介面設計與測試規則
介面是軟體與使用者互動的最直接的層,介面的好壞決定使用者對軟體的第一印象。而且設計良好的介面能夠引導使用者自己完成相應的 作,起到嚮導的作用。同時介面如同人的面孔,具有吸引使用者的直接優勢。易用性細則 1 完成相同或相近功能的按鈕用frame框起來,常用按鈕要支援快捷方式。2 完成同一功能或任務的元...
UI介面設計 介面設計流程
人類社會逐步向非物質社會邁進,網際網路資訊產業已經走入我們的生活。在這樣乙個非物質社會中,與軟體這些非物質產品再也不象過去那樣緊緊靠技術就能處於不敗之地。工業設計開始關注非物質產品。但是在國內依然普遍存在這樣乙個稱呼 美工 工 的意思就是沒有思想緊緊靠體力工作的人。這是乙個很愚昧的做法,愚昧在於稱呼...
薦 使用者介面設計規則方面的好書
gui設計禁忌 程式設計師和網頁設計師介面設計必讀 譯者 王蔓 劉耀明等譯 出版社 機械工業出版社 本書作者jeff johnson是ui wizards 的諮詢顧問,他從1978年以來就一直作為一名軟體設計師 可用性測試師 經理以及研究者在人際互動領域開展工作。本書對於讀者的要求較高,只有有相當軟...