視覺型學習風格學生進行網頁設計之同儕互評結果與眼動證據分析

全文

(1)國立臺灣師範大學科技應用與人力資源發展學系碩士論文. 視覺型學習風格學生進行網頁設計之同儕互評結果與眼動證據分析. 研究生：劉南岑指導教授：許庭嘉. 中. 華民國. 一. ○ 五年七月.

(2) ii.

(3) 謝. 誌. 大學畢業的時候，想說自己再也不想讀書了，覺得自己一定不會讀研究所，沒想到當完兵後還是決定回來讀研究所，讀著讀著現在都已經完成了碩士論文要畢業了呢！這本論文的完成首先最需要感謝的當然就是我敬愛的指導教授－許庭嘉老師，感謝老師有如慈母一般帶領著我、細心的教導我，讓我能夠順利的在兩年內完成我的碩士論文。接著，我要感謝我的兩位口試委員－張智凱教授與何宏發教授，從論文計畫開始就不吝給予我寶貴的建議，讓我的論文能夠更趨完善。另外，特別感謝何教授以及他的學生－冠安從我的論文題目決定時就對我的研究大力支持，從眼動儀的提供、使用方法到資料分析的步驟無不細心的教導，沒有您們的幫忙我的論文就無法完成，真的非常感謝。然後，我要感謝庭嘉老師研究室的各位夥伴，特別是專任助理－梅伶，謝謝妳協助我順利完成了眼動儀的實驗，希望妳之後在台科大也一切順利，還有要謝謝若彤和郁婷兩位一起做研究的夥伴，畢業快樂！謝謝勃郡、楷鐘、嘉鴻和子潔幾位學弟妹在我口試時的幫忙，希望你們能學業順利。接著，我要感謝科技系這個大家庭中的所有人，謝謝在碩士班教導過我的蕭顯勝老師、黃能堂老師、于俊傑老師、林坤誼老師、簡佑宏老師和丁玉良老師，謝謝你們的教導讓我學習到了許多知識，還有謝謝系辦的倩綾、曉鈴、潔懋和彤安幾位助教們總是非常熱心的幫忙學生解決各位課程上的疑難雜症。再來，我要謝謝與我一起在研究所努力兩年的各位同學們，謝謝研究室的固定班底怡穎、思亘和承翰，謝謝同學兼好室友的翊群，謝謝一起玩樂放鬆的亞德、文翠、上閔和暄芹，謝謝一起 i.

(4) 聊天休閒的宣惠、啟禎、凡語、昱儒、孟含和庭鈞，希望大家未來都能夠更往自己的夢想邁進。最後，感謝在這兩年當中曾經幫助過我的所有人，雖然礙於篇幅無法把全部人的名字都列出來，但是我對大家也是一樣的感謝，謝謝你們，現在我要畢業了，希望大家未來都能在自己的人生中發光發熱！. 劉南岑 2016.7.7. ii.

(5) 視覺型學習風格學生進行網頁設計之同儕互評結果與眼動證據分析研究生：劉南岑指導教授：許庭嘉. 中文摘要本研究使用眼動儀來紀錄網頁設計同儕互評的過程，將每一網頁依照框架設計與內容素材設定視覺興趣區(ROI)，共有 49 位視覺型風格大專生參與本實驗。本研究對所有受試者進行同儕互評態度調查，發現受測者對於同儕互評抱持正面態度與操作理解。從同儕互評量化成績與專家評鑑之間的比較，發現在較簡潔的高評價網頁中，同儕互評與專家評鑑有超過七成以上的一致性，然而在評分素材較多樣化的網頁可能造成專家和學生的評量一致性降低。搭配同儕互評的量化成績與同儕互評的態度進行比對分析，簡潔的網頁設計即清晰度較佳會更有助於對同儕互評抱持較低負面態度，提高視覺型學生同儕互評時的專注度，受測者之專注度與同儕互評的負面態度是呈現顯著負相關。進一步透過分析視覺型學習風格之前 27%高評價評分者與後 27%之低評價評分者於網頁同儕互評過程之眼動行為序列分析，發現在得到最高評價的網站中，高評價評分者與專家評鑑結果有較多一致及有效的眼動行為出現，顯示在該網站中低評價評分者反而是較不具有效度的同儕互評。反之，在得到最低評價的網站中，低評價評分者與專家評鑑過程有較多有效的眼動行為出現。從熱區圖總結顯示當視覺型學習風格學生有較專注的眼動行為時，同儕互評的結果會與專家評鑑的結果非常接近，因此由同儕互評過程中所測量的眼動數據確實可以為同儕互評結果的信效度提供的第三方的驗證。本研究也從眼動熱區圖分析中發現有規劃設計重點的網站會讓使 iii.

(6) 用者更了解設計者欲傳遞的重點資訊，為網頁設計者提供眼動證據上的回饋。. 關鍵字：同儕互評、眼球追蹤、視覺興趣區、熱區圖、行為序列. iv.

(7) The Evaluation of Web Design: the Evidence from Eye Tracking of Visual Students Author: Nan-Cen, Liu Adviser: Ting-Chia, Hsu. ABSTRACT This study employed eye-tracking machine to record the process of peer assessment. This study divided each web page into several region of interests (ROI) based on the frame design and material in the content. Forty-nine undergraduate students with the visual learning style participated in the experiment. This study investigated the peer assessment attitudes of the participants and found that they possessed highly positive attitudes and understanding toward peer assessment. After comparing the results of peer assessments and the evaluation from experts, high consistency was happened when the design of the web page was concise; however, the consistency was decreased when the web page contained too much diverse material. After comparing the peer assessment attitudes of the participants and the web page design scores marked by them, the study found that the web page with concise design attracted the visual-style students’ attention more, and those students possessed lower negative attitude toward peer assessment, showing a significant negative correlation. In addition, the study further analyzed the visual-style students’ serial behaviors in the process of peer assessment for each web page design. After comparing the evidences of each student’s eye movements and his/her evaluation results, this study found that the students who grade higher or lower scores have different eye movements, and the fixations and behaviors of the assessors grading higher scores was highly consistent with that of the experts in the web site which was scored the best design, implying few assessors grading lower scores were relatively invalid v.

(8) peer assessment. On the contrary, the fixations and behaviors of the assessors grading lower scores were highly consistent with that of the experts in the web site which was scored the worst design. Consequently, from the hot spot evidences of eye fixations, when the students more concentrated on the peer assessment, their evaluated results would be more closed to the evaluated results of the expert. Finally, the study found that the hot spots of eye fixations were the same with the key points planed by the student designers of the website which scored the best, which provided the student designer additional important eye-tracking feedbacks from the peer assessment activities. Keywords: peer assessment, eye tracking, region of interest, hot spots, serial behavior. vi.

(9) 目錄謝. 誌 .......................................................................................................... i. 中文摘要 ........................................................................................................ iii ABSTRACT .................................................................................................... v 目錄 ............................................................................................................... vii 表. 次 ........................................................................................................ xi. 圖. 次 ...................................................................................................... xxi. 第一章緒論 ................................................................................................. 1 第一節研究背景 ................................................................................. 1 第二節研究目的與研究問題 ............................................................. 2 第三節研究範圍與限制 ..................................................................... 4 第二章文獻探討 ......................................................................................... 5 第一節眼球追蹤技術 ......................................................................... 5 第二節同儕互評 ............................................................................... 10 第三節學習風格 ............................................................................... 14 第三章研究方法 ....................................................................................... 19 第一節研究對象 ............................................................................... 19 第二節研究工具 ............................................................................... 19 第三節研究設計 ............................................................................... 22 vii.

