《軟件工程PPT課件第6章 人機(jī)界面設(shè)計(jì)與編碼》由會(huì)員分享，可在線閱讀，更多相關(guān)《軟件工程PPT課件第6章 人機(jī)界面設(shè)計(jì)與編碼（37頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、第六章第六章 (用戶界面設(shè)計(jì))概論概論n 按照以用戶中心主義的觀點(diǎn)，軟件設(shè)計(jì)的核心內(nèi)按照以用戶中心主義的觀點(diǎn)，軟件設(shè)計(jì)的核心內(nèi)容，不是軟件本身的功能、性能，也就是說，不是容，不是軟件本身的功能、性能，也就是說，不是技術(shù)上的東西。技術(shù)上的東西。n軟件設(shè)計(jì)的核心應(yīng)該是用戶，應(yīng)該是這個(gè)軟件能夠軟件設(shè)計(jì)的核心應(yīng)該是用戶，應(yīng)該是這個(gè)軟件能夠?yàn)橛脩籼峁┦裁礃拥墓δ芎驮鯓犹峁┻@些功能。為用戶提供什么樣的功能和怎樣提供這些功能。n軟件是否成功，不是由技術(shù)專家使用專業(yè)的標(biāo)準(zhǔn)來軟件是否成功，不是由技術(shù)專家使用專業(yè)的標(biāo)準(zhǔn)來評(píng)判，而是由用戶來評(píng)判，由用戶是否認(rèn)可、是否評(píng)判，而是由用戶來評(píng)判，由用戶是否認(rèn)可、是否喜歡來

2、評(píng)判喜歡來評(píng)判。n軟件設(shè)計(jì)應(yīng)該以使用軟件的人為中心，那么使用軟軟件設(shè)計(jì)應(yīng)該以使用軟件的人為中心，那么使用軟件的人有什么特點(diǎn)呢？件的人有什么特點(diǎn)呢？（1）人類感知基礎(chǔ)）人類感知基礎(chǔ)n用戶都是提供自己的感官接收來自計(jì)算機(jī)的信息，用戶都是提供自己的感官接收來自計(jì)算機(jī)的信息，然后通過自己的操作向計(jì)算機(jī)發(fā)出指令的。然后通過自己的操作向計(jì)算機(jī)發(fā)出指令的。n在計(jì)算機(jī)向用戶發(fā)出信息的方式中，目前最常用的在計(jì)算機(jī)向用戶發(fā)出信息的方式中，目前最常用的有視覺信息、聽覺信息和文字信息。有視覺信息、聽覺信息和文字信息。n視覺信息包括圖形、顏色、動(dòng)畫、圖像等等，我們視覺信息包括圖形、顏色、動(dòng)畫、圖像等等，我們?cè)谟?jì)算機(jī)屏幕

3、上看到的絕大多數(shù)信息都是視覺信息在計(jì)算機(jī)屏幕上看到的絕大多數(shù)信息都是視覺信息n視覺信息的特點(diǎn)是信息量大，人可以快速地識(shí)別和視覺信息的特點(diǎn)是信息量大，人可以快速地識(shí)別和反應(yīng)。反應(yīng)。n聽覺信息主要是聲音，包括音樂、聲響等，它的主聽覺信息主要是聲音，包括音樂、聲響等，它的主要特點(diǎn)是沒有方向性，即使用戶沒有關(guān)注軟件，也要特點(diǎn)是沒有方向性，即使用戶沒有關(guān)注軟件，也能夠感知到。能夠感知到。n文字信息其實(shí)不是單獨(dú)存在的，它可以存在于視覺文字信息其實(shí)不是單獨(dú)存在的，它可以存在于視覺信息里，就是屏幕上顯示的文本信息里，就是屏幕上顯示的文本。（2）用戶的特性：）用戶的特性： 我們上面分析了人類的感知基礎(chǔ)。我們說用

