用戶界面設(shè)計(jì)原則

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

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

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

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

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

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