(10) 第四節實驗環境與設備 ................................................................... 24 第五節資料分析 ............................................................................... 25 第四章研究結果 ........................................................................................29 第一節網頁同儕互評表結果分析 ................................................... 29 第二節同儕互評態度量表結果分析 ............................................... 32 第三節網頁同儕互評表與同儕互評態度量表相互分析............... 33 第四節眼動數據與同儕互評態度量表結果相互分析................... 36 第五節不同學習風格量表結果分析 ............................................... 37 第六節眼動數據行為序列分析 ....................................................... 39 第七節眼動數據與網頁同儕互評表結果相互分析....................... 52 第八節眼動熱區圖與設計重點區域相互分析 ............................... 95 第五章結論與建議 ....................................................................................99 第一節研究結果與討論 ................................................................... 99 第二節未來研究建議 ..................................................................... 103 參考文獻 ......................................................................................................107 ㄧ、中文部分 ..................................................................................... 107 二、外文部分 ..................................................................................... 107 附. 錄 ...................................................................................................... 117 附錄一 ................................................................................................. 119 viii.

(11) 附錄二 ................................................................................................. 121 附錄三 ................................................................................................. 123 附錄四 ................................................................................................. 126. ix.

(12) x.

(13) 表. 次. 表 3-1 網站特質專家凱利方格 ................................................................. 20 表 3-2 網頁同儕互評表 ............................................................................. 21 表 3-3 平衡對抗設計 ................................................................................. 22 表 4-1 各網站分組人數表 ......................................................................... 29 表 4-2 視覺型學習風格學生與專家之各網站評分項目相符百分比 .... 31 表 4-3 視覺型學習風格學生與專家之相符百分比分層人數之態度面向比較表 ........................................................................................... 32 表 4-4 視覺型學習風格學生之同儕互評態度單一樣本 t 檢定 ............. 33 表 4-5 視覺型學習風格學生 A 網站同儕互評態度獨立樣本 Mann-WhitneyU 檢定 ................................................................... 34 表 4-6 視覺型學習風格學生 B 網站同儕互評態度獨立樣本 Mann-WhitneyU 檢定 ................................................................... 34 表 4-7 視覺型學習風格學生 C 網站同儕互評態度獨立樣本 Mann-WhitneyU 檢定 ................................................................... 35 表 4-8 視覺型學習風格學生 D 網站同儕互評態度獨立樣本 Mann-WhitneyU 檢定 ................................................................... 35 表 4-9 視覺型學習風格學生之各網站專注度與同儕互評態度相關性檢定 ................................................................................................... 37 表 4-10 視覺型學習風格學生中 V 和 VK 學習風格與全體 One-way ANOVA ......................................................................................... 38 表 4-11 視覺型學習風格學生中 V 和 VK 學習風格各網站分區凝視比例百分比表 ....................................................................................... 39 表 4-12 視覺型學習風格學生之 A 網站眼動時間序列分析行為導向圖 xi.

(14) ....................................................................................................... 40 表 4-12 視覺型學習風格學生之 A 網站眼動時間序列分析行為導向圖 (續 1) ............................................................................................. 41 表 4-12 視覺型學習風格學生之 A 網站眼動時間序列分析行為導向圖 (續 2) ............................................................................................. 42 表 4-13 視覺型學習風格學生之 B 網站眼動時間序列分析行為導向圖 ....................................................................................................... 43 表 4-13 視覺型學習風格學生之 B 網站眼動時間序列分析行為導向圖 (續 1) ............................................................................................. 44 表 4-13 視覺型學習風格學生之 B 網站眼動時間序列分析行為導向圖 (續 2) ............................................................................................. 45 表 4-13 視覺型學習風格學生之 B 網站眼動時間序列分析行為導向圖 (續 3) ............................................................................................. 46 表 4-14 視覺型學習風格學生之 C 網站眼動時間序列分析行為導向圖 ....................................................................................................... 47 表 4-14 視覺型學習風格學生之 C 網站眼動時間序列分析行為導向圖 (續 1) ............................................................................................. 48 表 4-14 視覺型學習風格學生之 C 網站眼動時間序列分析行為導向圖 (續 2) ............................................................................................. 49 表 4-15 視覺型學習風格學生之 D 網站眼動時間序列分析行為導向圖 ....................................................................................................... 50 表 4-15 視覺型學習風格學生之 D 網站眼動時間序列分析行為導向圖 (續 1) ............................................................................................. 51 表 4-15 視覺型學習風格學生之 D 網站眼動時間序列分析行為導向圖 (續 2) ............................................................................................. 52 表 4-16. A 網站第一頁視覺型學習風格學生高低評價組眼動行為比較表 xii.

(15) ....................................................................................................... 53 表 4-16. A 網站第一頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 54. 表 4-17. A 網站第二頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 54. 表 4-17. A 網站第二頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 55. 表 4-18. A 網站第三頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 55. 表 4-18. A 網站第三頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 56. 表 4-19. A 網站第四頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 56. 表 4-19. A 網站第四頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 57. 表 4-20. A 網站第五頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 57. 表 4-20. A 網站第五頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 58. 表 4-21. A 網站第六頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 58. 表 4-21. A 網站第六頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 59. 表 4-22. A 網站第七頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 59. 表 4-22. A 網站第七頁視覺型學習風格學生高低評價組眼動行為比較表 xiii.

(16) (續) ................................................................................................ 60 表 4-23. A 網站第八頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 60. 表 4-23. A 網站第八頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 61. 表 4-24. A 網站第九頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 61. 表 4-24. A 網站第九頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 62. 表 4-25. A 網站第十頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 62. 表 4-25. A 網站第十頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 63. 表 4-26 B 網站第一頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 63 表 4-26 B 網站第一頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 64 表 4-27 B 網站第二頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 64 表 4-27 B 網站第二頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 65 表 4-28 B 網站第三頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 65 表 4-28 B 網站第三頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 66 表 4-29 B 網站第四頁視覺型學習風格學生高低評價組眼動行為比較表 xiv.

(17) ....................................................................................................... 66 表 4-29 B 網站第四頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 67 表 4-30 B 網站第五頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 67 表 4-30 B 網站第五頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 68 表 4-31 B 網站第六頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 68 表 4-31 B 網站第六頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 69 表 4-32 B 網站第七頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 69 表 4-32 B 網站第七頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 70 表 4-33 B 網站第八頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 70 表 4-33 B 網站第八頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 71 表 4-34 B 網站第九頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 71 表 4-34 B 網站第九頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 72 表 4-35 B 網站第十頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 72 表 4-35 B 網站第十頁視覺型學習風格學生高低評價組眼動行為比較表 xv.

(18) (續) ................................................................................................ 73 表 4-36 C 網站第一頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 73 表 4-36 C 網站第一頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 74 表 4-37 C 網站第二頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 74 表 4-37 C 網站第二頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 75 表 4-38 C 網站第三頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 75 表 4-38 C 網站第三頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 76 表 4-39 C 網站第四頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 76 表 4-39 C 網站第四頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 77 表 4-40 C 網站第五頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 77 表 4-40 C 網站第五頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 78 表 4-41 C 網站第六頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 78 表 4-41 C 網站第六頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 79 表 4-42 C 網站第七頁視覺型學習風格學生高低評價組眼動行為比較表 xvi.