4、戶中心主我們上面分析了人類的感知基礎(chǔ)。我們說用戶中心主義，那么用戶究竟是怎么樣的呢？對(duì)于軟件設(shè)計(jì)人員義，那么用戶究竟是怎么樣的呢？對(duì)于軟件設(shè)計(jì)人員來說，必需樹立這樣幾個(gè)基本觀念：來說，必需樹立這樣幾個(gè)基本觀念：a、用戶是懶惰的用戶是懶惰的b、用戶是笨的、用戶是笨的c、用戶是容易出錯(cuò)的、用戶是容易出錯(cuò)的d、用戶是健忘的、用戶是健忘的e、用戶的注意力很容易渙散、用戶的注意力很容易渙散f、用戶的脾氣不好、用戶的脾氣不好g、用戶是上帝、用戶是上帝（3）任務(wù)的特殊要求）任務(wù)的特殊要求n在進(jìn)行界面設(shè)計(jì)時(shí)，必需對(duì)軟件所要完成的任務(wù)在進(jìn)行界面設(shè)計(jì)時(shí)，必需對(duì)軟件所要完成的任務(wù)有準(zhǔn)確的認(rèn)識(shí)。有準(zhǔn)確的認(rèn)識(shí)。n有的任

5、務(wù)是實(shí)時(shí)型任務(wù)，對(duì)每一項(xiàng)響應(yīng)都有時(shí)間有的任務(wù)是實(shí)時(shí)型任務(wù)，對(duì)每一項(xiàng)響應(yīng)都有時(shí)間限制；限制；n有的任務(wù)是監(jiān)察型任務(wù)，那么就要給用戶提供方有的任務(wù)是監(jiān)察型任務(wù)，那么就要給用戶提供方便的、易于觀察的顯示輸出；便的、易于觀察的顯示輸出；n有的任務(wù)是可中斷的，那么就要有兩次啟動(dòng)之間有的任務(wù)是可中斷的，那么就要有兩次啟動(dòng)之間的銜接問題；有的任務(wù)對(duì)可靠性要求很高，是不的銜接問題；有的任務(wù)對(duì)可靠性要求很高，是不可錯(cuò)的，那么就要在容錯(cuò)設(shè)計(jì)上多下工夫。可錯(cuò)的，那么就要在容錯(cuò)設(shè)計(jì)上多下工夫。6.1 6.1 用戶友好性設(shè)計(jì)用戶友好性設(shè)計(jì)n 用戶友好性用戶友好性一般屬軟件的性能特性一般屬軟件的性能特性，它獨(dú)立于所有具體

6、功能，卻影響著，它獨(dú)立于所有具體功能，卻影響著所有功能的重用性。所有功能的重用性。n 用戶友好性用戶友好性應(yīng)體現(xiàn)在與用戶有接口應(yīng)體現(xiàn)在與用戶有接口 的軟件特性上。的軟件特性上。 n 用戶友好性的根本用戶友好性的根本目的目的是為了軟是為了軟件可重用性、可維護(hù)性。件可重用性、可維護(hù)性。用戶友好性的標(biāo)志用戶友好性的標(biāo)志可操作性可操作性健壯性健壯性易學(xué)習(xí)性易學(xué)習(xí)性可擴(kuò)展性可擴(kuò)展性 界面設(shè)計(jì)的模型界面設(shè)計(jì)的模型界面設(shè)計(jì)模型界面設(shè)計(jì)模型l設(shè)計(jì)人機(jī)界面要考慮四個(gè)方面：設(shè)計(jì)人機(jī)界面要考慮四個(gè)方面：軟件工程師創(chuàng)建軟件工程師創(chuàng)建”設(shè)計(jì)模型設(shè)計(jì)模型”人機(jī)工程師建立的人機(jī)工程師建立的”用戶模型用戶模型”最終用戶在腦海

