《人機界面設(shè)計》ppt課件

1、 第五章 人機界面設(shè)計 人機界面人機界面Human Computer Human Computer InterfaceInterface，簡稱，簡稱HCIHCI通常也稱為用戶界通常也稱為用戶界面面界面設(shè)計主要包括三個方面：界面設(shè)計主要包括三個方面：設(shè)計軟件構(gòu)件之間的接口設(shè)計軟件構(gòu)件之間的接口設(shè)計模塊和其他非人的信息消費者和消費者設(shè)計模塊和其他非人的信息消費者和消費者的界面的界面設(shè)計人如用戶和計算機間的界面設(shè)計人如用戶和計算機間的界面 5.1 5.1 界面的設(shè)計原那么界面的設(shè)計原那么分析用戶類型分析用戶類型運用程序和界面分別運用程序和界面分別一致性一致性盡量減少用戶任務(wù)盡量減少用戶任務(wù)提供反響提

2、供反響出錯處置和協(xié)助功能出錯處置和協(xié)助功能添加可視化圖形表示添加可視化圖形表示5.1.1 黃金規(guī)那么 在有關(guān)界面設(shè)計的著作中在有關(guān)界面設(shè)計的著作中， Theo MandelTheo Mandel發(fā)明了三條黃金原那么發(fā)明了三條黃金原那么：置用戶于控制之下置用戶于控制之下減少用戶的記憶負擔減少用戶的記憶負擔堅持界面一致堅持界面一致 黃金規(guī)那么：置用戶于控制之下黃金規(guī)那么：置用戶于控制之下 Mandel Mandel定義的一組允許用戶操作控制的原那定義的一組允許用戶操作控制的原那么：么：以不強迫用戶進入不用要的或不希望的動作以不強迫用戶進入不用要的或不希望的動作的方式來定義交互方式的方式來定義交互方

3、式提供靈敏的交互提供靈敏的交互允許用戶交互可以被中斷和吊銷允許用戶交互可以被中斷和吊銷當技藝級別添加時可以使交互流水化并允許當技藝級別添加時可以使交互流水化并允許定制交互定制交互運用戶隔離內(nèi)部技術(shù)細節(jié)運用戶隔離內(nèi)部技術(shù)細節(jié)設(shè)計應(yīng)允許用戶和出如今屏幕上的對象直接設(shè)計應(yīng)允許用戶和出如今屏幕上的對象直接交互交互黃金規(guī)那么：減少用戶的記憶負擔黃金規(guī)那么：減少用戶的記憶負擔 Mandel Mandel定義了一組設(shè)計原那么，使界面定義了一組設(shè)計原那么，使界面可以減少用戶記憶負擔：可以減少用戶記憶負擔：減少對短期記憶的要求減少對短期記憶的要求建立有意義的缺省建立有意義的缺省定義直覺性的捷徑定義直覺性的捷徑界

4、面的視覺規(guī)劃應(yīng)該基于真實世界的隱界面的視覺規(guī)劃應(yīng)該基于真實世界的隱喻喻以不斷進展的方式提示信息以不斷進展的方式提示信息缺省值黃金規(guī)那么：堅持界面一致黃金規(guī)那么：堅持界面一致 用戶應(yīng)以一致的方式展現(xiàn)和獲取信息用戶應(yīng)以一致的方式展現(xiàn)和獲取信息一切可視信息的組織均按照均按照貫穿一切屏幕一切可視信息的組織均按照均按照貫穿一切屏幕顯示所堅持的設(shè)計規(guī)范顯示所堅持的設(shè)計規(guī)范輸入機制被約束到有限的集合，在整個運用中被輸入機制被約束到有限的集合，在整個運用中被一致地運用一致地運用從義務(wù)到義務(wù)的導(dǎo)航機制被一致地定義和實現(xiàn)從義務(wù)到義務(wù)的導(dǎo)航機制被一致地定義和實現(xiàn)MandelMandel定義了一組協(xié)助堅持界面一致性的

5、設(shè)計原定義了一組協(xié)助堅持界面一致性的設(shè)計原那么那么允許用戶將當前義務(wù)放入有意義的語境允許用戶將當前義務(wù)放入有意義的語境在運用系列內(nèi)堅持一致性在運用系列內(nèi)堅持一致性如過去的交互模型已建立起了用戶期望，除非有如過去的交互模型已建立起了用戶期望，除非有迫不得已的理由，不要改動它迫不得已的理由，不要改動它5.1.2 用戶友好性設(shè)計 用戶友好性普通屬軟件的性能用戶友好性普通屬軟件的性能特性，它獨立于一切詳細功能，卻特性，它獨立于一切詳細功能，卻影響著一切功能的重用性。影響著一切功能的重用性。 用戶友好性應(yīng)表達在與用戶有用戶友好性應(yīng)表達在與用戶有接口的軟件特性上。接口的軟件特性上。 用戶友好性的根本目的是

