用戶界面設(shè)計(jì)集錦的課件

1、關(guān)鍵性系統(tǒng)要求高可靠性和高效率，這種系統(tǒng)的開發(fā)成本高，系統(tǒng)使用人員要進(jìn)行長(zhǎng)期的、嚴(yán)格的訓(xùn)練以保證系統(tǒng)可以長(zhǎng)時(shí)間處于無錯(cuò)運(yùn)行狀態(tài)這樣的系統(tǒng)包括：空中交通調(diào)度、核反應(yīng)堆的控制、發(fā)電廠控制、載人航天飛行器發(fā)射與飛行監(jiān)控、警務(wù)管理、消防調(diào)度、軍事指揮、軍事實(shí)施的使用、醫(yī)療診斷、急救 等系統(tǒng)從人機(jī)工程角度看，現(xiàn)今很多設(shè)計(jì)都做得不盡人意 工業(yè)和商業(yè)上使用的系統(tǒng)這樣的系統(tǒng)包括：銀行、保險(xiǎn)、定單錄入、庫(kù)存管理、機(jī)票和旅館的預(yù)訂、汽車租賃、公用事業(yè)收費(fèi)、信用卡管理、銷售點(diǎn)終端 等系統(tǒng)低成本犧牲了可靠性 系統(tǒng)操作人員的培訓(xùn)費(fèi)用比較昂貴，學(xué)習(xí)過程較為容易，如：ERP產(chǎn)品費(fèi)用比較高昂，其中就包括了企業(yè)員工的培訓(xùn)費(fèi)用出

2、錯(cuò)率和系統(tǒng)的執(zhí)行速度都必須根據(jù)系統(tǒng)生存期內(nèi)總的成本折中考慮用戶滿意度要適當(dāng)考慮辦公室, 家庭和娛樂方面的應(yīng)用系統(tǒng)這類系統(tǒng)包括：文字處理、自動(dòng)事務(wù)處理、電腦游戲、教育軟件、信息檢索、電子郵件、計(jì)算機(jī)視頻會(huì)議和小型商務(wù)管理 等對(duì)于這些系統(tǒng)來說，容易學(xué)習(xí)、出錯(cuò)率低、個(gè)人滿意度高和擁有好的在線幫助非常重要 由于競(jìng)爭(zhēng)激烈，所以降低成本也非常重要探索性、創(chuàng)造性和協(xié)同性系統(tǒng)這類系統(tǒng)包括：電子百科全書、行業(yè)CAD軟件、建模工具如Matlab、金融，企管用決策系統(tǒng)等 這類軟件難以設(shè)計(jì)，也難以評(píng)估，基準(zhǔn)任務(wù)難以描述 國(guó)產(chǎn)CAXA電子圖板的設(shè)計(jì)者來自Auto Desk公司的開發(fā)團(tuán)隊(duì)使用者希望計(jì)算機(jī)在設(shè)計(jì)者進(jìn)行設(shè)計(jì)工

3、作時(shí)體現(xiàn)“隱藏性”，能讓設(shè)計(jì)者全身心地投入到設(shè)計(jì)創(chuàng)造中，甚至可以感覺不到計(jì)算機(jī)的存在運(yùn)用界面設(shè)計(jì)的8條黃金規(guī)則81 Strive for consistency盡可能保持一致2 Enable frequent users to use shortcuts允許熟練用戶使用快捷鍵3 Offer informative feedback提供有價(jià)值的反饋4 Design dialogs to yield closure設(shè)計(jì)說明對(duì)話框以生成結(jié)束信息操作環(huán)境應(yīng)提供一致的操作序列；提示、菜單和幫助中的術(shù)語(yǔ)要統(tǒng)一；顏色、布局、大小寫、字體等應(yīng)自始至終保持一致隨著系統(tǒng)使用次數(shù)的增多用戶希望減少交互次數(shù)，所以快捷

4、鍵是必不可少的常用操作的反饋信息可以簡(jiǎn)短；而不常使用的操作的反饋信息應(yīng)豐富一些操作結(jié)束之后，系統(tǒng)應(yīng)給出反饋信息，告知用戶已經(jīng)完成操作過程以使用戶獲得一種輕松感5 Offer error prevention and simple error handling 提供預(yù)防錯(cuò)誤和簡(jiǎn)單的錯(cuò)誤處理手段6 Permit easy reversal of actions 允許輕松的反向操作7 Support internal locus of control 支持內(nèi)部控制點(diǎn)8 Reduce short-term memory load減少短時(shí)記憶系統(tǒng)用盡可能不讓用戶出錯(cuò)，比如在財(cái)務(wù)軟件的錢款錄入輸入框中只允