7、里對(duì)界面產(chǎn)生的映象最終用戶在腦海里對(duì)界面產(chǎn)生的映象”用戶的模型用戶的模型”系統(tǒng)的實(shí)現(xiàn)者創(chuàng)建系統(tǒng)的實(shí)現(xiàn)者創(chuàng)建”系統(tǒng)映象系統(tǒng)映象”l四種模型可能相去甚遠(yuǎn)，界面設(shè)計(jì)人員的任務(wù)就是四種模型可能相去甚遠(yuǎn)，界面設(shè)計(jì)人員的任務(wù)就是消除這些差距，導(dǎo)出一致的表示界面消除這些差距，導(dǎo)出一致的表示界面。6.2 6.2 用戶分析用戶分析用戶類型用戶類型: :F偶然型偶然型F生疏型生疏型F熟練型熟練型F專家型專家型影響用戶行為特性的因素影響用戶行為特性的因素F人人- -機(jī)匹配性機(jī)匹配性F人的固有技能人的固有技能F人的固有弱點(diǎn)人的固有弱點(diǎn)F用戶的知識(shí)經(jīng)驗(yàn)用戶的知識(shí)經(jīng)驗(yàn)F用戶對(duì)系統(tǒng)的期望和態(tài)度用戶對(duì)系統(tǒng)的期望和態(tài)度用戶對(duì)計(jì)

8、算機(jī)系統(tǒng)的要求F讓用戶靈活地使用讓用戶靈活地使用F適應(yīng)不同類型用戶適應(yīng)不同類型用戶F系統(tǒng)的行為及效果對(duì)用戶透明系統(tǒng)的行為及效果對(duì)用戶透明F提供聯(lián)機(jī)幫助功能提供聯(lián)機(jī)幫助功能F人機(jī)交互盡可能和人際通信相似人機(jī)交互盡可能和人際通信相似用戶技能方面的使用需求F應(yīng)讓系統(tǒng)去適應(yīng)用戶應(yīng)讓系統(tǒng)去適應(yīng)用戶F使用易于理解、掌握的準(zhǔn)自然語言使用易于理解、掌握的準(zhǔn)自然語言F一致性的系統(tǒng)設(shè)計(jì)一致性的系統(tǒng)設(shè)計(jì)F能通過系統(tǒng)學(xué)習(xí)能通過系統(tǒng)學(xué)習(xí)F系統(tǒng)提供演示及范例系統(tǒng)提供演示及范例用戶習(xí)性方面的使用需求F系統(tǒng)應(yīng)讓用戶有耐心系統(tǒng)應(yīng)讓用戶有耐心F系統(tǒng)應(yīng)很好地對(duì)付人的易犯錯(cuò)系統(tǒng)應(yīng)很好地對(duì)付人的易犯錯(cuò)誤誤F系統(tǒng)應(yīng)對(duì)不同用戶提供不同交系

9、統(tǒng)應(yīng)對(duì)不同用戶提供不同交互方式互方式用戶經(jīng)驗(yàn)、知識(shí)方面的使用需求F系統(tǒng)應(yīng)能讓未經(jīng)專門訓(xùn)練的用戶使用系統(tǒng)應(yīng)能讓未經(jīng)專門訓(xùn)練的用戶使用F系統(tǒng)能對(duì)不同經(jīng)驗(yàn)用戶做出不同反應(yīng)系統(tǒng)能對(duì)不同經(jīng)驗(yàn)用戶做出不同反應(yīng)F提供同一系統(tǒng)的一致性，建立標(biāo)準(zhǔn)化提供同一系統(tǒng)的一致性，建立標(biāo)準(zhǔn)化人人- -機(jī)界面機(jī)界面F系統(tǒng)必須適應(yīng)用戶在應(yīng)用領(lǐng)域的知識(shí)系統(tǒng)必須適應(yīng)用戶在應(yīng)用領(lǐng)域的知識(shí)變化，提供動(dòng)態(tài)的自適應(yīng)的設(shè)計(jì)變化，提供動(dòng)態(tài)的自適應(yīng)的設(shè)計(jì)用戶對(duì)系統(tǒng)的期望方面的要求F用戶界面應(yīng)提供形象、生動(dòng)、美觀的用戶界面應(yīng)提供形象、生動(dòng)、美觀的布局顯示和操作環(huán)境布局顯示和操作環(huán)境F系統(tǒng)處理問題應(yīng)盡可能簡(jiǎn)單，提供學(xué)系統(tǒng)處理問題應(yīng)盡可能簡(jiǎn)單，提供學(xué)

