1、交互設計PPT課件第第8章章 交互設計交互設計 交互設計PPT課件8.1 交互結構的組成交互結構的組成 8.1.1 交互結構的組成 1.交互圖標 2.分支圖標 3.交互響應類型圖標 4.分支走向標記（箭頭）交互設計PPT課件8.1 交互結構的組成交互結構的組成 8.1.2 交互圖標對話框1交互作用選項卡（1）擦除：在什么時候擦除交互結構運行時顯示的內容，有3種選擇： l退出時：在退出交互時，擦除屏幕上交互內容。l每次響應之后：在下一個交互響應前，立即擦除交互顯示，使兩次交互的信息不會產生重疊。l不擦除：保留由于交互所顯示的內容，直到用清除圖標擦除。交互設計PPT課件8.1 交互結構的組成交互結

2、構的組成 （2）【擦除特效】：擦除交互信息時，使用哪種擦除效果。（3）【在退出前中止】：在退出交互前暫時停止程序的執行，以便操作者能看清楚屏幕上的信息。（4）顯示按鈕：當選擇了【在退出前中止】本選項才有效，系統運行時出現Continue繼續按鈕。（5）【文本字段】：如果交互結構中包含了文本輸入響應類型的分支，單擊此按鈕，出現文本輸入屬性對話框，可設置輸入文本時的字體、大小、顯示模式等屬性。參見本章后面文本輸入響應類型部分。（6 ）【打開】 ：即打開相應分支。交互設計PPT課件8.1 交互結構的組成交互結構的組成 2顯示選項卡與版面布局選項卡分別用來設置交互顯示對象的顯示屬性和定位屬性，選項的意

3、義與顯示圖標一樣3CMI選項卡【交互作用】復選框用來設置是否允許知識跟蹤；在【交互標識】文本框中輸入該交互結構的唯一標識數；在【目標標識】文本框中輸入與交互相關的目標對象的ID值；在【重要】文本框中輸入權值，以表示該交互的相對重要性；在【類型】列表框中選擇交互的類型（試題類型），包括多選題、填空題等。 交互設計PPT課件8.1 交互結構的組成交互結構的組成 8.1.3 交互響應類型交互設計PPT課件8.1 交互結構的組成交互結構的組成 8.1.4 交互分支設計 1響應狀態（1）不判斷（Not Judged）：Authorware將不跟蹤這種響應，對響應是否正確不作判斷。（2）正確響應（Corr

4、ect）： Authorware會跟蹤用戶輸入響應的正確程度，并將用戶輸入的正確響應累加，存儲在一個系統變量中。（3）錯誤響應（Wrong）：Authorware會跟蹤用戶輸入響應的錯誤，并將輸入的錯誤響應進行累加，然后存儲在另一個系統變量中。 交互設計PPT課件8.1 交互結構的組成交互結構的組成 2交互類型 用不同的交互類型標志，標明每個分支圖標所具有的交互類型。通過交互圖標掛接分支圖標上方的交互類型標志，可以明確各個分支的交互類型是什么。 交互設計PPT課件8.1 交互結構的組成交互結構的組成 3. 返回狀態（Branch）:當某一分支產生了響應，并且執行完分支圖標后，程序該怎樣繼續執行

5、，在Authorware中有4種返回狀態 （1）重試：循環回交互圖標可以接受學生輸入另外一個響應。 （2）繼續：將繼續檢查下一個分支是否與用戶輸入的響應匹配。 （3）退出交互：Authorware在執行完這個分支的內容后，退出交互圖標，執行流程圖上的下一個圖標。 （4）返回：只有當交互范圍（Scope）設定為永久（Perpetual）有效時，才在此選項。作用是在執行完這個分支的內容后，返回進入交互圖標前的流程線上的下一個圖標。 交互設計PPT課件8.1 交互結構的組成交互結構的組成 8.1.5 創建交互結構 1.建立交互圖標 2.創建分支 3.調整各個分支響應的類型 4.設計交互圖標和各個分支

6、圖標的內容 5.設置交互圖標及各個分支響應圖標的屬性交互設計PPT課件8.1 交互結構的組成交互結構的組成 8.1.6 交互響應的執行過程與設計原則1. 交互響應的執行過程 （1）交互提示 （2）響應觸發 （3）分支判斷 （4）子圖標響應 （5）交互循環 交互設計PPT課件8.1 交互結構的組成交互結構的組成 2.交互響應的設計原則 （1）按照子圖標響應的先后邏輯關系從左自右安排。 （2）盡可能地將響應頻率較高的子圖標放在左邊。 （3）優先響應的子圖標放到左邊。 交互設計PPT課件8.2 按鈕響應8.2.1 創建按鈕響應流程8.2.2 設置按鈕屬性1. 按鈕標簽 交互設計PPT課件8.2 按鈕