5、許數(shù)字輸入，而字母不能輸入等。系統(tǒng)如果檢測(cè)到錯(cuò)誤 應(yīng)能給出簡(jiǎn)單有效積極的修改意見允許反向操作可以減輕用戶的焦慮感；由于用戶知道錯(cuò)誤的操作可以被撤銷，這樣就能大膽嘗試不熟悉的選項(xiàng)操作有經(jīng)驗(yàn)的操作者希望可以控制系統(tǒng)注冊(cè)表編輯器的使用就是一個(gè)例子 run: regedit心理學(xué)研究表明：人可以記憶72個(gè)信息塊，憑短時(shí)記憶進(jìn)行信息處理能力有限。所以要求顯示簡(jiǎn)單、多頁(yè)顯示風(fēng)格統(tǒng)一、窗口移動(dòng)頻率低數(shù)據(jù)顯示的指導(dǎo)原則組織內(nèi)容的顯示數(shù)據(jù)顯示的一致性（Consistency of data display）標(biāo)準(zhǔn)化的再次體現(xiàn) 讓用戶有效吸收信息（Efficient information assimilation

6、 by the user ）字母、數(shù)字左對(duì)齊；整數(shù)右對(duì)齊等盡量減少用戶記憶壓力（Minimal memory load on user ）數(shù)據(jù)顯示與數(shù)據(jù)輸入相兼容（Compatibility of data display with data entry） 格式要相聯(lián)系用戶可以靈活地控制數(shù)據(jù)顯示（Flexibility for user control of data display） 用戶應(yīng)能從最方便當(dāng)前任務(wù)的數(shù)據(jù)顯示中獲取信息例子：電廠控制室設(shè)計(jì)報(bào)告中的通用指導(dǎo)原則標(biāo)簽和圖形習(xí)慣要一致 縮略語(yǔ)要標(biāo)準(zhǔn)化在所有的顯示中使用統(tǒng)一的格式 每頁(yè)設(shè)置頁(yè)號(hào)，并可以通過頁(yè)號(hào)調(diào)出相應(yīng)頁(yè) 只顯示對(duì)操作者有益的

7、信息 在合適的地方，用行寬、成比例的標(biāo)記位置來圖形化地顯示信息僅僅是在了解到數(shù)值是必要的情況才顯示它 使用高分辨率顯示器，以提供高的顯示質(zhì)量 內(nèi)容單色顯示，幫助信息或者提醒信息用其他顏色顯示 在開發(fā)顯示界面和操作流程的時(shí)候，讓用戶參與設(shè)計(jì)數(shù)據(jù)輸入的指導(dǎo)原則 數(shù)據(jù)輸入的指導(dǎo)原則數(shù)據(jù)輸入的一致性 使用戶輸入減至最少為用戶提供信息反饋提供錯(cuò)誤檢測(cè)和修改機(jī)制讓用戶靈活地控制數(shù)據(jù)輸入：這與一致性相矛盾，所以要慎重使用 吸引用戶注意力的方式亮度Intensity ：僅使用兩種亮度標(biāo)記Marking ：下劃線、邊框、箭頭等指示標(biāo)志尺寸Size ：最多用4中尺寸；字體越大越能吸引注意力字體選擇Choice o

8、f fonts ：最多用3種反色顯示Inverse video ：使用基調(diào)相反的顏色閃爍Blinking ：24Hz用于對(duì)特別區(qū)域的內(nèi)容提醒顏色Color ：最多用4種基本顏色顏色閃爍Color blinking ：一種顏色閃變?yōu)榱硪环N，使用區(qū)域不要過大聲音Audio ：柔和聲音-常規(guī)刺耳的聲音-報(bào)警以用戶為中心的交互設(shè)計(jì)why?僅僅憑借程序設(shè)計(jì)人員的直覺很難做到用戶滿意現(xiàn)在的用戶很少?gòu)氖萝浖夹g(shù)工作現(xiàn)在的用戶的職業(yè)背景大多與自身行業(yè)緊密相聯(lián)現(xiàn)在的用戶對(duì)計(jì)算機(jī)的使用具有很大的隨意性How to deal with it ?界面設(shè)計(jì)應(yīng)該基于對(duì)用戶的仔細(xì)觀察設(shè)計(jì)人員應(yīng)該深入分析用戶對(duì)各個(gè)任務(wù)執(zhí)行頻