(19) ....................................................................................................... 79 表 4-42 C 網站第七頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 80 表 4-43 C 網站第八頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 80 表 4-43 C 網站第八頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 81 表 4-44 C 網站第九頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 81 表 4-44 C 網站第九頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 82 表 4-45 C 網站第十頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 82 表 4-45 C 網站第十頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 83 表 4-46 D 網站第一頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 83 表 4-46 D 網站第一頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 84 表 4-47 D 網站第二頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 84 表 4-47 D 網站第二頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 85 表 4-48 D 網站第三頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 85 表 4-48 D 網站第三頁視覺型學習風格學生高低評價組眼動行為比較表 xvii.

(20) (續) ................................................................................................ 86 表 4-49 D 網站第四頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 86 表 4-49 D 網站第四頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 87 表 4-50 D 網站第五頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 87 表 4-50 D 網站第五頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 88 表 4-51 D 網站第六頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 88 表 4-51 D 網站第六頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 89 表 4-52 D 網站第七頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 89 表 4-52 D 網站第七頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 90 表 4-53 D 網站第八頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 90 表 4-53 D 網站第八頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 91 表 4-54 D 網站第九頁視覺型學習風格學生高低評價組眼動行為比較表 ....................................................................................................... 91 表 4-54 D 網站第九頁視覺型學習風格學生高低評價組眼動行為比較表 (續) ................................................................................................ 92 表 4-55 D 網站第十頁視覺型學習風格學生高低評價組眼動行為比較表 xviii.

(21) ....................................................................................................... 92 表 4-55 D 網站第十頁視覺型學習風格學生高低評價組眼動行為比較表 (續)................................................................................................. 93 表 4-56 視覺型學習風格學生中高度專注力和普通專注力學生對網站評價差異表 ....................................................................................... 94 表 4-57. A 網站視覺型學習風格學生高低評價組熱區圖與 ROI 重疊人次表 ................................................................................................... 96. 表 4-57. A 網站視覺型學習風格學生高低評價組熱區圖與 ROI 重疊人次表(續)............................................................................................. 97. 表 4-58 C 網站視覺型學習風格學生高低評價組熱區圖與 ROI 重疊人次表 ................................................................................................... 97 表 4-58 C 網站視覺型學習風格學生高低評價組熱區圖與 ROI 重疊人次表(續)............................................................................................. 98. xix.

(22) xx.

(23) 圖. 次. 圖 3-1 實驗流程圖 ..................................................................................... 23 圖 3-2 研究架構圖 ..................................................................................... 24 圖 3-3 實驗設備與環境設定圖 ................................................................. 25. xxi.

(24) xxii.

(25) 第一章. 第一節. 緒論. 研究背景. 由於工作環境的複雜性與專業任務增加，現代教育更加注重自主學習與協作學習，剛好能兼顧到以上兩項的同儕互評開始被重視(Boud, Cohen, & Sampson, 1999)。台灣教育理念發展在近幾年來也開始將主動探索與表達能力列為學生應具備的基本能力(教育部，2008)，發展同儕互評已經成為了一種趨勢，在增進認知和情意的發展上也已經有許多的證據，但是同儕評分的過程與結果的公正公平性卻還是一直受到不少學者的質疑(Ballantyne, Hughes, & Mylonas, 2002; White, 2009)，學生對同儕公正評鑑能力的不信賴與同儕互評經驗的缺乏會影響同儕互評的效果(Seng & Hill, 2014)，文化背景的差異和過往互評經驗的好壞也會對目前的同儕互評產生影響(McLeay & Wesson, 2014)，學生的個性也會對同儕互評的結果產生很大的影響，個性外向的學生常會比不會表達的得到更多的分數(Johnston & Miles, 2004)，也有實際研究證實同儕間的深厚友誼常會導致產生過度加分的狀況(Panadero, Romero, & Strijbos, 2013)，因此了解同儕互評的過程與參與者的個別差異是目前亟需克服的問題。而隨著同儕互評的發展，已經有愈來愈多的研究在進一步探討個別差異對同儕互評的影響，例如：有學者就研究不同行政思考風格 (executive thinking styles)學生在進行同儕互評時的差異(Liu, Lin, & Yuan, 2002)。個別差異中許多數位學習探討學習風格，索羅門學習風格模式是其中一種學習風格分類方式，包括四個面向(Felder & Silverman, 1988; Soloman & Felder, 2005)，分別是行動－反思型、感官－直覺型、視覺－口語型、以及序列－全域型。由於不論是從學習風格問卷或是從眼動儀 1.

(26) 證據顯示多數學習者都是視覺型學習風格(Hsu, Hwang, & Chang, 2014; Hsu, Hwang, Chang, & Chang, 2013)，但是過往研究(Lujan & DiCarlo, 2006)中也顯示單一風格的學習者是較少的，混合型學習風格的學習者的比例較高，因此本研究也導入 VARK 學習風格問卷進一步探討視覺型學習風格學生中的個別差異。而另一個影響同儕互評結果的重要因素為同儕互評的態度，學生對於同儕互評的正向態度與較高的學習成就是有著正相關的，教師想要進行具有效度的同儕互評就必須要將學生個人的情意面向列入考慮(Lin, Liu, & Yuan, 2001b)，學生的積極態度對於同儕互評的每個階段來說都非常關鍵，而這需要教師與學生對於評鑑的標準都理解且認同，確保學生可以公平和負責的完成同儕互評(Cheng & Warren, 1997)，研究中也發現學生通常對於同儕互評都是有正向態度的，但同時也對於自已進行評鑑的能力和責任感到擔憂，此時教師就必須提供適當的支持來緩解學生的壓力(Cassidy, 2006)。因此，本研究就從這眾多的視覺型風格學生中，透過眼動儀的證據探討他們對同一個網頁設計作品進行同儕互評時所出現的不同的評價結果，其原因為何，來作為判斷其中哪些同儕互評的成果可能是有偏誤的，哪些是有效的證據，並進一步調查學生的同儕互評態度，以更多的輔助證據來了解同儕互評的過程與結果。. 第二節. 研究目的與研究問題. 研究目的本研究配合量化與質化的證據，首先探討同一種學習風格學生(視覺型學習風格)針對其他同儕的四個不同網頁設計作品，進行同儕互評的評分結果。透過眼動儀的科學證據，記錄學生同儕互評的眼動過程，可更 2.

(27) 客觀的探討同一種學習風格的學生在網頁設計的同儕互評過程中之個別行為，而不是只知道同儕互評的總評分結果。搭配同儕互評的量化成績，可以比較出同樣為視覺型學習風格的學生在對同一個網頁設計作品進行同儕互評時，高評價評分者和低評價評分者之間是否有眼動行為的不同，藉以討論同儕互評之效度。除此之外，本研究也對所有視覺型學習風格的同儕互評學生進行同儕互評態度調查，進而瞭解每一個作品中，高評價評分者與低評價評分者對於同儕互評態度是否相同。再以眼動追蹤技術掌握同儕互評過程中，學生注意的目標與評鑑的目標(區域)之間的相關性高低，是否和其對同儕互評的態度相關。接著，比較同儕互評評分者對每一個網頁設計作品檢視過程的眼動熱區圖，有多高比例和製作該網頁設計的學生事先所提出的規劃設計重點相符，以對設計網頁的學生，提供另一個重要的眼動資料回饋。最後，比較學習風格量表(Index of Learning Styles)和 VARK 學習風格問卷測量所得的視覺型學習風格學生之間的差異。配合本研究所收集到的所有資料，提出五個研究假設與三個研究問題進行探討。. 量化研究假設視覺型學習風格學生針對同儕的四個不同網頁設計作品，進行同儕互評的結果會與專家評分結果相同。視覺型學習風格學生對於同儕互評的態度良好。每一個網頁設計作品中，同儕互評中給予高評價和低評價的視覺型學習風格學生，其同儕互評態度會有所不同。每一個網頁設計作品中，同儕互評中視覺型學習風格學生的專注度與同儕互評態度各面向之間會具有相關性。學習風格量表(Index of Learning Styles)和 VARK 學習風格問 3.

