《人機界面設計》ppt課件

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

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

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

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

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

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

7、件工程師創(chuàng)建的設計模型 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 四種模型可四種模型可能相差甚遠，能相差甚遠，界面設計人界面設計人員的義務就員的義務就是消除這些是消除這些差距，導出差距，導出一致的界面一致的界面表示表示5.2.2 用戶

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

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

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

11、動、美觀的規(guī)用戶界面應提供籠統(tǒng)、生動、美觀的規(guī)劃顯示和操作環(huán)境劃顯示和操作環(huán)境系統(tǒng)處置問題應盡能夠簡單，提供學習系統(tǒng)處置問題應盡能夠簡單，提供學習機制機制系統(tǒng)應對不同用戶提供不同交互方式系統(tǒng)應對不同用戶提供不同交互方式5.2.2.2 人-機界面的交互方式1 1 菜單界面菜單界面 按顯示籠統(tǒng)分類按顯示籠統(tǒ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控制界面的設計(1)(1)用控制對話選擇操作命令用控制對話選擇操作命令(2)(2)用菜單界面進展控制用菜單界面進展控制(3)(3)用功能鍵定義操作命令用功能鍵定

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

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

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

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