10、習(xí)機(jī)制習(xí)機(jī)制F系統(tǒng)應(yīng)對(duì)不同用戶提供不同交互方式系統(tǒng)應(yīng)對(duì)不同用戶提供不同交互方式 6.3 6.3 界面的設(shè)計(jì)原則界面的設(shè)計(jì)原則1. 1. 分析用戶類型分析用戶類型2. 2. 應(yīng)用程序和界面分離應(yīng)用程序和界面分離3. 3. 一致性一致性4. 4. 盡量減少用戶工作盡量減少用戶工作5. 5. 提供反饋提供反饋6. 6. 出錯(cuò)處理和幫助功能出錯(cuò)處理和幫助功能7. 7. 增加可視化圖形表示增加可視化圖形表示HELPHELP系統(tǒng)設(shè)計(jì)系統(tǒng)設(shè)計(jì) HELPHELP系統(tǒng)設(shè)計(jì)不屬于界面系統(tǒng)設(shè)計(jì)不屬于界面設(shè)計(jì)范圍，涉及系統(tǒng)整體設(shè)計(jì)范圍，涉及系統(tǒng)整體結(jié)構(gòu)，是結(jié)構(gòu)級(jí)用戶友好結(jié)構(gòu)，是結(jié)構(gòu)級(jí)用戶友好性設(shè)計(jì)。性設(shè)計(jì)。 ( (編

11、制應(yīng)用程序，可使用編制應(yīng)用程序，可使用APIAPI函數(shù)設(shè)置幫助項(xiàng)）函數(shù)設(shè)置幫助項(xiàng)）HELPHELP系統(tǒng)設(shè)計(jì)系統(tǒng)設(shè)計(jì)幫助方式：幫助方式：F 操作指南文檔操作指南文檔F 基于幫助文件的要求性幫助基于幫助文件的要求性幫助 ( (命令級(jí)幫助）命令級(jí)幫助）F 說明性幫助說明性幫助F 嵌入系統(tǒng)的要求性幫助嵌入系統(tǒng)的要求性幫助F 嵌入培訓(xùn)功能的智能幫助系統(tǒng)嵌入培訓(xùn)功能的智能幫助系統(tǒng)6.4 6.4 人人- -機(jī)機(jī)界面的交互方式界面的交互方式1 1 菜單界面菜單界面按顯示形象分類按顯示形象分類: :F正文菜單正文菜單F圖標(biāo)菜單圖標(biāo)菜單F正文圖標(biāo)混合菜單正文圖標(biāo)混合菜單按屏幕位置和操作風(fēng)格分類按屏幕位置和操作風(fēng)格

12、分類: :F固定固定F浮動(dòng)浮動(dòng)F下拉式下拉式F嵌入式嵌入式下拉式菜單、瀑布式菜單下拉式菜單、瀑布式菜單2 2 對(duì)話對(duì)話對(duì)話形式對(duì)話形式: :(1)(1)必須回答式必須回答式: :需要用戶的確定認(rèn)可需要用戶的確定認(rèn)可或參數(shù)或參數(shù)(2)(2)無需回答式：只顯示系統(tǒng)信息無需回答式：只顯示系統(tǒng)信息(3)(3)警告式：一般為出錯(cuò)提示警告式：一般為出錯(cuò)提示對(duì)話實(shí)現(xiàn)方式對(duì)話實(shí)現(xiàn)方式: :(1)(1)標(biāo)準(zhǔn)對(duì)話：一般提示對(duì)話方式標(biāo)準(zhǔn)對(duì)話：一般提示對(duì)話方式(2)(2)定做式對(duì)話：按實(shí)際要求設(shè)定定做式對(duì)話：按實(shí)際要求設(shè)定（1 1） 功能鍵功能鍵（2 2） 圖符界面圖符界面（3 3） 填表界面填表界面（4 4） 命令

13、語言界面命令語言界面（5 5） 查詢語言界面查詢語言界面（6 6） 自然語言界面自然語言界面4 4 控制控制界面的設(shè)計(jì)界面的設(shè)計(jì)(1)(1)用控制對(duì)話選擇操作命令用控制對(duì)話選擇操作命令(2)(2)用菜單界面進(jìn)行控制用菜單界面進(jìn)行控制(3)(3)用功能鍵定義操作命令用功能鍵定義操作命令(4)(4)用圖標(biāo)表示對(duì)象或命令用圖標(biāo)表示對(duì)象或命令6.5 6.5 界面的開發(fā)界面的開發(fā)1. 1. 界面開發(fā)模型界面開發(fā)模型瀑布式模型：古典開發(fā)模型瀑布式模型：古典開發(fā)模型原型模型：現(xiàn)代開發(fā)模型原型模型：現(xiàn)代開發(fā)模型2. 2. 導(dǎo)航方式導(dǎo)航方式線性線性6.5 6.5 界面的開發(fā)界面的開發(fā)網(wǎng)絡(luò)式網(wǎng)絡(luò)式6.6 6.6

14、數(shù)據(jù)輸入數(shù)據(jù)輸入界面設(shè)計(jì)界面設(shè)計(jì)數(shù)據(jù)輸入的規(guī)則數(shù)據(jù)輸入的規(guī)則F明確的輸入明確的輸入F明確的動(dòng)作明確的動(dòng)作F明確的取消明確的取消F確認(rèn)刪除確認(rèn)刪除F提供反饋提供反饋F允許編輯允許編輯F提供復(fù)原（提供復(fù)原（UndoUndo）F自由格式自由格式F提示輸入的范圍提示輸入的范圍6.7 6.7 數(shù)據(jù)顯示數(shù)據(jù)顯示界面設(shè)計(jì)界面設(shè)計(jì)數(shù)據(jù)顯示的規(guī)則數(shù)據(jù)顯示的規(guī)則F只顯示必要的數(shù)據(jù)只顯示必要的數(shù)據(jù)F在一起使用的數(shù)據(jù)顯示在一起在一起使用的數(shù)據(jù)顯示在一起F顯示出的數(shù)據(jù)應(yīng)與用戶執(zhí)行的任務(wù)有關(guān)顯示出的數(shù)據(jù)應(yīng)與用戶執(zhí)行的任務(wù)有關(guān)F每一屏數(shù)據(jù)的數(shù)量不應(yīng)超過整個(gè)屏幕面積的每一屏數(shù)據(jù)的數(shù)量不應(yīng)超過整個(gè)屏幕面積的30%30%屏幕布局

15、規(guī)則屏幕布局規(guī)則F盡量少用代碼和縮寫盡量少用代碼和縮寫F多個(gè)顯示畫面，應(yīng)建立統(tǒng)一格式多個(gè)顯示畫面，應(yīng)建立統(tǒng)一格式F提供明了的標(biāo)題、標(biāo)欄及其它提示信息提供明了的標(biāo)題、標(biāo)欄及其它提示信息F遵循用戶習(xí)慣遵循用戶習(xí)慣F采用顏色、字符大小、下劃線、不同字體等方式強(qiáng)化重采用顏色、字符大小、下劃線、不同字體等方式強(qiáng)化重要數(shù)據(jù)要數(shù)據(jù)程序編碼程序編碼1、程序的質(zhì)量主要取決于軟件設(shè)計(jì)的質(zhì)量，程序設(shè)計(jì)、程序的質(zhì)量主要取決于軟件設(shè)計(jì)的質(zhì)量，程序設(shè)計(jì)語言的特性和編碼途徑也對(duì)程序的可靠性、可讀性語言的特性和編碼途徑也對(duì)程序的可靠性、可讀性、可測(cè)試性和可維護(hù)性產(chǎn)生深遠(yuǎn)的影響。、可測(cè)試性和可維護(hù)性產(chǎn)生深遠(yuǎn)的影響。2 、程序設(shè)

16、計(jì)語言分類：匯編語言和高級(jí)語言、程序設(shè)計(jì)語言分類：匯編語言和高級(jí)語言高級(jí)語言分：高級(jí)語言分：基礎(chǔ)語言、結(jié)構(gòu)化語言、專用語言、面基礎(chǔ)語言、結(jié)構(gòu)化語言、專用語言、面向?qū)ο笳Z言向?qū)ο笳Z言基礎(chǔ)語言有：基礎(chǔ)語言有：BASIC、FORTRAN、COBOL、 ALGOL結(jié)構(gòu)化語言有：結(jié)構(gòu)化語言有：ALGOL、PL/1、PASCAL、C、Ada專用語言有：專用語言有：APL、LISP、PROLOG面向?qū)ο笳Z言有：面向?qū)ο笳Z言有： C+、Smalltalk、Object C、Java程序編碼程序編碼3、程序設(shè)計(jì)語言的特點(diǎn)及對(duì)軟件質(zhì)量影響。、程序設(shè)計(jì)語言的特點(diǎn)及對(duì)軟件質(zhì)量影響。1)1)一致性：表示語言所使用符號(hào)的