6、為了用戶友好性的根本目的是為了軟件可重用性、可維護性。軟件可重用性、可維護性。用戶友好性的標志用戶友好性的標志可操作性可操作性強壯性強壯性易學(xué)習(xí)性易學(xué)習(xí)性可擴展性可擴展性 5.1.3 5.1.3 反響呼應(yīng)時間反響呼應(yīng)時間( (系統(tǒng)延遲系統(tǒng)延遲) ) 系統(tǒng)閉合等級：系統(tǒng)閉合等級：極限閉合等級極限閉合等級: 15: 15秒秒復(fù)雜閉合等級：復(fù)雜閉合等級： 4 41515秒秒簡單閉合等級：簡單閉合等級： 2 24 4 秒秒最簡單閉合等級最簡單閉合等級: 1: 12 2 秒秒瞬時呼應(yīng)瞬時呼應(yīng): 1: 1秒秒5.2 用戶界面設(shè)計5.2.1 界面設(shè)計模型設(shè)計用戶界面要思索四種模型：軟件工程師創(chuàng)建的設(shè)計模型軟

7、件工程師創(chuàng)建的設(shè)計模型 design modeldesign model人員工程師創(chuàng)建的用戶模型人員工程師創(chuàng)建的用戶模型 user modeluser model終端用戶對未來系統(tǒng)的假想終端用戶對未來系統(tǒng)的假想sysytem perceptionsysytem perception或或userusers s modelmodel系統(tǒng)實現(xiàn)后得到的系統(tǒng)映象系統(tǒng)實現(xiàn)后得到的系統(tǒng)映象sysytem imagesysytem image 四種模型可四種模型可能相差甚遠，能相差甚遠，界面設(shè)計人界面設(shè)計人員的義務(wù)就員的義務(wù)就是消除這些是消除這些差距，導(dǎo)出差距，導(dǎo)出一致的界面一致的界面表示表示5.2.2 用戶

8、界面設(shè)計過程用戶界面設(shè)計過程包括四種不同的框架：用戶界面設(shè)計過程包括四種不同的框架：用戶、義務(wù)和環(huán)境分析及建模用戶、義務(wù)和環(huán)境分析及建模界面設(shè)計界面設(shè)計界面構(gòu)造界面構(gòu)造界面確認界面確認5.2.2.1 用戶分析偶爾型偶爾型陌生型陌生型熟練型熟練型專家型專家型新手新手對系統(tǒng)有了解的中級對系統(tǒng)有了解的中級用戶用戶對系統(tǒng)有了解的經(jīng)常對系統(tǒng)有了解的經(jīng)常用戶用戶用戶類型用戶類型: :影響用戶行為特性的要素影響用戶行為特性的要素人人- -機匹配性機匹配性人的固有技藝人的固有技藝人的固有弱點人的固有弱點用戶的知識閱歷用戶的知識閱歷用戶對系統(tǒng)的期望和態(tài)度用戶對系統(tǒng)的期望和態(tài)度用戶對計算機系統(tǒng)的要求用戶對計算機系

9、統(tǒng)的要求讓用戶靈敏地運用讓用戶靈敏地運用順應(yīng)不同類型用戶順應(yīng)不同類型用戶系統(tǒng)的行為及效果對用戶透明系統(tǒng)的行為及效果對用戶透明用戶對系統(tǒng)的期望和態(tài)度用戶對系統(tǒng)的期望和態(tài)度提供聯(lián)機協(xié)助功能提供聯(lián)機協(xié)助功能人機交互盡能夠和人際通訊類似人機交互盡能夠和人際通訊類似用戶技藝方面的運用需求用戶技藝方面的運用需求應(yīng)讓系統(tǒng)去順運用戶應(yīng)讓系統(tǒng)去順運用戶運用易于了解、掌握的準自然言語運用易于了解、掌握的準自然言語一致性的系統(tǒng)設(shè)計一致性的系統(tǒng)設(shè)計用戶對系統(tǒng)的期望和態(tài)度用戶對系統(tǒng)的期望和態(tài)度能經(jīng)過系統(tǒng)學(xué)習(xí)能經(jīng)過系統(tǒng)學(xué)習(xí)系統(tǒng)提供演示及范例系統(tǒng)提供演示及范例用戶習(xí)性方面的運用需求用戶習(xí)性方面的運用需求系統(tǒng)應(yīng)讓用戶有耐心系