7、響應 （1）大?。哼m用于設置按鈕大小 （2）位置：用來確定按鈕在展示窗口中的位置 （3）標簽：用來設置按鈕上的文字 （4）快捷鍵：用來設置與單擊按鈕等效的快捷鍵 （5）選項：括兩個復選框：【默認按鈕】和【非激活狀態下隱藏】 （6）鼠標：設置鼠標形狀，默認情況下，鼠標光標移到按鈕上時為標準箭頭形狀，也可以設置為其他更加實用、生動形象的光標，如手形光標等。2響應選項卡用來設置按鈕響應條件、分支循環方式、狀態標記等 交互設計PPT課件8.2 按鈕響應 （1）范圍：設置當前分支響應的有效范圍。系統按鈕的選擇 （2）激活條件：用來激活響應的條件。可以輸入一個變量或表達式，其值成立是匹配響應的前提。 （3

8、）擦除、分支、狀態 （4）計分：文本框用來設置與分支響應相關的分數值，用一個量值表示用戶響應的正確性 交互設計PPT課件8.2 按鈕響應 8.2.3 系統按鈕的選擇交互設計PPT課件8.2 按鈕響應 2自定義按鈕 自定義按鈕可分為常規和選中兩類。常規按鈕一般用作普通命令按鈕，而選中按鈕一般用作復選按鈕或單選按鈕。每種按鈕有4種狀態：未按、按下、在上、不允許。每個自定義按鈕包含四種屬性：狀態、圖形、標簽、聲音 交互設計PPT課件8.2 按鈕響應2. 自定義按鈕（1）狀態Status，包括以下四種： 1）正常或上浮狀態（Up） 2）按下鼠標狀態（Down） 3）鼠標指針與按鈕匹配狀態（Over）

9、4）禁止狀態（Disabled）交互設計PPT課件8.2 按鈕響應2.自定義按鈕（2）按鈕屬性 1）圖案：即按鈕本身，可以是各種形狀、顏色、圖案的圖標 2）標簽：指按鈕上的文字 3）聲音：單擊不同狀態的按鈕時，可以發出不同的聲音 （3）按鈕描述：說明性文字（4）自動檢測：選中該選項，當單擊按鈕時，會自動在檢查狀態和正常狀態之間切換 交互設計PPT課件8.2 按鈕響應實例8-1：利用按鈕響應制作選擇題考試系統 題意分析：假設我們做兩種選擇題：單選和多選題，利、用按鈕響應和數組功能，配合Authorware提供的程序設計語言實現自動評分。題中包括3道單選題和2道多選題，每個小題做正確了得20分，總

10、分100分。 交互設計PPT課件8.3 熱區響應 熱區是演示窗口中的一個活動區域甚至整個演示窗口,熱區的形狀為規則的矩形，單擊、雙擊或將鼠標指針移到該區域上時，就可激活熱區響應。 8.3.1 熱區的創建與編輯 1.建立熱區：只要有熱區響應，系統自動建立熱區，在展示窗口中用虛線表示。 2.編輯熱區：打開交互圖標，可以改變熱區位置和大小。交互設計PPT課件8.3 熱區響應 8.3.2 熱區屬性的設置 1.標題：即分支圖標的標題 2.尺寸與位置：用于精確定位 3.快捷鍵：用于快速響應 4.匹配：設置響應匹配方式，包括單擊、雙擊、指針在指定區域內，用來設置熱區響應的匹配方式 5.匹配時高亮度與加匹配標

11、記：這兩個復選項用來設置熱區響應匹配后熱區的顯示狀態 6.鼠標：用于設置鼠標形狀交互設計PPT課件8.3 熱區響應 實例8-2：即時單詞翻譯系統 題意分析：類似于單詞翻譯軟件，屏幕上出現一些英文單詞和一個退出按鈕，當鼠標指向某個單詞時，屏幕顯示這個單詞的中文意思，離開即消失，指向退出按鈕時出現“退出翻譯系統”的提示，單擊它退出系統。 交互設計PPT課件8.4 熱對象響應 熱對象與熱區響應的區別 1.可視性:熱區在程序運行時不可見；而熱對象是可視對象（包括圖象、文本等。） 2.響應區域的形狀：熱區為矩形；熱對象可以是任意形狀，并由對象的外形而定。 3.響應區域的定義方式：熱區由系統自動生成，其范