17、兼容性一致性：表示語言所使用符號(hào)的兼容性2) 2) 無二義性：設(shè)計(jì)對(duì)程序的正確理解。無二義性：設(shè)計(jì)對(duì)程序的正確理解。3) 3) 簡(jiǎn)潔性：體現(xiàn)程序員掌握語言必須記憶的代碼的簡(jiǎn)潔性：體現(xiàn)程序員掌握語言必須記憶的代碼的信息總量。信息總量。4 4）局部性：（語言的）容易聯(lián)想特性）局部性：（語言的）容易聯(lián)想特性5 5）線性：對(duì)程序容易理解）線性：對(duì)程序容易理解4 、寫程序風(fēng)格應(yīng)遵循的規(guī)則：、寫程序風(fēng)格應(yīng)遵循的規(guī)則： 簡(jiǎn)潔化、模塊化、簡(jiǎn)單化、簡(jiǎn)潔化、模塊化、簡(jiǎn)單化、 結(jié)構(gòu)化、文檔化、格式化結(jié)構(gòu)化、文檔化、格式化 程序設(shè)計(jì)風(fēng)格程序設(shè)計(jì)風(fēng)格1.代碼文件代碼文件n選擇有意義的標(biāo)識(shí)符選擇有意義的標(biāo)識(shí)符n安排注釋（