10、統(tǒng)應(yīng)讓用戶有耐心系統(tǒng)應(yīng)很好地對付人的易犯錯誤系統(tǒng)應(yīng)很好地對付人的易犯錯誤系統(tǒng)應(yīng)對不同用戶提供不同交互方式系統(tǒng)應(yīng)對不同用戶提供不同交互方式用戶閱歷、知識方面的運用需求用戶閱歷、知識方面的運用需求系統(tǒng)應(yīng)能讓未經(jīng)專門訓(xùn)練的用戶運用系統(tǒng)應(yīng)能讓未經(jīng)專門訓(xùn)練的用戶運用系統(tǒng)能對不同閱歷用戶做出不同反響系統(tǒng)能對不同閱歷用戶做出不同反響提供同一系統(tǒng)的一致性，建立規(guī)范化人提供同一系統(tǒng)的一致性，建立規(guī)范化人- -機界面機界面系統(tǒng)必需順運用戶在運用領(lǐng)域的知識變系統(tǒng)必需順運用戶在運用領(lǐng)域的知識變化，提供動態(tài)的自順應(yīng)的設(shè)計化，提供動態(tài)的自順應(yīng)的設(shè)計用戶對系統(tǒng)的期望方面的要求用戶對系統(tǒng)的期望方面的要求用戶界面應(yīng)提供籠統(tǒng)、生

11、動、美觀的規(guī)用戶界面應(yīng)提供籠統(tǒng)、生動、美觀的規(guī)劃顯示和操作環(huán)境劃顯示和操作環(huán)境系統(tǒng)處置問題應(yīng)盡能夠簡單，提供學(xué)習(xí)系統(tǒng)處置問題應(yīng)盡能夠簡單，提供學(xué)習(xí)機制機制系統(tǒng)應(yīng)對不同用戶提供不同交互方式系統(tǒng)應(yīng)對不同用戶提供不同交互方式5.2.2.2 人-機界面的交互方式1 1 菜單界面菜單界面 按顯示籠統(tǒng)分類按顯示籠統(tǒng)分類: :正文菜單正文菜單圖標菜單圖標菜單正文圖標混合菜單正文圖標混合菜單按屏幕位置和操作風(fēng)格分類按屏幕位置和操作風(fēng)格分類: :固定固定浮動浮動下拉式下拉式嵌入式嵌入式圖標式菜單圖標式菜單菜單條菜單條彈出式菜單彈出式菜單彈出式協(xié)助文本彈出式協(xié)助文本下拉式菜單、瀑布式菜單下拉式菜單、瀑布式菜單瀑布

12、式菜單瀑布式菜單 2 2 對話對話 對話方式對話方式: :(1)(1)必需回答式必需回答式(2)(2)無需回答式無需回答式(3)(3)警告式警告式 對話實現(xiàn)方式對話實現(xiàn)方式: :(1)(1)規(guī)范對話規(guī)范對話(2)(2)定做式對話定做式對話3. 3. 功能鍵功能鍵4. 4. 圖符界面圖符界面5. 5. 填表界面填表界面6. 6. 命令言語界面命令言語界面7. 7. 查詢言語界面查詢言語界面8. 8. 自然言語界面自然言語界面5.2.2.3控制界面的設(shè)計(1)(1)用控制對話選擇操作命令用控制對話選擇操作命令(2)(2)用菜單界面進展控制用菜單界面進展控制(3)(3)用功能鍵定義操作命令用功能鍵定

13、義操作命令(4)(4)用圖標表示對象或命令用圖標表示對象或命令5.3 義務(wù)分析和建模 5.4 界面設(shè)計開發(fā) 界面設(shè)計過程的步驟：界面設(shè)計過程的步驟：建立義務(wù)的目的和意圖建立義務(wù)的目的和意圖為每個目的和意圖制定特定的動作序列為每個目的和意圖制定特定的動作序列按在界面上執(zhí)行的方式對動作序列進展規(guī)約按在界面上執(zhí)行的方式對動作序列進展規(guī)約指明系統(tǒng)形狀，即執(zhí)行動作時的界面表現(xiàn)指明系統(tǒng)形狀，即執(zhí)行動作時的界面表現(xiàn) 定義控制機制，即用戶可用的改動系統(tǒng)形狀定義控制機制，即用戶可用的改動系統(tǒng)形狀的設(shè)備和動作的設(shè)備和動作指明控制機制如何影響系統(tǒng)形狀指明控制機制如何影響系統(tǒng)形狀指明用戶如何經(jīng)過界面上的信息解釋系統(tǒng)形

