用戶界面設計原則

1、用戶界面設計原則內容概要n設計的總則n界面設計的3大原則n界面設計的基本原則n界面設計的一般詳則n桌面應用界面設計的原則nweb應用界面設計的原則4.1 設計的總體原則n功能原則n計算機不能破壞用戶的工作，也不能因其懈怠而使用戶的工作受到破壞n用戶原則n計算機不應該浪費用戶的時間，或者要求用戶做與實現(xiàn)目的無關的其他事情4.1.1 信息架構原則n一個界面一個主題一個界面一個主題n個人信息個人信息& &公共信公共信息息n兩種基本內容：列兩種基本內容：列表和表單表和表單n越少的信息越好越少的信息越好n用戶生成的內容有用戶生成的內容有兩個狀態(tài)：瀏覽狀兩個狀態(tài)：瀏覽狀態(tài)態(tài)& &編輯狀態(tài)編輯狀態(tài)n結構樹盡

2、量窄而淺，結構樹盡量窄而淺，并保持平衡并保持平衡n與現(xiàn)實經(jīng)驗一致與現(xiàn)實經(jīng)驗一致n固定的位置固定的位置n并列的樣式并列的樣式n 4.1.2 界面表達原則n越少的信息量越好越少的信息量越好n結構化更易于理解結構化更易于理解n信息的表達應該清楚、信息的表達應該清楚、明確、直接明確、直接n操作可識別操作可識別n操作前，結果可預知操作前，結果可預知n操作時，操作有反饋操作時，操作有反饋n操作后，操作可撤銷操作后，操作可撤銷n讓用戶知道身處何地讓用戶知道身處何地n避免內容看上去象廣避免內容看上去象廣告告n不提供多余的功能不提供多余的功能n相同的功能，在不同相同的功能，在不同的頁面中應保持一致的頁面中應保持

3、一致性性n措辭統(tǒng)一措辭統(tǒng)一4.1.3 視覺表現(xiàn)原則n滾動條看上去像滾動條滾動條看上去像滾動條n表單統(tǒng)一的對齊方式表單統(tǒng)一的對齊方式n重要的內容放在第一屏重要的內容放在第一屏n導航在第一屏的上半部導航在第一屏的上半部n避免使用裝飾性的圖標避免使用裝飾性的圖標n避免內容看上去像廣告避免內容看上去像廣告n醒目的光標樣式醒目的光標樣式n紅色表示警告，綠色表紅色表示警告，綠色表示正常，黃色表示提醒示正常，黃色表示提醒n灰色表示灰色表示“暫不可用暫不可用”4.2 界面設計的三大原則n以用戶為中心n將界面置于用戶的控制之下n減輕用戶的記憶負擔n良好的直覺特性n保持界面的一致性4.2.1 用戶中心n用戶應該總

4、是感覺在控制軟件而不是感覺被軟件所控制n用戶-而不是計算機或軟件-開始動作n采取交互式和易感應的窗口n從用戶的視角出發(fā)，使用用戶的語言n后臺運行長進程時，保持前臺的交互性n容忍用戶探索中出錯n提供用戶自定義設置 4.2.2 記憶負擔n用熟悉的隱喻為用戶的任務提供直接而直觀的界面 n喚醒用戶的知識和經(jīng)驗 n支持用戶認知而不是記憶 n與常見軟件保持一致 4.2.3 一致性n一致性為用戶提供熟悉可預測的環(huán)境n用戶能夠將已有的知識應用到新的任務中，從而更快地接受新事物 n統(tǒng)一的命令術語n一致的操作環(huán)境n一致的功能和響應n一致的隱喻4.3 界面設計的基本原則n界面簡潔方便n較快的響應速度n整體的美感n視

5、覺沖擊力和吸引力n標準化nibm 1993/microsoft 1995工業(yè)標準n人性化n定制界面n升級是常態(tài)n多媒體4.4界面設計的一般詳則n交互n布局n色彩n圖標n聯(lián)機幫助n錯誤處理4.4.1 交互的設計原則n盡量提供對所有功能的鍵盤訪問 n盡量提供對所有功能的鼠標訪問 n不可逆的操作要求用戶確認 n耗時的操作給出反饋 n可視的狀態(tài)轉換反饋 n鼠標右鍵僅用于快捷菜單 n快捷鍵的習慣一致性 n避免水平滾動條4.4.2 版式布局的設計原則n平衡原則n整齊有序、整體平衡n協(xié)調原則n劃分一致的功能區(qū)n對比原則n預期原則n屏幕上所有對象的動作可預期n順序原則n根據(jù)需要排列對象顯示的順序4.4.3 色

6、彩的設計原則n合理利用顏色，實現(xiàn)內容與形式的協(xié)調n采用柔和中性的顏色，支持用戶定制n顏色設計一致n盡量用單色n一屏的色彩種類少于7種n對象顏色的選取符合習慣（如果有的話）n重要對象選取醒目顏色n為區(qū)分對象，首先按亮度、其次按顏色n背景色選取淺色調n暖色調接近觀眾，冷色調遠離觀眾4.4.4 圖標的設計原則n圖標表示的映射關系盡可能的直觀簡單 n圖標表示的映射關系是唯一的 n一個圖標系列中的映射模式相同n附以簡短的文字作為圖標的冗余信息 4.4.5 聯(lián)機幫助的設計原則n對用戶的操作隨時給出必要的幫助n提供幫助信息而不是數(shù)據(jù)n幫助信息的內容簡潔易懂n幫助信息的形式包括圖表、動畫和聲音等n幫助信息有統(tǒng)一的風格n為不同類型的用戶提供不同的幫助功能n幫助不能影響用戶的工作任務，聯(lián)機幫助結束后應該返回用戶的工作任務4.4.6 錯誤處理的設計原則n檢測用戶的錯誤，并提供簡明的錯誤處理手段n報錯信息以可視化的形式出現(xiàn)n報錯信息語氣友善n報錯信息盡可能準確n報錯信息簡潔明了、通俗易懂n報錯信息風格一致n提供保護功能和恢復(undo)功能4.5 桌面應用界面設計原則n易用性n規(guī)范性n合理性n協(xié)調性n獨特性n安全性n多窗口n菜單位置n快捷方式n聯(lián)機幫助4.6 we