(28) 卷測量所得的視覺型學習風格學生之間會存在差異。質性研究問題 (六) 透過眼動的時間序列分析行為導向圖，探討視覺型學習風格學生，在每一個網頁設計作品的評分過程中，是否有共同的行為模式? (七) 探討每一個網頁設計作品中，同儕互評結果給予高評價和低評價的視覺型學習風格學生，其眼動的時間序列分析行為導向圖與熱區圖凝視比例差異為何? (八) 根據眼動儀的證據，探討視覺型學習風格學生對每一個網頁設計作品進行同儕互評的檢視過程中，其眼動的熱區圖和製作該網頁設計作品的學生規劃時所提出的設計重點區域相符比例是多少?. 第三節. 研究範圍與限制. 本研究限制包括採用立意抽樣，研究對象為台北地區國立大學科技相關科系視覺型學習風格學生，較無法擴論到其他地區或其他年齡層或其他背景與不同學習風格之學生；研究工具方面，本研究都是依據現有量表作刪修後使用，在量表的信效度上可能會與原始量表有差異，需要作信效度的再次驗證。. 4.

(29) 第二章. 第一節. 文獻探討. 眼球追蹤技術. 眼球追蹤技術理論人類很早就開始了對於視覺行為的研究，從二十世紀初就已有學者提出將眼球運動進行紀錄的技術(Dodge & Cline, 1901)，但那時正巧還是行為主義較為盛行時，當時的研究者只專注於探討眼球運動的行為本身，並未進一步了解內在的認知與學習歷程。眼球追蹤技術的迅速發展奠基於心眼假設(eye-mind assumption)的提出，學者認為人們處理視覺訊息時，眼球凝視與注意力有密切關係(Just & Carpenter, 1976)，其後有學者再提出前運動理論(Premotor theory)來解釋眼球運動和注意力之間的關係，理論中的重點概念為注意力先行選定目標物，而後進行眼球運動來瞄準目標物，得到最佳的視覺資訊，簡單來說注意力為眼球運動前的預備動作(Hoffman & Subramaniam, 1995)。同一時期，有學者提出注意假設推論(Noticing Hypothesis)解釋了注意力與認知間的關係，他認為語言的特殊性在於學習者必須有意識地注意到語言的輸入才能習得，否認了潛意識學習的可能性，這也顯示出注意力在學習上的必要性(Schmidt, 1990, 1993, 1995, 2001)。之後其他學者將注意力(Noticing)定義為”經由察覺與短期記憶中複誦後而有所探知”，並認為不同的任務會刺激產生不同的認知處理(Robinson, 1995)。注意力在認知過程中決定了哪些信息會經由短期記憶複誦後進入長期記憶編碼，可知注意力為學習的關鍵(Egi, Fujii, & Tatsumi, 2002)。雖然也有學者對於注意假設推論持不同意見(Tomlin & Villa, 1994)，但可以確定的是注意力與認知過程間的關係是密不可分的。 5.

(30) 因此，要了解認知過程就必須對注意力進行測量，而注意力又與眼球運動息息相關，藉由眼球追蹤技術的發展能更了解過去未知的領域，建立起以注意假設推論為基礎的認知理論(Godfroid, Housen, & Boers, 2010)。此外，有學者提出注意過濾模式(filter model)，認為當感官接收到刺激時會先過濾排除不必要的訊息，選擇必須的資訊進入深層意識中，才有認知產生 (Broadbent, 1958) 。而另外有學者則提出減弱模型理論 (attenuation model)，認為所有刺激都有進入到意識中，但刺激強度要大於一定閾值(threshold)，才會被偵測到進而產生認知(Treisman, 1964)。從以上兩個理論中可以知道注意力不一定會產生認知，在眼球在進行搜尋和無意識的運動時，不必要的資訊和低強度的刺激都不會產生認知，因此，在記錄眼球運動時也需要將無認知的眼動行為納入考慮。接著眼球追蹤技術被廣泛應用在各個領域中，從一般的閱讀與教學到商業研究都有，近年來也開始被應用在人機互動(Human–Computer Interaction, HCI)的研究中(Ariasi & Mason, 2011; Eivazi et al., 2012; Ho, 2014; Holsanova, Rahm, & Holmqvist, 2006; Jacob & Karn, 2003)。眼球運動的過程中包含了兩個要素，眼球進行移動的這個動作被稱為跳視(saccade)，而當眼球停止運動而開始獲取訊息的動作則稱為凝視 (fixation)，凝視的範圍在 100 到 500 毫秒之間，會依觀看材料而不同，而眼動運動即為一系列的凝視和跳視所構成的(Rayner, 1998, 2009)。進行眼球追蹤研究時，視覺興趣區 (regions of interest, ROI)被研究人員經常使用來紀錄視覺行為，ROI 會配合不同的研究問題做相應的定義，並可根據定義數據收集相關的變量作分析：4 個常見的眼動數據有首次凝視時間(duration of first fixation, DFF)、首次凝視延遲時間(latency of first fixation, LFF)、凝視的次數(number of fixations, NOF)、總凝視時 6.

(31) 間(total contact time, TCT) ，藉由這些變量可以觀察並歸納出眼動行為的趨勢，除此之外，也可以更進一步測量跳視的路徑(course of saccade, COS)，對於學生的眼動行為做更深入的探討，這也是本研究最主要收集的眼動數據(Hewig, Trippe, Hecht, Straube, & Miltner, 2008)。有學者收集了近十年間的眼動相關研究文獻，對這些年的研究趨勢作分析，將眼動數據依照測量尺度與眼動行為類型重新定義出分類表，並建構了七大學習主題的框架，分別為信息處理方法 (Patterns of information processing)、教學策略的影響(Effects of instructional strategies)、現有理論的再檢視 (Reexamination of existing theories) 、個體差異 (individual differences)、學習策略的效果(Effects of learning strategies)、決策方法(Patterns of decision making)、社會文化的影響(Social/Cultural effects)，其中個別差異的研究在近年大量增加，為具有未來發展性的一個重要主題(Lai et al., 2013)。眼球追蹤技術在數位學習的相關研究有學者發展了運用眼球追蹤技術發展適性化數位學習 (Adaptive E-Learning through Eye Tracking, AdELE)的框架，利用眼球追蹤技術即時同步記錄學習內容與使用者資料，了解使用者的表現、知識等級和眼動行為，從而以多媒體學習環境與動態背景圖書館提供具有相關性、準確性和可靠性的知識，達到適性化學習的效果(Barrios et al., 2004)。此後，開始有大量研究者投入運用眼球追蹤技術進行適性化數位學習的研究，透過即時的記錄使用者的眼動行為，在不同領域中提供相對應的知識，幫助使用者進行學習(Calvi, Porta, & Sacchi, 2008; Gütl et al., 2005; Pivec, Trummer, & Pripfl, 2006)，而隨著科技的進步，有學者除了眼動行為之外，更進一步記錄到使用者的頭部與手勢的移動，能掌握使. 7.