9、率和序列從而對(duì)設(shè)計(jì)加以改進(jìn)對(duì)原型系統(tǒng)進(jìn)行早期的，包括可用性在內(nèi)的全面測(cè)試并加以驗(yàn)收審查設(shè)計(jì)本質(zhì)上是創(chuàng)造性的和不可預(yù)知的活動(dòng) 。交互系統(tǒng)的設(shè)計(jì)人員必須對(duì)技術(shù)的可行性有全面的了解，同時(shí)還要了解用戶對(duì)什么感興趣Carroll 和 Rosson 在1985年對(duì)設(shè)計(jì)的特征做了的描述：設(shè)計(jì)是一個(gè)過程process，不是一個(gè)狀態(tài) state設(shè)計(jì)過程是無層次的，不是嚴(yán)格的自上而下或者相反 設(shè)計(jì)過程包含了一些不完全的過渡性解決方案的發(fā)展，有時(shí)這些方案可能在最后的設(shè)計(jì)中無法發(fā)揮任何作用設(shè)計(jì)過程包含著新目標(biāo)的發(fā)現(xiàn)設(shè)計(jì)本身是一個(gè)動(dòng)態(tài)的過程3.6 參與性設(shè)計(jì)相矛盾的兩種意見贊同更多的用戶參與設(shè)計(jì)的理由：可以更精確地獲得

10、任務(wù)信息 為用戶提供機(jī)會(huì)，使他們的想法對(duì)設(shè)計(jì)決策產(chǎn)生影響 可以使用戶通過積極參與對(duì)那些與他們自身密切相關(guān)的產(chǎn)品有更深的認(rèn)識(shí)和了解使最終系統(tǒng)更容易被用戶接受另一個(gè)方面，廣泛的用戶參與也可能帶來一些負(fù)面影響 ：增加了成本 延長(zhǎng)了軟件的開發(fā)周期那些不能參與和意見沒有被采納的人可能有抵觸情緒迫使軟件設(shè)計(jì)人員為了使得并不合適的參與者滿意而不得不放棄原來的設(shè)計(jì)，從而給軟件的實(shí)現(xiàn)帶來阻力經(jīng) 驗(yàn) 結(jié) 論通過仔細(xì)地篩選通過研討會(huì)等形式讓用戶參與到系統(tǒng)的設(shè)計(jì)中可用性測(cè)試的步驟制訂測(cè)試計(jì)劃、設(shè)計(jì)測(cè)試問題、安排工作進(jìn)度并對(duì)預(yù)算加以分配確定參與者的數(shù)目、類型、來源挑選參與者參加測(cè)試測(cè)試中對(duì)參與者的行為加以記錄，設(shè)計(jì)人員

11、主要是對(duì)參與者提供相關(guān)支持和鼓勵(lì)對(duì)測(cè)試過程的錄像加以回放，對(duì)回放內(nèi)容加以評(píng)審對(duì)用戶界面的內(nèi)容進(jìn)行修訂和改進(jìn)可用性測(cè)試的參與者挑選時(shí)應(yīng)注意他們?cè)谟?jì)算機(jī)操作和特定任務(wù)方面的經(jīng)驗(yàn)可用性測(cè)試還要對(duì)參與者的生理?xiàng)l件以及一些其他的實(shí)驗(yàn)條件加以控制可用性測(cè)試應(yīng)讓參與者清楚地知道他們所要完成的任務(wù)的內(nèi)容，同時(shí)要讓他們知道被測(cè)試的是軟件而不是“人”本身要鼓勵(lì)參與者在測(cè)試的過程中說出他們的想法如果用戶在某些菜單的選擇上出現(xiàn)重復(fù)錯(cuò)誤，設(shè)計(jì)人員就需要對(duì)菜單的標(biāo)簽或者位置進(jìn)行調(diào)整可用性測(cè)試一般包括：實(shí)地測(cè)試法：讓新界面在實(shí)際的工作環(huán)境中運(yùn)行一段時(shí)間對(duì)比可用性測(cè)試：將一個(gè)新界面和舊版本或者競(jìng)爭(zhēng)產(chǎn)品的界面進(jìn)行對(duì)比測(cè)試；這樣