18、緒言性、功能性、標(biāo)題、作者、調(diào)用形安排注釋（緒言性、功能性、標(biāo)題、作者、調(diào)用形式、參數(shù)說明式、參數(shù)說明.）2.視覺形式視覺形式2.數(shù)據(jù)說明數(shù)據(jù)說明n說明次序要規(guī)范化說明次序要規(guī)范化n利用數(shù)據(jù)類型對(duì)數(shù)據(jù)值進(jìn)行防范利用數(shù)據(jù)類型對(duì)數(shù)據(jù)值進(jìn)行防范3.語句語句n語句應(yīng)當(dāng)簡(jiǎn)明和直接了當(dāng)，不要追求奇技怪巧語句應(yīng)當(dāng)簡(jiǎn)明和直接了當(dāng)，不要追求奇技怪巧n使用標(biāo)準(zhǔn)的控制語句使用標(biāo)準(zhǔn)的控制語句n盡量不用測(cè)試條件的盡量不用測(cè)試條件的”非非”n不要利用復(fù)雜的算符優(yōu)先級(jí)，用括號(hào)更清晰不要利用復(fù)雜的算符優(yōu)先級(jí)，用括號(hào)更清晰n對(duì)遞歸定義的數(shù)據(jù)結(jié)構(gòu)使用遞歸過程對(duì)遞歸定義的數(shù)據(jù)結(jié)構(gòu)使用遞歸過程n避免不必要的避免不必要的goto語句語句n不要修修補(bǔ)補(bǔ)不好的程序，要重新寫不要修修補(bǔ)補(bǔ)不好的程序，要重新寫4.輸入和輸出輸入和輸出n邏輯地組織輸入，有效的出錯(cuò)檢查邏輯地組織輸入，有效的出錯(cuò)檢查n有提示的輸入方式，自由格式輸入有提示的輸入方式，自由格式輸入n對(duì)產(chǎn)生重大后果的輸入，給出醒目的提示，待對(duì)產(chǎn)生重大后果的輸入，給出醒目的提示，待用戶確認(rèn)后在執(zhí)行用戶確認(rèn)后在執(zhí)行n合理，整齊，有層次，美觀的輸出形式合理，整齊，有層次，美觀的輸出形式