(32) 用者的更多資訊，進而更好的進行適性化的數位學習(Asteriadis, Tzouveli, Karpouzis, & Kollias, 2009)。眼球追蹤技術除了運用在適性化數位學習外，有學者提出即時學習注意力回饋系統(Real-time Learning Attention Feedback System, RLAFS)，可以在無監督的環境下測量學習注意力。RLAFS 使用眼球追蹤技術掌握學生當前狀態，能有效改善進行數位學習時學生容易注意力不集中的問題，進而提升學習成效(Liu, Chang, & Huang, 2013)。而在人機互動領域中，目前也已有許多研究應用眼球追蹤技術在使用者與網頁的互動上，透過眼動數據的紀錄可以了解使用者在網頁中的掃描路徑，也能計算在各網頁元素中的轉換比例(Eraslan, Yesilada, & Harper, 2015; Pan et al., 2004)，配合多媒體認知理論和網頁設計相關原則進行分析，就能提供網頁設計者在使用者經驗上的科學數據回饋 (Axelsson, 2012; Fleming & Koman, 1998; Mayer & Moreno, 2003)。另外，也有學者使用眼球追蹤技術在國際交通標誌的數位學習課程中，藉由紀錄與分析眼動行為改善數位學習平台使用者介面和設計更有效的數位學習任務，也有助於更好地推動交通標誌教學，提供駕駛的安全性(Rakoczi, Duchowski, Casas-Tost, & Pohl, 2013)。也有研究應用眼球追蹤技術紀錄了數位學習課堂中學習者的眼動資料，並計算出相關的度量指標，目的在探究不同學習者的情緒間的關係，藉此來了解學習者的心理健康程度，期望能提升學習成效(Charoenpit & Ohkura, 2014)。有其他學者則運用眼球追蹤技術來檢驗學生在數位學習中解決科學問題時的視覺注意位置，比較解題成功或失敗的學生的熱區 (LookZone)之間的差異，結果顯示在解決圖表的科學問題時，學生會較專注在要選擇的選項上，並花更多時間在確認相關因素，且解題成功的 8.

(33) 學生對相關因素有更多的關注，而解題失敗的學生的困難主要在問題的解碼、對相關因素的認知和自我專心程度上(Tsai, Hou, Lai, Liu, & Yang, 2012)。近年來，有學者在數位遊戲上對兒童與成人進行了手眼協調模式的研究，使用眼球追蹤技術記錄眼動行為，同時記錄手勢的擺動，結果顯示所有參與者都使用了多種手眼策略在遊戲中，而兒童比起成人在動作前會有較長的延遲時間與較短的凝視時間，透過研究結果更深入的瞭解了手眼協調模式，為數位遊戲式學習的未來研究提供基礎(Chen & Tsai, 2015)。也有學者在學校環境中導入眼動模型典範(eye-movement modelling example ,EMME)，使用眼動技術來了解學生對於圖片說明文字所採用的學習策略。研究結果顯示學生觀察模型時會在圖片和文字之間有頻繁的眼動行為，會花更多時間在重新閱讀檢視，使用此研究的模型確實可以讓學生有更深度的學習，並且能幫助閱讀理解能力較差的學生更好的進行知識擷取與轉換(Mason, Pluchino, & Tornatora, 2015)。此外，有學者使用眼球追蹤技術探討高和低概念理解學生在遊戲式學習中的視覺行為和心流狀態。研究結果顯示高理解學生在遊戲過程中表現出較佳的文字閱讀策略與較好的後設認知視覺注意力控制，而低理解學生則在解碼概念上出現困難，另外，高理解學生也在控制感和專心度上兩項指標上有較高的心流。此研究還發現眼球注視時間和提示訊息與學生的心流經驗之間有所相關，成功應用眼球追蹤技術了解遊戲式學習中的視覺行為，提供遊戲式學習機制上的建議(Tsai, Huang, Hou, Hsu, & Chiou, 2016)。最後，有學者將眼動追蹤技術結合頭部姿勢、面部表情和生理信號追蹤等多種技術建立混合智能輔助學習的系統，來增進學習者的學習經 9.

(34) 驗，幫助學習者更好的學習第二外語。研究結果顯示學習者在學習第二外語時最常出現興趣和混亂的狀態，而這些狀態也與學習者的學習表現間有著高度相關，因此此研究建議在學習者無聊時適度的干預能有效幫助學習者提升學習動機(Chen et al., 2016)。從以上文獻回顧可發現眼球追蹤技術在數位學習領域中的應用，早期以適性化的學習系統為主，而後廣泛的發展到各個領域中，不再是單純回饋學生資訊，而開始重視個體差異間的比較，為未來研究建立基礎。. 第二節. 同儕互評. 同儕互評的定義為個人去評估處在相同等級的同儕之作品或學習成果如何的一種策略，使用上雖然會增加額外的時間與機會成本，但是對於教師和學生來說都會更了解評鑑的目標和尺度，幫助增進後設認知能力(Topping, 1998)，而學生在評鑑同儕時同樣也被同儕所評鑑著，在過程當中學生同時扮演評鑑者與被評鑑的設計者的角色(Van Zundert, Sluijsmans, & Van Merriënboer, 2010)，評鑑同儕作品的優缺點除了可以讓被評鑑的設計者了解評鑑標準，更能幫助評鑑者發展自身知識來調整自己的作品與學習(Cho & Cho, 2011)。除此之外，教師也可以藉由同儕互評更準確的了解每位學生在分組活動中的個人表現(Cheng & Warren, 2000)，並且與教師的回饋相比，學生更能以相同的語言給予回饋，建議也會更容易達到互相理解(Fallows & Chandramohan, 2001)，學生在學術能力與自尊的自我效能上更能有效的提升(Kaufman & Schunn, 2011)，也因此同儕互評會對學生產生強大的外部動力，進而產生質量較高的作品(Pope, 2001)。同儕互評的特點在給予學生具體的任務與著重在同儕的工作表現而非個人能力。在這個過程 10.

(35) 中，同儕可以是相同或不同的班級甚至不同能力，在分組上可以隨機、教師指定或學生選擇(Lui & Andrade, 2015)。同儕互評作為多元化評量方式的一部分是有其信效度的，其中又可概略分為同儕提名、同儕評分、同儕評等三種方式，各適用在不同的評估需求下：同儕提名有較高的信效度，可從團體中鑑別出知識水平較高的成員們；同儕評分是最常運用的一種方式，但使用上需要好的測量程序與機制配合，才能得到較公正的結果；同儕評等是最少被討論到的方式，但它是最能表示出團體整體表現範圍的一種方式(Kane & Lawler, 1978)。本研究是選用同儕評分作為同儕互評之方式，故以下討論之同儕互評都為同儕評分之意。同儕互評近年來也開始大量被應用在科學、人文、社會和商業等各種課程中，從課前到課後階段都被廣泛的使用，同儕互評的使用可以說已經是一種全球化的潮流。雖然同儕互評具有很高的適應性，但在使用上也必須有一定的規範，採用整體標準來取代獨立標準，評鑑目標選擇產品和流程而非專業實作，都可以讓學生和教師之間評鑑的結果更為接近(Falchikov & Goldfinch, 2000)，但若是學生在同儕互評中有較差的表現會使學生與教師之間評鑑結果出現更多差異(Iqbal & Mahmood, 2008)，因此教師在使用上也需要拉近學生整體水準以減少同儕互評的誤差，此外，學生對於同儕互評中評分項目的不熟悉也可能導致在評分上出現過度給分的情況(Lindblom-ylänne, Pihlajamäki, & Kotkas, 2006)，因此確保學生對於評分項目的熟悉也是非常重要的。同儕互評已經被許多研究證實可以提升學生各領域的學習表現，其中又以寫作能力的提升最為顯著(Chen, Liu, Shih, Wu, & Yuan, 2011; Woo, Chu, & Li, 2013)，從小學到大學各階段都有證實其學習成效的研究，又會因個體認知發展的階段對同儕回饋類型有不同的偏好，正面情感的同 11.