12、得到的改進(jìn)界面可以更好地顯示出它的優(yōu)越性可用性測(cè)試的局限性它強(qiáng)調(diào)的僅僅是首次使用的情況，至于后期使用會(huì)出現(xiàn)什么樣的情況就不能根據(jù)可用性測(cè)試發(fā)現(xiàn)了由于測(cè)試的時(shí)間限制，被測(cè)試的界面僅僅是部分常用界面4.3 專家評(píng)審彌補(bǔ)可用性測(cè)試的局限性用于獲得來自不同專家的反饋信息參評(píng)專家的選擇標(biāo)準(zhǔn)具有豐富的應(yīng)用領(lǐng)域或者用戶界面領(lǐng)域的專業(yè)知識(shí)應(yīng)該熟悉項(xiàng)目、并且與開發(fā)商擁有長(zhǎng)期合作經(jīng)歷的專家，這樣可以保證評(píng)審的快速性參評(píng)人數(shù)的多少依據(jù)項(xiàng)目的規(guī)模大小來定一些可供選擇的專家評(píng)審方法 啟發(fā)式評(píng)審指導(dǎo)文檔評(píng)審一致性評(píng)審認(rèn)知嘗試正式的可用性評(píng)審評(píng)審人員對(duì)界面進(jìn)行評(píng)判，以便使其與一系列的設(shè)計(jì)啟發(fā)規(guī)則（如第二章中的黃金8點(diǎn)規(guī)則）

13、相符合檢查所設(shè)計(jì)的界面與組織內(nèi)的指導(dǎo)文檔或者其他的一些指導(dǎo)文檔是否相符，這種方法的評(píng)審周期比較長(zhǎng)檢查所有同類界面的一致性，包括實(shí)際界面中的術(shù)語(yǔ)、顏色、布局、輸入輸出格式等與培訓(xùn)材料、在線幫助中描述的是否一致專家模仿用戶使用系統(tǒng)執(zhí)行典型任務(wù)，包括執(zhí)行頻率高的任務(wù)與執(zhí)行頻率低的關(guān)鍵性任務(wù)設(shè)計(jì)小組采用相互辯論的形式對(duì)可用性進(jìn)行評(píng)審根據(jù)計(jì)算機(jī)發(fā)展的歷程，軟件用戶界面可以分為四代 第一代：CUI字符用戶界面 第二代：GUI圖形用戶界面 第三代：MUI多通道用戶界面 第四代：SUI社會(huì)用戶界面 CUIGUI MUISUI第二代：GUI圖形用戶界面 GUI Graphics User Interface 描

14、述：以圖形為基礎(chǔ)的直接操縱用戶界面 稱為WIMP界面 WIMPWindows,Icons,Menus,Pointers Windows,Icons,Mouse,Pull-down menu 人機(jī)交互設(shè)備：以鼠標(biāo)為主，鍵盤為輔 優(yōu)點(diǎn)：直觀、美觀、易用 缺點(diǎn)：實(shí)現(xiàn)復(fù)雜，資源耗費(fèi)大 用戶界面分類圖標(biāo)的設(shè)計(jì)原則圖標(biāo)的圖形編碼應(yīng)該和目標(biāo)的外形相似，應(yīng)該盡可能避免抽象，使人們可以快速、準(zhǔn)確地識(shí)別圖標(biāo)指代的意義圖標(biāo)的設(shè)計(jì)原則不同的目標(biāo)必須使用不同的圖標(biāo)表示，以避免混淆如果僅用圖形表示容易造成混淆那么必須加上文字的注釋以明確含義設(shè)計(jì)應(yīng)該盡可能符合常規(guī)的表達(dá)習(xí)慣，保持圖標(biāo)的含義前后連貫，同一含義的圖標(biāo)在系統(tǒng)的不

15、同位置應(yīng)該保持一致，并盡可能與系統(tǒng)的風(fēng)格一致青蛙公司frog為微軟設(shè)計(jì)的媒體播放器外觀圖標(biāo)的設(shè)計(jì)原則注意避免采用的圖形內(nèi)容與用戶文化觀念上起沖突，并盡可能不采用字母、單詞尤其是非通用文字；并盡量不采用人臉和人手作為圖標(biāo)的素材一般為圖標(biāo)設(shè)計(jì)一個(gè)清晰的邊界輪廓以利于辨別區(qū)分圖標(biāo)對(duì)象適當(dāng)設(shè)計(jì)圖標(biāo)的尺寸，在能夠表示實(shí)體對(duì)象的前提下，圖標(biāo)尺寸盡可能小一點(diǎn)以減少圖標(biāo)所占用的內(nèi)存和顯示空間。微軟的XP系統(tǒng)的圖標(biāo)大小有4種類型，推薦使用其中的3種：4848pixels,3232pixels,1616pixels,。微軟還有一種2424pixels圖標(biāo)的設(shè)計(jì)原則鑒于用戶的學(xué)習(xí)和記憶能力所限，為了避免引起混淆，一