12、圍取決于交互圖標的熱區虛線框的大小；熱對象位于交互結構前面的顯示圖標等圖標中，在熱對象響應屬性對話框中定義，其范圍對象由大小確定。 4.可移動性：熱區固定在展示窗口上，不可移動，而熱對象如果是一個動畫或者運動的物體，它可以移動，但不管移動到什么位置，單擊它都能得到相同的響應結果。 交互設計PPT課件8.4 熱對象響應 實例8-3：打蚊子游戲 題意分析：這是一個小游戲，蚊子在展示窗口上隨意飛，用戶通過鼠標點擊蚊子，打中一次計10分，每打中一次，蚊子飛行的速度提高一些，如果蚊子飛行的速度達到極限，則不再加速了，以穩定的速度飛，屏幕及時顯示用戶成績。 交互設計PPT課件8.4 熱對象響應 交互設計P

13、PT課件8.5 目標區域響應 8.5.1 目標對象和目標區域創建目標區域應包括兩部分：建立目標對象和設置目標區域響應。目標對象和目標區域 1.建立目標對象：目標對象應該位于交互圖標前面的顯示圖標中 2.編輯目標區：與熱區不同的是，它有兩條對角線 8.5.2 設置目標區響應屬性交互設計PPT課件8.5 目標區域響應 l【大小】和【位置】文本框分別用來定義目標區的大小和位置。l【放下】列表框有三個選項，用來設置對象被拖入目標位置后怎么辦。l【在目標點放下】，即留在終點，當用戶拖到對象到目標區域釋放時，只要對象的中心進入目標區，該對象就停在移動的終點位置，同時執行分支圖標。l【返回】：當用戶拖動目標

14、對象到目標區釋放時，對象并不停留在目標區中，而是返回原來所在位置，然后執行分支圖標。l【在中心定位】：該此項比較常用，當用戶拖動對象放到目標區后，系統自動將該對象的中心與目標區的中心對準，再匹配分支圖標響應。l若選中【允許任何對象】復選框，用戶就可以將任何可移動對象拖放到目標區，無需確定目標對象；如果沒有選中該復選框，就應按第3步中介紹的方法確定目標對象。交互設計PPT課件8.5 目標區域響應 實例8-3：智力接圖游戲 題意分析：智力接圖游戲是一種比較常見的游戲，首先出現一個完整圖，等待一些時間讓用戶看清楚，然后，完整圖變成幾部分，用戶將這些組件拼起來形成與原來一樣的完整圖。假設有一個幅圖，名

15、稱叫茄子姑娘，完整圖是一只茄子手拿著傘、頭戴帽子、有眼睛和嘴巴，拆開后，傘、帽子、眼睛和嘴巴放在旁邊，用戶將它們原樣組裝起來即可。這種題目用目標區域響應容易實現，在完整圖上的相應位置指定一個區域，即目標區域，并確定目標對象，用戶將這個對象拖到指定區域就算完成。交互設計PPT課件8.5 目標區域響應 交互設計PPT課件8.6 下拉菜單響應 下拉菜單是Windows系統中通用的程序界面，具有風格統一、操作簡單的特征，設計下拉菜單，應遵循Windows軟件的標準，包括窗口樣式、菜單、菜單項、快捷鍵、熱鍵（也稱加速鍵）、分隔線等內容 交互設計PPT課件8.6 下拉菜單響應 8.6.2 下拉菜單響應屬性

16、的設置1下拉菜單的建立建立下拉菜單的規則是：每個交互結構建立一個下拉菜單，交互圖標名就是菜單名，每個分支就是一個下拉菜單項，分支的圖標標題不一定是菜單項名，菜單項名也可以通過對話框設置。特殊菜單包括4種：交互設計PPT課件8.6 下拉菜單響應 l分隔線：用于分隔不同的菜單小組，用-（減號）。l加速鍵：菜單激活后有效，即Alt+加速鍵即可運行命令，在菜單名中相應鍵后加個符號&。l快捷鍵：只要軟件啟動，不必激活菜單就可運行，一般是Ctrl、Shift、Alt與其它鍵的組合。l無效菜單：只要在對話框中激活條件處設置一個表達式，條件不成立時菜單變成灰色，即無效狀態。交互設計PPT課件8.6 下