(36) 儕回饋對於高中以下學生幫助較大，而認知形式的同儕回饋更能增進大學生的寫作技巧(Cheng, Liang, & Tsai, 2015)。除了知識上的提升之外，學生在同儕互評中會增加對同儕的分享意願與相互尊重，個人表達和協同合作能力也會進步，進而激勵了學習動機，提升小組協同作品的整體質量，獲得情意面向上的提升(Tayem et al., 2015; Yu & Wu, 2013)。學生在心理上也會感到更加舒適，也會表現出更多的自信，在學習過程中也會更加積極參與，更容易能團結一致的完成目標，達到更高層次的學習(van Gennip, Segers, & Tillema, 2010)。同儕互評在情意上的提升，不僅會在課程進行過程中展現，在互評過程中同儕間也會增加更多的社會互動，大量的增加課外討論的時間，這些學生自發的學習也是一種學習動機增加的表現(Xie, 2013)。學生在同儕互評中了解問題後提出建議與回饋，在過程當中學生能學習到自我檢視的能力(Lu & Law, 2012)，學生在被評鑑時也必須思考這些回饋哪些是有用的，然後學習好的意見和反駁不恰當的評論(Kollar & Fischer, 2010)，後設認知能力也會在過程中得到提升，接受訊息的同時能排除掉無效的資訊 (Verroen, Gutteling, & Vries, 2013)。除此之外，學生根據量尺進行同儕互評還可以減輕教師的負擔，提供學生自主學習、增加學習動機與高階思考能力(Luo, Robinson, & Park, 2014)。除了一般性同儕互評，隨著科技的發展，網路同儕互評的比例也開始提高，在線上進行同儕互評可以不受時間、空間限制，更有機會提高同儕互評的信效度(Lin, Liu, & Yuan, 2001a)。有學者使用 V 型啟發式的網路同儕互評系統，學生首先提交作業，而後進行同儕互評提供建議，學生再根據收到的建議修改自己原來的作業，這個過程會重複進行兩到三次，在過程中學生不僅是作者，同時也是評鑑者，這種學習模式讓學生可進一步的發展批判思考能力(Tsai, Liu, Lin, & Yuan, 2001)。 12.

(37) 有學者使用了網路同儕互評來為中學科學教育發展探究式活動，24 位實習教師參與研究並進行了三回同儕互評，研究結果發現教師會發展出更有創意、有理論依據和實用性的科學活動，另外，學生間同儕互評的意見愈詳細、有建設性，其他人在修訂時的工作進行也就會更加的順利，提高整體水準(Tsai, Lin, & Yuan, 2002)。另外，有學者進行了網路同儕互評較少見的質性研究，針對大學生在自我評鑑、同儕互評和教師評鑑的過程進行長期個案研究，結果表明大學生充分具有同儕互評能力，但是在自我評鑑上經常會給予過高的評鑑，這是值得教育者注意的(Liu et al., 2002)。接著，有學者以網路同儕互評探討同儕回饋、認知和後設認知策略之間的關係，結果顯示學生在被要求提供意見或建議時能夠使用高層次的認知和後設認知策略來提供回饋，而高層次認知能力為成功的關鍵因素。因此研究建議教師設計相關的活動來鼓勵學生使用較高層次的認知策略(Liu & Lin, 2007)。此外，有學者開發了網路學習系統，來促進出題、同儕互評和練習等學習活動，首先評估該系統的教學潛力，結果顯示該系統被使用者認為是能增強和激勵認知的學習工具，而數據分析也進一步顯示各種因素一同作用會影響到出題的表現(Yu, Liu, & Chan, 2005)。有學者有鑑於目前的網路同儕互評系統都只提供單一的評鑑方式，而評鑑結果很容易受評鑑方式經驗的不同而改變，因此研究者建立了多樣化同儕互評系統，並檢驗學生對於同儕互評的態度，結果顯示同儕互評有發展高層次思考和認知是很有用的，最後，多樣化同儕互評系統確實比一般同儕互評系統更能幫助學習(Yu, 2011)。近年來，有學者則使用線上同儕互評在設計科目中，研究結果表示學生都能順利的完成評鑑，並給予同儕互評許多正面回饋，證實在設計 13.

(38) 教育上的使用成效。鼓勵學生互相幫助發展作品不僅可以建立協作能力與信任，也會對學習有更深的理解，並對討論內容進行反思。而當學生與同儕分享知識，更是讓自己有 2 次學習的機會，但是在過程中還是有少部分學生選擇不參與，顯示提供多元化活動來滿足學生多樣性的重要 (Lawrence & Zollinger, 2015)。. 第三節. 學習風格. 學習風格理論學習風格就定義上來說即為個人的學習習慣、方法和態度，並會受其所在的學習環境之知覺、應對和互動的技巧的影響(Dunn & Dunn, 1987)。學習風格之研究源自於心理學中的認知風格(Cognitive Style)，認知風格中以活動為主的部份實際上就是學習風格，因此學習風格的量測應該注重在決定個人認知風格相關的各種學習活動上 (Sternberg & Grigorenko, 1997)，之後從原本研究個人認知方面的特質差異，逐步擴充並完善理論，而在 1970 年代開始有「學習風格」(Learning Style)一詞出現(郭重吉，1987)，而學習風格理論也漸漸脫離認知風格的範疇，已形成自己的ㄧ套體系。有學者開始倡導學習風格模式，認為它可以改進高等教育教學的困境，幫助教師更深刻的思考自己的角色與社會文化，準備好面對學生的多樣性(Claxton & Murrell, 1987)。有其他學者也認為高等教育教學不該假設所有學生都是一樣的學習方式，能用一個教學方法就符合大部分的學習需求，教師應有責任增加適性化教學方式，配合不同學生的學習需要，以達到更有效的學習(Hawk & Shah, 2007)。若能在教學上兼顧各種學習風格面向，就能滿足學生的學習需求。因此，當教師在設計課程、. 14.