16、個(gè)系統(tǒng)的圖標(biāo)類型不宜過多，一般不超過20種有的時(shí)候?yàn)榱烁玫卣f明，可以在一個(gè)圖標(biāo)里面包含幾個(gè)相關(guān)的對(duì)象。但是在同一個(gè)圖標(biāo)中，畫面中相互關(guān)聯(lián)的物體應(yīng)該控制在3個(gè)以下，如果過多，將顯得擁擠，或者尺寸比例不好處理。物體與物體之間要錯(cuò)開一定的距離，可以使圖標(biāo)傾斜一定的角度網(wǎng)頁(yè)中主打產(chǎn)品的圖標(biāo)要設(shè)計(jì)得最大并放在網(wǎng)頁(yè)中最顯眼得位置金山詞霸的圖標(biāo) 菜單界面設(shè)計(jì)菜單界面也是一種最流行的控制系統(tǒng)運(yùn)行的人機(jī)界面，并已廣泛應(yīng)用于各類系統(tǒng)軟件及應(yīng)用軟件中。菜單界面是系統(tǒng)驅(qū)動(dòng)的，它提供各種選擇菜單項(xiàng)讓用戶進(jìn)行選擇，用戶不必記憶應(yīng)用功能命令。菜單界面的特點(diǎn)菜單形式對(duì)話是計(jì)算機(jī)系統(tǒng)驅(qū)動(dòng)的，設(shè)計(jì)良好的菜單可以把系統(tǒng)語(yǔ)義（做什

17、么）和系統(tǒng)語(yǔ)法（怎么做）很明確地顯示出來菜單界面適合于結(jié)構(gòu)化的系統(tǒng)，每一菜單項(xiàng)都可以對(duì)應(yīng)于一個(gè)子程序功能或下一級(jí)菜單。而非結(jié)構(gòu)化的程序系統(tǒng)則可能缺乏邏輯條理的聯(lián)系菜單界面減輕了用戶學(xué)習(xí)培訓(xùn)、記憶負(fù)擔(dān)，并簡(jiǎn)化了操作。所有的系統(tǒng)功能命令能夠全部顯示在屏幕上菜單界面要占用一定的屏幕空間和顯示時(shí)間；菜單的轉(zhuǎn)移和返回也需要一些時(shí)間。采用快捷鍵是一個(gè)好的解決辦法菜單界面設(shè)計(jì)菜單的結(jié)構(gòu)設(shè)計(jì)（語(yǔ)義組織）： 單一菜單：?jiǎn)芜x或者復(fù)選；yes或者no的對(duì)話框 線狀序列菜單：一組相關(guān)聯(lián)的菜單，指導(dǎo)用戶貫穿整個(gè)決策過程 樹狀結(jié)構(gòu)菜單：將菜單分類，類似的若干項(xiàng)組成一組，最后形成一個(gè)樹狀結(jié)構(gòu) 循環(huán)網(wǎng)絡(luò)菜單和非循環(huán)網(wǎng)絡(luò)菜單：

18、允許用戶在父輩菜單以及子菜單之間切換，而不必重新回到父輩菜單然后轉(zhuǎn)向子輩菜單。如：Hypertext技術(shù)。網(wǎng)絡(luò)菜單的缺點(diǎn)是用戶容易在菜單選擇過程中發(fā)生“迷失”現(xiàn)象菜單的類型（語(yǔ)義組織）：菜單結(jié)構(gòu)設(shè)計(jì)的關(guān)鍵在于首先要考慮用戶任務(wù)來確定語(yǔ)義組織，即首先要確定任務(wù)菜單選項(xiàng)和結(jié)構(gòu)，其次才是顯示屏幕上選項(xiàng)的數(shù)目。菜單中的選項(xiàng)在功能上與按鈕相當(dāng)，一般具有下列一種或者幾種類型的箱：命令項(xiàng)、菜單項(xiàng)、窗口項(xiàng)。命令項(xiàng)：與命令按鈕一樣用來執(zhí)行一條命令。如File中的exit命令菜單項(xiàng)：指一組相關(guān)的命令，它們將以一個(gè)子菜單的形式出現(xiàn)窗口項(xiàng)：選中一個(gè)窗口項(xiàng)就會(huì)生成一個(gè)彈出式菜單菜單界面設(shè)計(jì)菜單形式（語(yǔ)義組織）： 單一菜