17、拉菜單響應 2屬性設置【菜單項】文本框：若為空，則將分支圖標標題作為菜單項標題，若輸入了字符串（字符串要用引號 “引起來），則用此字符串替代原有菜單項的標題?！究旖萱I】設置快捷鍵時，如果采用組合建，應該直接寫鍵名。如Ctrl+X組合鍵交互設計PPT課件8.6 下拉菜單響應 實例8-5：菜單制作 題意分析：假設要制作兩欄菜單，分別是“文件”和“編輯”那么，首先要刪除系統默認的英文菜單File，然后再添加兩欄菜單。 交互設計PPT課件8.7 條件響應 條件響應是指在滿足程序設定的條件后，不需要用戶的參與而程序自動沿相應的分支執行 條件：表達式的結果為非0值或者True表示成立，0或者False表示

18、不成立，邏輯與或非分別用符號“&”、“|”、“”表示。如果本項空著，表示條件不成立，如果希望永遠為真，則可以輸入一個邏輯常量True。 交互設計PPT課件8.7 條件響應 自動匹配條件l【關閉】：關閉自動匹配功能，只有當程序執行到此圖標時才判斷條件是否滿足，如果滿足則執行此分支圖標。l【為真】：只要條件成立，即自動重復執行相應分支，也就是說，系統將不斷監視條件的變化情況，一旦響應條件，就會響應該分支圖標。所以，當分支執行完成后，只有使條件值變為假或者退出交互，才能轉到其它分支執行，否則系統將重復執行本分支。l【當由假為真】：條件由假變為真時，系統自動執行相應分支，無須用戶響應。交互設計

19、PPT課件8.7 條件響應 實例8-6：金魚反復游動題意分析：金魚在一個魚缸里，不停地游動，而這種游動是用移動圖標實現的，即只要一停下來，系統馬上啟動移動圖標讓金魚游動。交互設計PPT課件8.8 文本輸入響應 文本輸入響應（Text Entry）要求用戶輸入文本，系統自動將文本作為字符串保存在系統變量EntryText中 。8.8.1 文本輸入響應類型屬性設置交互設計PPT課件8.8 文本輸入響應 1. 模式：用于輸入模式字符串（注意要加引號），匹配用戶輸入的內容，只有當用戶輸入的字符與這里指定的內容匹配時系統才能響應此分支，如密碼等。如果希望輸入任何內容均可響應，這個文本框中不要輸入任何內容

20、。2. 最低匹配、增量匹配：只對英文單詞有效3. 忽略：可以被系統忽略的一些選項。交互設計PPT課件8.8 文本輸入響應 8.8.2 文本輸入區屬性設置交互設計PPT課件8.8 文本輸入響應 交互設計PPT課件8.9 重試限制響應 重試限制響應是一種限制用戶嘗試響應的次數，這種響應方式一般不單獨使用，而是配合其它響應分支一起使用。 響應屬性的設置 【最大限制】：最大重試次數，可以是常量、變量、表達式，系統自動統計用戶重試的次數，當達到規定的次數后，重試響應分支自動運行。 交互設計PPT課件8.9 重試限制響應 實例實例8-7：密碼驗證：密碼驗證題意分析：一些重要的軟件，必須輸入密碼才能進入系統

21、，一般給定3次機會，如果3次輸入全錯，表示非法用戶，要求退出系統，如果一次或者兩次輸入錯誤，系統給出提示后還可以繼續輸入，如果輸入的密碼正確，表示是合法用戶，系統給出提示后可以進入系統。（假設正確密碼為123456789）。交互設計PPT課件8.10 按鍵響應 按鍵響應屬性的設置 【快捷健】 ：設置響應鍵 實例8-8：按鍵式點歌系統 題意分析：類似于歌廳或者卡拉OK廳的點歌器，在屏幕上出現一個歌譜用提示操作信息，用戶輸入一個數字鍵或者字母健，則播放歌譜上相應的音樂。 交互設計PPT課件8.10 按鍵響應 實例8-8：按鍵式點歌系統 運行結果：交互設計PPT課件8.11 時間限制響應 l時間限制響應從時間角度限制用戶在指定時間內完成某個操作，如果時間一到，系統自動運行相應分支。