(39) 編寫教材上，或是幫助學生發展人際關係、領導能力和溝通技巧時，能考量到不同的學習風格，就能提升學生的學習效果。索羅門學習風格模式有學者建立學習風格理論來兼容不同的學生學習方式與教師教學方法，提出五個面向的學習風格，是較具有全面性的模式(Felder & Silverman, 1988)。其後有學者以此為基礎，進一步融合不同的學習風格理論提出學習風格量表(Index of Learning Styles ,ILS)，包含了 4 個向度分別為行動－反思型、感官－直覺型、視覺－口語型、以及序列－全域型(Soloman & Felder, 2005)。下列為各學習風格面向的簡易特徵：(1)行動型(active)：利用實驗與觀察來獲得知識，行動派，喜歡親身體會，喜歡與他人一同合作的主動學習方式；(2)反思型(reﬂective)：偏好在行動之前先進行徹底的思考，對於新的資訊會去思考的調查、運用它，喜歡獨自思考問題與工作；(3)感官型(sensing)：透過感官的途徑來察覺，使用直接的感覺來收集資料。比較實際且謹慎，偏好學習具體的事物，喜歡用固定的方法解決問題，擅長具體事務的記憶，與實際操作演練；(4) 直覺型(intuitive)：透過間接的感覺，在本身無特別意識的情況下來發覺與觀察。喜歡探索可能性與關連性，有更多創新力，不喜歡重複，不喜歡涉及太多記憶和計算的課程；(5)視覺型(visual)：喜歡圖形化的說明，看到實際的圖表、流程圖、影片或實際演練過程時有較好的記憶；(6) 口語型(verbal)：擅長文字與聲音資訊的記憶，口與述說與書寫的解釋說明可以更有效率的學習；(7)序列型(sequential)：喜歡以循序漸進的線性思考來解決問題，傾向於跟隨邏輯性的步驟去找出答案，擅長聚斂式的思考和分析，在充分瞭解學習過程所提供的素材、準備相當完善、複雜且困難的情況下，學習效果會較高；(8)全域型(global)：運用跳躍式的思. 15.

(40) 考模式來解決問題，擅長的是擴散性的思考方式，擁有創造力較寬廣的視野，容易大而化之、不求甚解。此外，在資訊科技領域研究中，了解人類行為來建置數位學習環境是很重要的，有學者就探討心理模式如何應用在資訊科技中，而心理模式中最重要的應用為個性和學習風格，盡可能地想把人類所有的行為特性都納入考慮，研究結果顯示，Felder–Silverman 學習風格模式具有簡單與全面性的優點，非常適合在數位學習中使用 (Fatahi, Moradi, & Kashani-Vahid, 2016)。例如：就有學者提出測試模式來檢驗學習風格透過線上參與對數位學習表現有無影響，研究結果表明，學習風格感官/ 直覺向度會透過線上參與的調節間接影響學習表現，而其他類型的學習風格則不影響線上參與(Huang, Lin, & Huang, 2012)。另外，有學者建立了適性化教學系統-Protus，該系統會基於先備知識和學習風格的不同而給予適合學習者知識水平，並符合學習習慣的教材，研究結果顯示使用 Protus 系統的使用是有成效的，建議數位學習活動都應考慮學習者的學習風格、知識和表現 (Klašnja-Milićević, Vesin, Ivanović, & Budimac, 2011)。 VARK 學習風格模式 Fleming 提出了 VARK 問卷，而 VARK 分別代表四種學習方法：視覺型(Visual)、聽覺型(Auditory)、閱讀型(Reading)和操作型(Kinesthetic)，個人在這四種學習方法上會有強弱不同的表現，教師若能針對習慣不同方法的學習者使用更適合的教學方式，建立起教與學之間的橋梁，才能達到更有效的學習(Fleming & Baume, 2006)。以下說明四種類型學習者的特徵：視覺型(Visual)學習者習慣以圖解或圖表來理解事情，需要看見圖片或實際畫面會比較容易吸收，以圖像化的方式來整理筆記，較能有效率的學習；聽覺型(Auditory)學習者通常是很好的傾聽者，也會喜歡音 16.

(41) 樂和旋律，聆聽講解後進行詢問能幫助在討論中快速吸收，較適合以錄音的方式來整理筆記；閱讀型(Reading)學習者是很好的分析者，會在文字中尋找線索，靠著閱讀增加自己的背景知識，能以文字來標註重點整理筆記，較能適應目前臺灣的教育體制；操作型(Kinesthetic)學習者會是很棒的表演者，喜歡動態的學習方式，會想要嘗試刺激並動手操作，在實踐中學習得會比較快，比較無法安靜的坐著。學習風格在適性化數位學習系統中扮演著重要的角色，系統可以依照不同的學習風格給予學生和教師寶貴的建議，進而讓學習達到最佳化。因此有學者就對 51 篇學習風格在數位學習的應用相關的文獻進行後設分析，希望能對此提出一些不同面向的見解，研究結果顯示，目前學習風格的應用已經有擴展到評鑑、教育遊戲和多媒體上，但是都只有初步的成果，還需要更進一步的研究投入，研究者也建議可以在適性化數位學習中整合不同的學習風格理論，或是應用不同的學習策略來達到更好的學習成效(Truong, 2016)。近年來，VARK 學習風格在適性化數位學習中也有許多的研究應用，例如：有學者發展個別化與適性化的數位學習系統 (Adaptive and Personalised E-Learning System, APELS)，在資訊課程中提供全面化的學習環境幫助無法跟上教學的學習者。該系統會先收集學習者的背景資料 (學習風格和個人資訊)與學習需求(先備知識和學習目標)，之後從網路上的自由資源提取相關資訊後，設計不同的教學模式促進學習，研究結果顯示，此系統能有效改善目前的線上學習系統，提供學生更好的學習環境(Aeiad & Meziane, 2015)。此外也有研究對學生的態度方面一起進行了探討，在汶萊的一所大學中調查了學生的學習風格(VARK 問卷)、對於教育科技(特別是線上學習管理系統)的態度和使用線上平台的行為意願。研究結果顯示，VARK 17.

(42) 學習風格中的動覺向度、對於線上學習管理系統的態度和使用線上平台的行為意願之間存在相關性，因此，研究者建議進行數位學習時需要將學生的學習風格與對線上學習管理系統的偏好列入考量，達到適性化學習以增加學習成效(Seyal & Rahman, 2015)。有學者更綜合了適性化數位學習和師徒制系統，希望改善目前數位學習沒有考慮到個人學習風格的問題，達到適性化的教學。此系統使用資料探勘技術分析學習者的 VARK 學習風格後給予建議，系統包含了師徒制、VARK 學習風格、內容和學習等 4 大模組，研究結果顯示此系統在專家評鑑的滿意度上獲得了極高的評價，適合不同學習風格的學生來進行學習 (Pantho & Tiantong, 2015)。. 18.

(43) 第三章. 第一節. 研究方法. 研究對象. 本研究採立意抽樣，研究對象為台北某國立大學科技相關科系的學生，年約 20~21 歲，修同一堂課並已有修習過數位學習相關課程的 80 名學生，扣掉流失的樣本後，剩下 57 位樣本有收集到完整數據，其中依學習風格量表(Index of Learning Styles)分析結果共有 49 位為視覺型學習風格學生，以此作後續分析。. 第二節. 研究工具. 學習風格量表本研究參考自 Soloman 和 Felder 所設計的學習風格量表(Index of Learning Styles)，該量表包含 44 個問題評估學習者在行動/反思、感官/ 直覺、視覺/口語、序列/全域等四個面向上的偏好，每一個題目有兩個答案可供選擇，分別對應到某個面向上的某項特性。每個面向上皆有兩種互斥的特性，受測者對每一個面向只會測出一個特性，本研究只取用視覺/口語這個面向，共 11 題可測得學生是否為視覺型學習風格，在 11 題當中，若選擇第一個選項的總數量多於選擇第二個選項的總數量，則本研究將該學生列為視覺型學習風格學生(Soloman & Felder, 2005)。 VARK 學習風格問卷本研究使用 Fleming 所設計的 VARK 學習風格問卷，該問卷共有 16 題，每題都有 4 個選項分別代表了視覺型(Visual)、聽覺型(Auditory)、閱讀型(Reading)和操作型(Kinesthetic) 4 種學習管道，受測者在填寫時可以選擇符合自己特性的多個選項或不選擇任何選項，最後統計每個學習 19.