19、單 線狀序列菜單 樹狀結(jié)構(gòu)菜單 非循環(huán)網(wǎng)絡(luò)菜單 循環(huán)網(wǎng)絡(luò)菜單菜單界面設(shè)計(jì)菜單界面的式樣 全屏幕文本菜單：當(dāng)顯示菜單時(shí)，往往先清除屏幕內(nèi)容或滾動(dòng)屏幕，然后把菜單內(nèi)容顯示在屏幕上。當(dāng)用戶選擇了菜單中某一項(xiàng)后，屏幕再次被清除或者翻動(dòng)，顯示程序運(yùn)行結(jié)果或出現(xiàn)下一級(jí)菜單。特點(diǎn)是：具有充分的顯示空間，可以把較長(zhǎng)的菜單名稱以及菜單項(xiàng)名稱顯示出來，使其含義明確；全屏幕菜單的設(shè)計(jì)簡(jiǎn)單，一般僅僅需要寫出輸出一系列菜單信息的輸出語(yǔ)句和一條輸入語(yǔ)句，然后等待用戶輸入信息即可以實(shí)現(xiàn)，系統(tǒng)的開銷少。缺點(diǎn)是：菜單和程序運(yùn)行結(jié)果占用全屏幕，使用戶感覺程序運(yùn)行會(huì)被打斷，并且頻繁地清屏或滾動(dòng)操作容易讓用戶產(chǎn)生疲勞 條形菜單：條形

20、菜單的所有內(nèi)容都顯示在一行或者幾行中，最常用的是把條形菜單顯示在屏幕頂部和底部。如：word底部的狀態(tài)欄和頂部的工具欄菜單界面設(shè)計(jì)菜單界面的式樣彈出式菜單：在屏幕上彈出一個(gè)小窗口，并在其上顯示出菜單，彈出式菜單不會(huì)清除屏幕的內(nèi)容，只是占用一個(gè)比較小的空間。特點(diǎn)：不在屏幕的固定位置顯示，可以根據(jù)需要移動(dòng)；一般只有一級(jí)深度，本身不包含子菜單；具有自身的獨(dú)立性，可以單獨(dú)設(shè)計(jì)； 工具欄：屬于彈出式菜單的一種特例，可以被關(guān)閉或者打開 下拉式菜單：它的主菜單是只有一行的條形菜單，但在其上的每個(gè)選擇項(xiàng)都可以用一個(gè)彈出式菜單做其子菜單，這個(gè)彈出的子菜單看上去就像從上一級(jí)條形菜單選擇項(xiàng)上拉下來一樣。下拉菜單可以

21、多級(jí)下拉，構(gòu)成多級(jí)疊壓菜單。下拉菜單的特點(diǎn)和彈出式菜單的相似，但它可以構(gòu)成多級(jí)菜單，同時(shí)實(shí)現(xiàn)時(shí)占用的空間也相應(yīng)地更大一些菜單界面設(shè)計(jì)菜單界面的式樣圖標(biāo)菜單：是安置在一個(gè)小方框之中的一幅象形的或者表意的圖畫。使用這樣的菜單可以形象、逼真地反映菜單的功能，因而使理解、學(xué)習(xí)和操作都變得更加容易。缺點(diǎn)：有的時(shí)候圖標(biāo)不能明確表達(dá)語(yǔ)義；而且圖標(biāo)菜單占用的屏幕空間也比較大；必須有圖形硬件、軟件環(huán)境的支持滾動(dòng)菜單：如果菜單項(xiàng)過多而在菜單區(qū)內(nèi)顯示不下，可以采用滾動(dòng)式菜單。在滾動(dòng)式菜單中，隨著在菜單范圍內(nèi)的移動(dòng)，部分菜單在顯示區(qū)消失，部分菜單新進(jìn)入到顯示區(qū)中。菜單界面設(shè)計(jì)菜單界面的式樣 全屏幕文本菜單 條形菜單

