第五章 結果與建議
附錄 5 實驗教材的設計與說明
本實驗教材為三題例題的講解，內容為「三角形內角」的例題，能力指標與 細目代碼如下：
能力指標 S-4-1 能根據給定的性質作局部推理 細目代碼 8-s-12 能理解三角形的基本性質
一、例題 1
1. 投影片個數：7 個 2. 總時間：75.5 秒
1. 投影片 1
(1) 教材畫面(2) 時間：3 秒 (3) 動畫：無 (4) 聲音：例題 1
2. 投影片 2
(1) 教材畫面(2) 時間：6.5 秒 (3) 動畫：無
(4) 聲音：如下圖所示，請求出角 F 的 度數
投影片 1 和 2 為題目介紹，視覺呈現和解說方式，三組皆相同，這兩個投影 片的眼動資料不納入分析。
2 A
B D C
E F
450 400
例題1：如下圖所示，請求出∠F的度數？
700
1
例題 1
3. 投影片 3
(1) 時間：11 秒(2) 學習概念：三角形的內角和
(3) 教學目標：能依題目所要求的目標角和題目所給的條件，觀察出必須先求△AEF 的另一個內角--∠EAF 的度數
(4) 視覺呈現(適性指標的說明)：
實驗組 1 動畫
實驗組 2、3
動畫 適性指標的分類特徵
無 藍色角出現
藍色三角形出現 綠色角出現
FORM-Added marks+ COLOR-Hue
+ MOTION-New object-[onset]
COLOR-Hue+ MOTION-New object-[onset]
FORM-Added marks+ COLOR-Hue
+ MOTION-New object-[onset]
(5) 實驗組 2、3 之教材動態畫面示意圖：
① ②
③
(6) 畫面設計說明：
MOTIOM-New object-[offset]
FORM-Added marks+ COLOR-Hue
+ MOTION-New object-[onset]
MOTION-Flicker
(5) 實驗組 2、3 之教材動態畫面示意圖：
① ②
(6) 畫面設計說明：
① 先將角 F 的標記淡化，因為接下來的解說雖然與角 F 無關，但是在整個 解題過程中是重要的訊息，因此淡化之，不僅可以避免干擾正要處理的 訊息，亦能留下解題的軌跡。
② 讓藍色的 AEF 三角形消失，只留下綠色的角 EAF，因為接下來是要處理平 角的問題，因此將不必要的訊息排除。
③ 留下綠色角 EAF 和出現紅色角 BAC，是希望學習者能夠觀察到兩者正好形 成平角，若要計算出角 EAF，則必須利用平角的性質，先求出角 BAC 的度 數。
(7) 解說方式：
實驗組 1、2 非口語化解說
實驗組 3 口語化解說 角 EAF 和角 BAC 正好形成平角，所以還
要先求出 角 BAC 的度數
綠色角和紅色角正好形成平角，所以我 們還得算出
紅色角的度數
5. 投影片 5
(1) 時間：14 秒(2) 學習概念：三角形的內角和
(3) 教學目標：能依題目所給的條件，利用三角形內角和公式，計算∠BAC 的度數 (4) 視覺呈現(適性指標的說明)：
實驗組 1 動畫
實驗組 2、3
動畫 適性指標的分類特徵
文字出現
綠色角淡化 紅色三角形出現 紅色角閃動
「450」、「400」閃動 文字出現
COLOR-Intensity
COLOR-Hue+ MOTION-New object-[onset]
MOTION-Flicker MOTION-Flicker
MOTION-New object-[onset]
(5) 實驗組 2、3 之教材動態畫面示意圖：
① ②
③
(6) 畫面設計說明：
① 先將角 EAF 的標記淡化，留下角 BAC 的標記，讓學習者能夠專心觀察那 些訊息是與角 BAC 有相關的。由於角 EAF 與作答的過程有關，因此僅淡 化。
② 紅色三角形 ABC 出現，與角 BAC 使用相同的顏色，欲達到群化的效果，
讓學習者能夠覺得兩者是有關係的，進而觀察到角 BAC 就是三角形 ABC 的內角，由於題目已標出其他內角的度數，所以利用三角形內角和公式，
即可計算出角 BAC 的度數。
③ 當學習者在思考計算角 BAC 的過程中，「450」、「400」會閃動，以提醒學 習者此兩個內角的度數。
④ 當學習者在思考角 BAC 的計算結果時，然後才出現計算式的答案，並且 是以空間接近原則，計算式出現在接近角 BAC 的位置，讓學習者可以驗 證所算出的答案是否正確。除此之外，留下計算式的訊息，學習者就可 不必一直在心中保留口述文字的內容，減少工作記憶處理的負擔。
(7) 解說方式：
實驗組 1、2 非口語化解說
實驗組 3 口語化解說 而角 BAC 就是三角形 ABC 的內角，
所以它的度數就是 180 減 45 減 40 等於 95 度
而紅色角剛好是紅色三角形的內角，
所以它的度數就是 180 減 45 減 40 等於 95 度
6. 投影片 6
(1) 時間：12 秒 (2) 學習概念：平角(3) 教學目標：能由∠BAC 的度數和平角的性質，計算出∠EAF 的度數
(4) 視覺呈現(適性指標的說明)：
實驗組 1 動畫
實驗組 2、3
動畫 適性指標的分類特徵
文字出現
紅色三角形消失 文字淡去
「950」出現 綠色角出現
「950」閃動 文字出現
MOTIOM-New object-[offset]
COLOR-Intensity
MOTION-New object-[onset]
FORM-Added marks+ COLOR-Hue
+MOTION-New object-[onset]
MOTION-Flicker
MOTION-New object-[onset]
(5) 實驗組 2、3 之教材動態畫面示意圖：
① ②
③
(6) 畫面設計說明：
① 讓紅色三角形 ABC 消失，以排除不相干的訊息。
② 讓之前的計算式淡化，因為接下來的教學雖然與此計算式無關，但是在 整個教學的過程當中，計算式是作答過程的一部分，具有其意義，因此
③ 留下紅色角 BAC 的標記，並且出現計算出的角度度數，然後出現綠色角
MOTIOM-New object-[offset]
MOTION-New object-[onset]
COLOR-Hue+MOTION-New object-[onset]
FORM-Added marks+ COLOR-Hue
+MOTION-New object-[onset]
MOTION-Flicker
MOTION-New object-[onset]
MOTION-New object-[onset]
(5) 實驗組 2、3 之教材動態畫面示意圖：
① ②
③ ④
(6) 畫面設計說明：
① 讓紅色角 BAC 消失，以排除不相干的訊息。但是保留此角的度數，僅將 其淡化之，以留下解題的痕跡。
② 讓之前的計算式淡化，因為接下來的教學雖然與此計算式無關，但是在 整個教學的過程當中，計算式是作答過程的一部分，具有其意義，因此 保留於畫面中。
③ 留下綠色角 EAF 的標記，並且出現計算出的角度度數，然後出現藍色三 角形 AEF，讓學習能觀察出角 EAF 是三角形 AEF 的一個內角，並且依據三 角形內角和的公式，就可計算出角 F 的度數。
④ 當學習者在思考計算角 F 的過程中，「700」、「850」會閃動，以提醒學習 者其他兩個內角的度數。
⑤ 當學習者在思考角 F 的計算結果時，然後才出現計算式的答案，並且是 以空間接近原則，計算式出現在接近角 F 的位置，讓學習者可以驗證所 算出的答案是否正確。除此之外，留下計算式的訊息，學習者就可不必 一直在心中保留口述文字的內容，減少工作記憶處理的負擔。
⑥ 最後出現綠色圖，以強調本題的答案為何，加強學習者的印象。
3. 投影片 3
(1) 時間：13 秒 (2) 學習概念：平角(3) 教學目標：能依題目所要求的目標角和題目所給的條件，以及平角的性質，
觀察出必須先計算出∠BEC 的度數 (4) 視覺呈現(適性指標的說明)：
實驗組 1 動畫
實驗組 2、3
動畫 適性指標的分類特徵
無 紅色角出現
藍色角、綠色角出現 藍色角閃動
FORM-Added marks+ COLOR-Hue
+ MOTION-New object-[onset]
FORM-Added marks+ COLOR-Hue
+ MOTION-New object-[onset]
MOTION-Flicker
(5) 實驗組 2、3 之教材動態畫面示意圖：
① ②
③
(6) 畫面設計說明：
MOTION-New object-[onset]
COLOR-Hue+ MOTION-New object-[onset]
FORM-Added marks+ COLOR-Hue
+ MOTION-New object-[onset]
(5) 實驗組 2、3 之教材動態畫面示意圖：
① ②
③
(6) 畫面設計說明：
① 先將角 ECD 的標記淡化，因為接下來的解說雖然與角 ECD 無關，但是在 整個解題過程中是重要的訊息，因此淡化之，不僅可以避免干擾正要處 理的訊息，亦能留下解題的軌跡。
② 讓綠色角 DCF 消失，只留下藍色的角 BCE，因為接下來是要處理三角形內 角和的問題，因此將不必要的訊息排除。
③ 藍色三角形 BCE 出現，和角 BCE 為相同的顏色，以達到群化的效果，讓 學習者察覺到角 BCE 是三角形 BCE 的一個內角。
④ 綠色角 BEC 出現，讓學習者能夠觀察到角 BEC 也是三角形 BCE 的一個內 角，若要計算出角 BCE，則必須利用三角形內角和的公式，先求出角 BEC 的度數。
(7) 解說方式：
MOTIOM-New object-[offset]
COLOR-Intensity
FORM-Added marks+ COLOR-Hue
+MOTION-New object-[onset]
MOTION-Flicker MOTION-Flicker
MOTION-New object-[onset]
(5) 實驗組 2、3 之教材動態畫面示意圖：
① ②
③
(6) 畫面設計說明：
① 先將藍色三角形 BCE 消失，讓不相關的訊息消失，使學習者能夠專心觀 察那些訊息是與角 BEC 有相關的。
② 將藍色角 BCE 的標記淡化，因為接下來的解說雖然與角 BCE 無關，但是 在整個解題過程中是重要的訊息，因此淡化之，不僅可以避免干擾正要 處理的訊息，亦能留下解題的軌跡。
③ 紅色角 AEB 出現，和之中留下的綠色角 BEC 的標記，希望學者能觀察到 兩個角正好會形成平角。
④ 綠色角 BEC 的閃動，是提醒學習者由題目的資料，而用平角的性質，就 可計算出角 BEC 的度數。
⑤ 當學習者在思考角 BCE 的計算結果時，然後才出現計算式的答案，並且 箭頭指引，符合空間接近原則。留下計算式的訊息，學習者可以驗證所 算出的答案是否正確，並且能不必一直在心中保留口述文字的內容，減 少工作記憶處理的負擔。
(7) 解說方式：
實驗組 1、2 非口語化解說
實驗組 3 口語化解說 角 BEC 和角 AEB，會形成平角，所以就
知道 角 BEC 是 180 減 110 等於 70 度
綠色角和紅色角，會形成平角，所以就 可算出
綠色角是 180 減 110 等於 70 度
6. 投影片 6
(1) 時間：13 秒(2) 學習概念：三角形的內角和
(3) 教學目標：能由∠BEC 的度數和三角形內角和的性質，計算出∠BCE 的度數 (4) 視覺呈現(適性指標的說明)：
實驗組 1 動畫
實驗組 2、3
動畫 適性指標的分類特徵
文字出現
紅色角消失 文字淡去
「700」出現 藍色三角形出現 藍色角出現
「300」、「700」閃動 文字出現
MOTIOM-New object-[offset]
COLOR-Intensity
MOTION-New object-[onset]
COLOR-Hue+ MOTION-New object-[onset]
FORM-Added marks+ COLOR-Hue
+MOTION-New object-[onset]
MOTION-Flicker
MOTION-New object-[onset]
(5) 實驗組 2、3 之教材動態畫面示意圖：
① ②
③ ④
(6) 畫面設計說明：
(4) 視覺呈現(適性指標的說明)：
實驗組 1 動畫
實驗組 2、3
動畫 適性指標的分類特徵
文字出現 綠色圖出現
綠色角和藍色三角形 消失
文字和「700」淡去，
「800」出現
紅色角和綠色角出現 紅色角閃動
「800」、「600」閃動 文字出現
綠色圖出現
MOTIOM-New object-[offset]
COLOR-Intensity
MOTION-New object-[onset]
FORM-Added marks+ COLOR-Hue
+MOTION-New object-[onset]
MOTION-Flicker MOTION-Flicker
MOTION-New object-[onset]
MOTION-New object-[onset]
(5) 實驗組 2、3 之教材動態畫面示意圖：
① ②
③
(6) 畫面設計說明：
① 讓綠色角 BEC 和藍色三角形 BCE 消失，以排除不相干的訊息。但是保留 角 BEC 的度數，僅將其淡化，以留下解題的痕跡。
② 讓之前的計算式淡化，因為接下來的教學雖然與此計算式無關，但是在 整個教學的過程當中，計算式是作答過程的一部分，具有其意義，因此 保留於畫面中。
③ 留下藍色角 BCE 的標記，並且出現計算出的度數，然後出現紅色角 ECD 和綠色角 DCF，讓學習能觀察出此三個角會形成一個平角，並且依據平角 的性質，就可計算出角 ECD 的度數。
④ 當學習者在思考計算角 ECD 的過程中，「800」、「600」會閃動，以提醒學 習者這兩個角度數。
⑤ 當學習者在思考角 ECD 的計算結果時，然後才出現計算式的答案，並且 以箭頭指引，符合空間接近原則。留下計算式的訊息，讓學習者可以驗 證所算出的答案是否正確，並且能不必一直在心中保留口述文字的內 容，減少工作記憶處理的負擔。
⑥ 最後出現綠色圖，以強調本題的答案為何，加強學習者的印象。
⑥ 最後出現綠色圖，以強調本題的答案為何，加強學習者的印象。