(44) 風格被選擇的次數，數值最高的即為受測者的主要學習風格，如果有並列的，則表示受測者具有多元學習風格(Fleming & Baume, 2006)。網頁特色表本研究從網頁設計課程的 10 組學生作品中，依據不同風格設計選出 4 個差異性最大的網站，4 個網站各有不同的主題：A 網站為推廣拼豆和販賣拼豆相關商品的網站，B 網站是介紹學校熱舞社組織與活動的網站，C 網站則是依照離學校的距離建立美食地圖的網站，最後 D 網站為販賣二手衣物的網站，以此 4 個網站作為學生進行同儕互評的目標網站，並請網頁設計課程的授課教師作為專家將 4 個網站的比較列出為專家凱利方格，如表 3-1 所示。. 表 3-1 網站特質專家凱利方格網站 A. 網站 B. 網站 C. 網站 D. 上下框架頁. 5. 1. 2. 1. 左右框架頁. 1. 5. 1. 5. 無框架頁. 1. 1. 4. 1. 5. 1. 5. 1. 5. 5. 3. 1. 版面配置簡潔. 5. 1. 3. 5. 文字有趣味性. 4. 1. 5. 5. 網站是否有互動性(如公佈欄、聯絡信箱、管理人員資訊、業務相關網站與資源連結等。) 網頁顏色搭配是否協調. 5 表示非常同意. 1 表示非常不同意 20.

(45) 網頁同儕互評表本網頁同儕互評表為研究者依據一般網頁評分項目並配合本研究的研究目標修改刪減後製作，如表 3-2 所示。在信度方面，研究者根據評分結果數據分析比較得出內部一致性信度 Cronbachα=0.846，顯示本同儕互評表是具有高信度的；效度方面採用專家效度，由二位數位內容設計專長的大學教授作為專家進行評分項目的採認，設計讓學生進行同儕互評時易懂的評分項目以及易評的評分選項，二位專家在網頁同儕互評表設計完成後，也針對本研究四個網頁設計作品進行評分，評分者信度使用 Kappa 一致性信度達 0.903，顯示二位專家間是有高度一致性的。. 表 3-2 網頁同儕互評表評分項目. 請勾選你對學生網頁作品的評分 YES. 評分主題. 非常好. NO 稍好. 稍不好. 非常不好. 文字字體大小圖片擺放位置連結位置設計與安排換頁時版面變化 Logo 或商標顯而易見背景是否得宜容易找到訊息重點覺得自己是不是一個專心的評審?. 同儕互評態度量表本研究採用大專生同儕互評量表(Wen & Tsai, 2006)，並配合本研究的研究目標修改刪減後製作，旨在探討學生進行同儕互評時的態度與接 21.

(46) 受度。信度方面，研究者根據學生回答結果數據分析比較得出內部一致性信度 Cronbachα=0.746，顯示本同儕互評表的信度是可接受的。. 第三節. 研究設計. 實驗設計實驗前先讓研究對象填寫了學習風格量表後，在課餘時間安排施測，施測前先將受測者分為 2 個組別，依不同順序對上述不同風格的 4 個網站進行同儕互評，為避免同儕互評時的順序產生宿醉效應，採平衡對抗設計，且為避免長時間眼動追蹤造成眼球疲勞影響施測結果，4 個網站的同儕互評分為 2 次進行，如表 3-3 所示。. 表 3-3 平衡對抗設計第一次第一組. 第二組. 第二次. 網站 A. 網站 B. 網站 C. 網站 D. 網站 B. 網站 A. 網站 D. 網站 C. 網站 C. 網站 D. 網站 A. 網站 B. 網站 D. 網站 C. 網站 B. 網站 A. 本實驗進行時有告知研究對象要對網頁設計作品進行同儕互評，同時體驗眼動儀。此外，本研究之同儕互評中評鑑者與被評鑑者兩班皆為已修習過多媒體設計相關課程的大學生。而在施測前會為受測者講解眼動儀操作注意事項，並詢問研究對象是否看得清楚螢幕，之後進行眼球校正，確保研究對象的正常視力和矯正後視力都能順利進行實驗，接著在同儕互評過程中記錄受測者的眼動資料，最後讓受測者完成網頁同儕互評表，在結束單個網站的同儕互評之後，再以同樣流程對另一個網站進行同儕互評，過程中一樣使用眼動儀，受測者最後完成第二個網頁同 22.

(47) 儕互評表之後，完成一次施測，進行 2 次共 4 個網站都完成同儕互評之後，填寫同儕互評態度量表，即完成實驗，如圖 3-1 所示。. 圖 3-1. 實驗流程圖. 研究架構本研究架構如圖 3-2 所示，包括以下三類研究變項，分別說明如下：自變項： (一) 自變項：本次實驗的自變項為網站風格，為學生進行同儕互評的 4 個網站，經過凱利方格分析後，各具有不同的網站風格特性，這些不同的網站風格即為本研究自變項。依變項：本次實驗主要有 3 個依變項進行分析，分別為網頁同儕互評過程中的眼動行為數據與填寫的網頁同儕互評表，還有在同儕互評後填寫的同儕互評態度量表，本研究會分析自變項在這三個依變項有什麼不同表現。控制變項：. 23.

(48) 本次研究旨在探討視覺型學習風格在進行同儕互評時的個別差異對評分結果的影響，因此，在實驗後的各項分析中都是以視覺型學習風格學生為分析樣本，另外，每位受測者在本實驗過程中所使用的眼動儀與電腦都是固定的，所對應到的網站與操作眼動儀的輔導員也都保持一致，一切外在變項都控制在一樣的條件下進行施測。. 圖 3-2. 第四節. 研究架構圖. 實驗環境與設備. 實驗設備本研究設備使用國立台灣師範大學電機工程學系何宏發教授領導的研究團隊，所研發出的 EyeNTNU-180 （平價多人螢幕眼動儀），此眼動儀採紅外線 LED 偵測眼睛凝視焦點的技術，取樣頻率在 30 Hz-180 Hz 之間，在 60 公分距離內，誤差率小於 0.3 度，並有九點校正技術提高準確率。實驗環境研究對象安排在光線充足的教室中，以一般性電腦操作環境進行施測，施測時採坐姿，頭部固定在支架上與電腦螢幕距離約 40 公分，螢 24.

(49) 幕放置於正中間，眼睛可直視到全部螢幕，螢幕為 13 吋，且沒有反光或眩光等影響視覺疲勞的現象發生，如圖 3-3 所示。. 圖 3-3 實驗設備與環境設定圖. 實驗數據的定義本研究在眼動實驗中進行後續分析之各項數據定義如下所示：凝視定義的位移容忍度為 5pix，時間門檻值為 10ms；跳視定義的時間範圍值為 1ms~10000ms；ROI 為事後定義，定義原則為先依照網站架構分為 LOGO、選單和內容，接著內容又可細分出圖片內容與文字內容，以此原則做分類定義。. 第五節. 資料分析. 網頁同儕互評表結果分析將學生與專家的網頁同儕互評表填寫結果進行比對，比較學生在各網站各評分項目上與專家評分結果是否相同，並計算相符百分比。. 25.