22、（屏幕頂部和底部） 彈出式菜單 工具欄 下拉式菜單 圖標(biāo)菜單 滾動(dòng)菜單菜單界面設(shè)計(jì)菜單界面的式樣 全屏幕文本菜單 條形菜單 （屏幕頂部和底部） 彈出式菜單 工具欄 下拉式菜單 圖標(biāo)菜單 滾動(dòng)菜單菜單界面設(shè)計(jì)樹狀菜單設(shè)計(jì)時(shí)的一些注意點(diǎn) 深度和廣度：菜單樹的深度（層數(shù)）與廣度（每層的選項(xiàng)數(shù)目）的設(shè)計(jì)將對(duì)用戶的操作速度產(chǎn)生至關(guān)重要的影響。一般的經(jīng)驗(yàn)數(shù)值是：每個(gè)菜單包含48個(gè)選項(xiàng)，總的層數(shù)不超過34層為最好。當(dāng)菜單很大的時(shí)候，一般傾向于選擇廣而淺的菜單樹樹狀菜單中的語(yǔ)義分組：在復(fù)雜的系統(tǒng)中要對(duì)菜單項(xiàng)進(jìn)行恰當(dāng)?shù)姆纸M是非常不容易的事情，但還是有一些規(guī)律，比如按照邏輯類似分組，或者按照任務(wù)分組就是比較好的分

23、組方式菜單界面設(shè)計(jì)菜單項(xiàng)名稱的措辭風(fēng)格 使用熟悉和一致的術(shù)語(yǔ)確保菜單項(xiàng)互不相同，要清楚地和其他的菜單項(xiàng)名稱區(qū)分開來使用一致而簡(jiǎn)潔的措辭。例：“Animal”就要比“Information about animals”好一些把關(guān)鍵字放置在左側(cè)。要盡可能讓菜單項(xiàng)的第一個(gè)詞能夠幫助用戶識(shí)別和區(qū)分各個(gè)菜單項(xiàng)的功能。例：“Size of type”要比“Set the type of size”好很多菜單界面設(shè)計(jì)菜單界面的設(shè)計(jì)原則 菜單合理分類：系統(tǒng)功能、邏輯順序等 菜單標(biāo)題及菜單項(xiàng)命名一致、簡(jiǎn)明、有意義，標(biāo)題一般居中，但是如果顯示速率比較慢的時(shí)候可以放置在左側(cè) 合理命名各菜單項(xiàng)的名稱，使用熟悉的前后一

24、致的菜單項(xiàng)名，并保證彼此不出現(xiàn)雷同 保持各級(jí)菜單顯示格式和操作方式的一致性。一致性原則在圖形用戶界面設(shè)計(jì)中是最重要的一個(gè)原則！ 對(duì)菜單選擇和點(diǎn)取設(shè)定反饋標(biāo)記菜單界面設(shè)計(jì)菜單界面的設(shè)計(jì)原則 設(shè)計(jì)良好的聯(lián)機(jī)幫助 為菜單提供多于一種的選擇途徑 鍵盤、鼠標(biāo)、快捷方式等 合理組織菜單界面的結(jié)構(gòu)與層次 廣而淺優(yōu)于窄而深的菜單樹、最佳項(xiàng)數(shù)4-8、最深層次盡量少于4層 菜單項(xiàng)的安排應(yīng)有利于提高菜單選取速度 可以依據(jù)使用頻度、數(shù)字順序、字母順序、功能邏輯順序安排幫助和出錯(cuò)界面設(shè)計(jì)2.出錯(cuò)處理的設(shè)計(jì)原則（1）錯(cuò)誤預(yù)防原則 盡量避免相似的命令名，動(dòng)作序列等，以免用戶產(chǎn)生混淆 建立一致性的原則和模式，有利于減少學(xué)習(xí)和

25、錯(cuò)誤 提供上下文和狀態(tài)信息 減少用戶的記憶負(fù)擔(dān) 降低對(duì)人從事活動(dòng)的技能要求 例如在計(jì)算機(jī)操作中，減少Shift、Ctrl等復(fù)合鍵的使用 使用大屏幕和清楚可視的反饋 減少鍵盤輸入 （2）錯(cuò)誤恢復(fù)原則 提供恢復(fù)(undo)功能 在程序運(yùn)行中提供撤銷(Cancel)功能 對(duì)重要的有破壞性的命令提供確認(rèn)措施，以避免破壞性操作幫助和出錯(cuò)界面設(shè)計(jì)提供恢復(fù)（undo）功能，這是一個(gè)命令執(zhí)行完了之后的恢復(fù)，好的系統(tǒng)應(yīng)該可以進(jìn)行多次的回溯恢復(fù)。有的系統(tǒng)的回溯次數(shù)可以由用戶進(jìn)行設(shè)置，比如：CorelDraw；而pro E則提供了模型樹的功能，允許用戶對(duì)其中的一個(gè)步驟進(jìn)行修改。 錯(cuò)誤恢復(fù)原則 提供恢復(fù)(undo)功