14、指明用戶如何經(jīng)過界面上的信息解釋系統(tǒng)形狀狀5.4.1 定義界面對象和動作 為創(chuàng)建描畫圖符的圖形設(shè)計和放置、為創(chuàng)建描畫圖符的圖形設(shè)計和放置、描畫性屏幕文字的定義、窗口的規(guī)約和命描畫性屏幕文字的定義、窗口的規(guī)約和命名、菜單項的規(guī)約的屏幕規(guī)劃提供根底。名、菜單項的規(guī)約的屏幕規(guī)劃提供根底。 呼應(yīng)時間、命令和動作構(gòu)造、錯誤處呼應(yīng)時間、命令和動作構(gòu)造、錯誤處置和協(xié)助設(shè)備等設(shè)計問題應(yīng)該在精化設(shè)計置和協(xié)助設(shè)備等設(shè)計問題應(yīng)該在精化設(shè)計模型時思索。模型時思索。5.4.2 導(dǎo)航方式線性線性層次層次網(wǎng)絡(luò)式網(wǎng)絡(luò)式混合式混合式5.4.3 數(shù)據(jù)輸入界面設(shè)計數(shù)據(jù)輸入的規(guī)那么數(shù)據(jù)輸入的規(guī)那么明確的輸入明確的輸入明確的動作明確的

15、動作明確的取消明確的取消確認刪除確認刪除提供反響提供反響允許編輯允許編輯提供復(fù)原提供復(fù)原UndoUndo自在格式自在格式提示輸入的范圍提示輸入的范圍5.4.4 數(shù)據(jù)顯示界面設(shè)計數(shù)據(jù)顯示的規(guī)那么數(shù)據(jù)顯示的規(guī)那么只顯示必要的數(shù)據(jù)只顯示必要的數(shù)據(jù)在一同運用的數(shù)據(jù)顯示在一同在一同運用的數(shù)據(jù)顯示在一同顯示出的數(shù)據(jù)應(yīng)與用戶執(zhí)行的義務(wù)有關(guān)顯示出的數(shù)據(jù)應(yīng)與用戶執(zhí)行的義務(wù)有關(guān)每一屏數(shù)據(jù)的數(shù)量不應(yīng)超越整個屏幕面積的每一屏數(shù)據(jù)的數(shù)量不應(yīng)超越整個屏幕面積的30%30%屏幕規(guī)劃規(guī)那么屏幕規(guī)劃規(guī)那么盡量少用代碼和縮寫盡量少用代碼和縮寫多個顯示畫面，應(yīng)建立一致格式多個顯示畫面，應(yīng)建立一致格式提供明了的標題、標欄及其它提示信

16、息提供明了的標題、標欄及其它提示信息遵照用戶習(xí)慣遵照用戶習(xí)慣采用顏色、字符大小、下劃線、不同字體等采用顏色、字符大小、下劃線、不同字體等方式強化重要數(shù)據(jù)方式強化重要數(shù)據(jù)5.5 實現(xiàn)工具 用戶界面工具箱用戶界面工具箱 用戶界面開發(fā)系統(tǒng)用戶界面開發(fā)系統(tǒng)(UIDS):(UIDS):采用預(yù)包裝的采用預(yù)包裝的軟件構(gòu)件來構(gòu)造用戶界面軟件構(gòu)件來構(gòu)造用戶界面 UIDSUIDS的固有機制的固有機制: :管理輸入設(shè)備管理輸入設(shè)備確認用戶輸入確認用戶輸入處置錯誤和顯示出錯信息處置錯誤和顯示出錯信息提供反響提供反響( (如自動的輸入呼應(yīng)如自動的輸入呼應(yīng)) )提供協(xié)助和提示提供協(xié)助和提示處置窗口、域和窗口內(nèi)的滾動處置窗口、域和窗口內(nèi)的滾動建立運用軟件和界面間的銜接建立運用軟件和界面間的銜接將運用程序與界面管理功能分開將運用程序與界面管理功能分開允許用戶定制界面允許用戶定制界面 5.6 設(shè)計評價初步設(shè)計初步設(shè)計創(chuàng)建原型創(chuàng)建原型#n界面界面修正設(shè)計修正設(shè)計用戶評價用戶評價界面界面設(shè)計者研討設(shè)計者研討評價結(jié)果評價結(jié)果創(chuàng)建原型創(chuàng)建原型#1界面界面界面設(shè)計評價周期界面設(shè)計評價周期HELP