介面是軟體與使用者互動的最直接的層,介面的好壞決定使用者對軟體的第一印象。而且設計良好的介面能夠引導使用者自己完成相應的*作,起到嚮導的作用。同時介面如同人的面孔,具有吸引使用者的直接優勢。
易用性細則:
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):專業性強的軟體要使用相關的專業術語,通用性介面則提倡使用通用性詞眼。
美觀與協調性細則:
1): 長寬接近**點比例,切忌長寬比例失調、或寬度超過長度。
2): 布局要合理,不宜過於密集,也不能過於空曠,合理的利用空間。
3): 按鈕大小基本相近,忌用太長的名稱,免得占用過多的介面位置。
4): 按鈕的大小要與介面的大小和空間要協調。
5): 避免空曠的介面上放置很大的按鈕。
6):放置完控制項後介面不應有很大的空缺位置。
7): 字型的大小要與介面的大小比例協調, 通常使用的字型中宋體9-12較為美觀,很少使用超過12號的字型。
8): 前景與背景色搭配合理協調,反差不宜太大,最好少用深色,如大紅、大綠等。常用色考慮使用windows介面色調。
9): 如果使用其他顏色,主色要柔和,具有親和力與磁力,堅決杜絕刺目的顏色。
10): 大型系統常用的主色有"#e1e1e1"、"#efefef"、"#c0c0c0"等。
11): 介面風格要保持一致,字的大小、顏色、字型要相同,除非是需要藝術處理或有特殊要求的地方。
12): 如果窗體支援最小化和最大化或放大時,窗體上的控制項也要隨著窗體而縮放;切忌只放大窗體而忽略控制項的縮放。
13):對於含有按鈕的介面一般不應該支援縮放,即右上角只有關閉功能。
14): 通常父窗體支援縮放時,子窗體沒有必要縮放。
15):如果能給使用者提供自定義介面風格則更好,由使用者自己選擇顏色、字型等。
介面設計與測試規則
介面是軟體與使用者互動的最直接的層,介面的好壞決定使用者對軟體的第一印象。而且設計良好的介面能夠引導使用者自己完成相應的操作,起到嚮導的作用。同時介面如同人的面孔,具有吸引使用者的直接優勢。設計合理的介面能給使用者帶來輕鬆愉悅的感受和成功的感覺,相反由於介面設計的失敗,讓使用者有挫敗感,再實用強大的...
UI介面設計 介面設計流程
人類社會逐步向非物質社會邁進,網際網路資訊產業已經走入我們的生活。在這樣乙個非物質社會中,與軟體這些非物質產品再也不象過去那樣緊緊靠技術就能處於不敗之地。工業設計開始關注非物質產品。但是在國內依然普遍存在這樣乙個稱呼 美工 工 的意思就是沒有思想緊緊靠體力工作的人。這是乙個很愚昧的做法,愚昧在於稱呼...
薦 使用者介面設計規則方面的好書
gui設計禁忌 程式設計師和網頁設計師介面設計必讀 譯者 王蔓 劉耀明等譯 出版社 機械工業出版社 本書作者jeff johnson是ui wizards 的諮詢顧問,他從1978年以來就一直作為一名軟體設計師 可用性測試師 經理以及研究者在人際互動領域開展工作。本書對於讀者的要求較高,只有有相當軟...