26、能 在程序運(yùn)行中提供撤銷(Cancel)功能 對(duì)重要的有破壞性的命令提供確認(rèn)措施，以避免破壞性操作幫助和出錯(cuò)界面設(shè)計(jì)在程序運(yùn)行中提供了撤銷（cancel）的功能，在計(jì)算機(jī)系統(tǒng)運(yùn)行中，有些操作要很長(zhǎng)的時(shí)間才能完成，應(yīng)該運(yùn)行用戶在中途進(jìn)行撤銷，而不用等到命令執(zhí)行完之后才恢復(fù)。 錯(cuò)誤恢復(fù)原則 提供恢復(fù)(undo)功能 在程序運(yùn)行中提供撤銷(Cancel)功能 對(duì)重要的有破壞性的命令提供確認(rèn)措施，以避免破壞性操作幫助和出錯(cuò)界面設(shè)計(jì)對(duì)重要的、有破壞性的命令提供確認(rèn)措施，以避免招致破壞性操作。比如清空回收站、格式化、刪除文件等操作都要提供確認(rèn)對(duì)話框，等到用戶確定之后才進(jìn)行繼續(xù)的操作。 錯(cuò)誤恢復(fù)原則 提供恢

27、復(fù)(undo)功能 在程序運(yùn)行中提供撤銷(Cancel)功能 對(duì)重要的有破壞性的命令提供確認(rèn)措施，以避免破壞性操作幫助和出錯(cuò)界面設(shè)計(jì)3.幫助處理系統(tǒng)的設(shè)計(jì)原則（1）幫助系統(tǒng)的類型 聯(lián)機(jī)用戶手冊(cè) 聯(lián)機(jī)培訓(xùn) * 均為在線形式 聯(lián)機(jī)演示幫助和出錯(cuò)界面設(shè)計(jì)3.幫助處理系統(tǒng)的設(shè)計(jì)原則（1）幫助系統(tǒng)的類型 聯(lián)機(jī)用戶手冊(cè) 聯(lián)機(jī)培訓(xùn) * 均為在線形式 聯(lián)機(jī)演示聯(lián)機(jī)用戶手冊(cè)是傳統(tǒng)書本的替代品。轉(zhuǎn)換成電子格式的手冊(cè)比書本更容易得到，可以在用戶使用軟件的時(shí)候幫助用戶，引導(dǎo)用戶進(jìn)行每一步的操作，向初學(xué)者詳盡地介紹知識(shí)。如果面對(duì)的是一個(gè)熟練型或者專家型的用戶，那就完全不用去運(yùn)行聯(lián)機(jī)用戶手冊(cè)了。構(gòu)造聯(lián)機(jī)用戶手冊(cè)的時(shí)候要注

28、意程序用戶的經(jīng)驗(yàn)是多樣的，應(yīng)該在盡可能少地干擾用戶的情況下向用戶提供信息。幫助和出錯(cuò)界面設(shè)計(jì)3.幫助處理系統(tǒng)的設(shè)計(jì)原則（1）幫助系統(tǒng)的類型 聯(lián)機(jī)用戶手冊(cè) 聯(lián)機(jī)培訓(xùn) * 均為在線形式 聯(lián)機(jī)演示聯(lián)機(jī)培訓(xùn)吸引人的地方在于它通過仿真、動(dòng)畫、使用戶進(jìn)入對(duì)話狀態(tài)，并采用電子媒介來教會(huì)用戶。幫助和出錯(cuò)界面設(shè)計(jì)3.幫助處理系統(tǒng)的設(shè)計(jì)原則（1）幫助系統(tǒng)的類型 聯(lián)機(jī)用戶手冊(cè) 聯(lián)機(jī)培訓(xùn) * 均為在線形式 聯(lián)機(jī)演示聯(lián)機(jī)演示典型的用法是屏幕顯示，能使用戶加深理解和開發(fā)系統(tǒng)的可預(yù)見模型。幫助和出錯(cuò)界面設(shè)計(jì)3.幫助處理系統(tǒng)的設(shè)計(jì)原則（1）幫助系統(tǒng)的類型 聯(lián)機(jī)用戶手冊(cè) 聯(lián)機(jī)培訓(xùn) * 均為在線形式 聯(lián)機(jī)演示 （2）幫助處理設(shè)計(jì)的基本原則 完整性 所有操作都要