政大機構典藏-National Chengchi University Institutional Repository(NCCUR):Item 140.119/112193

政大典藏 > College of Liberal Arts > Graduate Institute of Library, Information and Archival Studies > Theses > Item 140.119/112193

Please use this identifier to cite or link to this item: https://nccur.lib.nccu.edu.tw/handle/140.119/112193

Title:	基於資訊圖表設計之數位教材的學習成效評估與眼動歷程分析 Assessing learning performance and eye tracking process for Infographic-based digital learning material
Authors:	顏琳 Yen, Lin
Contributors:	陳志銘 Chen, Chin Ming 顏琳 Yen, Lin
Keywords:	多媒體教材資訊圖表教材眼動分析閱讀時間閱讀效率認知負荷 Multimedia courseware Inforgraphic-based learning materials Eye movement analysis Reading time Reading efficiency Cognitive load
Date:	2017
Issue Date:	2017-08-28 11:36:50 (UTC+8)
Abstract:	目前大部分教材仍以純文字方式呈現為主，少有教材以資訊圖表方式呈現；然而，近年來資訊以視覺化的方式呈現越來越受到重視，資訊圖表以具故事性且有組織等引人入勝的方式呈現、解釋複雜的資料，用圖像說故事，讓重點更加容易吸收。因此，應用資訊圖表方式所設計之教材，是否能達成比傳統教材更有效的知識吸收與成效，是一個值得深入探討的研究議題。本研究透過資訊圖表的設計原則，將傳統教材製作成資訊圖表教材，採準實驗研究法探討兩組分別使用資訊圖表教材與傳統教材輔助學習的學習者，在閱讀時間、閱讀效率、認知負荷，以及眼動歷程上是否具有顯著的差異。同時進一步探討不同性別與認知風格學習者，在使用資訊圖表所設計教材與使用傳統教材輔助學習，在閱讀時間、閱讀效率、認知負荷，以及眼動歷程上是否具有顯著的差異。本研究以國小兩班合計47個五年級學童為研究對象，隨機挑選一班學生為採用資訊圖表教材的實驗組，以及另一班為採用傳統教材的控制組進行閱讀實驗，兩組的閱讀教材內容相同，但閱讀時間則以學習者完全讀完教材之時間為量測基礎，並於完成兩種教材學習後進行後測。此外，為了深入了解學習者對於兩種不同教材呈現方式的想法與感受，本研究亦輔以訪談法進行質化資料之蒐集，針對學習者對於這兩種教材呈現方式的外觀、排版、內容及吸收難易等進行訪談，以輔助解釋量化分析結果，使研究結果更具客觀性。研究結果發現，控制組學習者採用傳統教材所需花費的教材閱讀時間，顯著高於採用資訊圖表所設計教材之實驗組學習者，並且多了近一倍的時間，也就是採用資訊圖表設計之教材輔助學習，有助於降低閱讀時間。此外，採用資訊圖表教材實驗組學習者的閱讀效率，亦顯著優於採用傳統教材的控制組學習者，顯示資訊圖表教材較傳統教材更容易吸收、理解教材內容，因此有更高的閱讀效率。而採用資訊圖表教材實驗組學習者的認知負荷，與採用傳統教材的控制組學習者的認知負荷不具有顯著差異。另外，眼動指標分析結果發現，部分傳統教材AOI區塊凝視時間、凝視次數及回視次數顯著高於資訊圖表教材。同時，訪談結果也指出資訊圖表設計之教材整體的視覺動線閱讀順暢，大部分內容都看得懂，圖文搭配較容易理解，同時也會提升學習興趣。最後，本研究亦針對資訊圖表應用於教學輔助學習教材，提出設計及教學實施上的建議，對於教材的創新設計具有貢獻。 Most of learning materials are currently presented with pure texts, but rarely presented with inforgraphics. Nevertheless, the visualization of information is getting emphasized in past years. Inforgraphics attracts people with stories and organization in order to explains complicated data. Telling stories with images allows the points being more easily absorbed. In this case, it is worthy of in-depth discussion whether applying inforgraphic learning materials could achieve more effective knowledge absorption and achievement than traditional learning materials. With inforgraphic-based design principles, traditional learning materials are made into inforgraphic-based learning materials in this study. Quasi-experimental research is utilized for discussing the difference in reading time, reading efficiency, cognitive load, and eye tracking process between learners with inforgraphic-based learning materials and traditional material assisted learning. Meanwhile, the difference in reading time, reading efficiency, cognitive load, and eye tracking process between learners, with different gender and cognitive styles, with inforgraphic-based learning materials and traditional material assisted learning. This study involves two fifth-grade classes with a total of 47 students. A class is randomly selected as the experimental group with inforgraphic-based learning materials, and the other class as the control group with traditional learning materials for the reading experiment. The reading materials for both groups are identical, but the reading time is based on learners completely finishing the learning materials. Posttest is preceded after completing the learning with such two learning materials. Moreover, in order to deeply understand learners’ opinions and perception of such two learning materials, interviews are also preceded in this study for collecting qualitative data. The learners are interviewed about the appearance, layout, contents, and absorption difficulty of the learning materials to explain the quantitative analysis results so as to make the research results more objective. The research findings show that learners in the control group with traditional learning materials spend about one time more reading time than those in the experimental group with inforgraphic-based learning materials. That is, assisting learning with inforgraphic-based learning materials could reduce reading time. Furthermore, learners in the experimental group with inforgraphic-based learning materials outperform those in the control group with traditional learning materials on reading efficiency, showing that inforgraphic-based learning materials are more easily absorbed and comprehended the contents than traditional learning materials to present higher reading efficiency. Learners in the experimental group with inforgraphic-based learning materials do not appear significant differences from those in the control group with traditional learning materials on cognitive load. What is more, the eye tracking analysis results reveal that the AOI block fixation time, fixation times, and regression times of some traditional learning materials are notably higher than those of inforgraphic-based learning materials. Meanwhile, the interviews also point out the smooth visual circulation reading of inforgraphic-based learning materials. Most contents are understandable, the match with images and texts can be more easily comprehended, and the learning interests could also be enhanced. Finally, suggestions for design and teaching practice, aiming at the application of inforgraphics to auxiliary learning materials, are proposed in this study, presenting contribution to the innovative design of learning materials.
Reference:	关中客（2012）。Infographic: 信息图? 知识图!。中國信息技術教育，2012（9），17。教育部（2016）。教育部國民中學‧學習資源網。國民中學-學習資源網。上網日期：2016年11月16日，檢自：http://siro.moe.edu.tw/fip/index.php?n=0&m=0 教育部統計處（2015年10月22日）。教育部統計處全球資訊網[教育統計相關資料]。統計處。上網日期：2017年2月27日，檢自：http://depart.moe.edu.tw/ED4500/News.aspx?n=B31EC9E6E57BFA50&page=2&PageSize=20 李芝、涂忠彬（2014）。基于 Infographic 的高中地理翻转课堂教学研究。新课程学习，11，1–2。王文科、王智弘（2014）。教育研究法。臺北市：台灣五南圖書出版股份有限公司。衛生福利部國民健康署（2016）。衛生福利部國民健康署。上網日期：2017年2月27日，檢自：http://www.hpa.gov.tw/Pages/Detail.aspx?nodeid=542&pid=709 許峰銘（2010）。童詩圖像教學。臺北市：秀威出版。趙雅麗（2003）。符號版圖的迷思: 影像化趨勢下語言的未來發展。新聞學研究，77，187–215。邱淑惠、廖儷湘（2014）。學前幼兒如何閱讀繪本-眼動歷程之初探。教育傳播與科技研究，109，57–73。陳學志、賴惠德、邱發忠（2010）。眼球追蹤技術在學習與教育上的應用。教育科學研究期刊第五十五卷第四期，55（4），39–68。陳李綢（1985）。布魯納理論應用於中小學生認知學習的成效研究。教育心理學報，18，191–227。黄婷（2015）。浅谈信息时代现代信息图设计。西安文理学院学报: 社会科学版，18（3），117–120。 Allison, P. D., & Liker, J. K. (1982). Analyzing sequential categorical data on dyadic interaction: A comment on Gottman. Psychological Bulletin, 91(2), 393-403. doi:10.1037/0033-2909.91.2.393 Alyahya, D., & Alyahya, S. (2015). Students learning style and attitude with information visualization. The Online Journal of Distance Education and E-Learning, 3(3), 49-54. Archambault, S. G. (2016). Telling Your Story: Using Dashboards and Infographics for Data Visualization. Computers in Libraries, 36(3), 4–7. Bruner, J. S. (1964). The course of cognitive growth. American Psychologist, 19(1), 1-15. doi:10.1037/h0044160 Brunken, R., Plass, J. L., & Leutner, D. (2003). Direct measurement of cognitive load in multimedia learning. Educational Psychologist, 38(1), 53–61. doi:10.1207/S15326985EP3801_7 Card, S. K., & Mackinlay, J. (1997). The Structure of the Information Visualization Design Space. In Proceedings of the 1997 IEEE Symposium on Information Visualization (InfoVis ’97). Washington, DC, USA: IEEE Computer Society. Retrieved from http://dl.acm.org/citation.cfm?id=857188.857632 Cawthon, N., & Moere, A. V. (2007). The effect of aesthetic on the usability of data visualization. In Information Visualization, 2007. IV’07. 11th International Conference (pp. 637–648). IEEE. doi:10.1109/IV.2007.147 Childers, T. L., Houston, M. J., & Heckler, S. E. (1985). Measurement of individual differences in visual versus verbal information processing. Journal of Consumer Research, 12(2), 125–134. doi:10.1086/208501 Clark, J. M., & Paivio, A. (1991). Dual coding theory and education. Educational Psychology Review, 3(3), 149–210. doi:10.1007/BF01320076 Davidson, R. (2014). Three investigations in which students present their results in infographics. The Science Teacher, 34–39. Davis, M., & Quinn, D. (2013). Visualizing text: The new literacy of infographics. Reading Today, 31(3), 16–18. de Koning, B. B., Tabbers, H. K., Rikers, R. M., & Paas, F. (2010). Attention guidance in learning from a complex animation: Seeing is understanding? Learning and Instruction, 20(2), 111–122. doi:10.1016/j.learninstruc.2009.02.010 Dodge, R., & Cline, T. S. (1901). The angle velocity of eye movements. Psychological Review, 8(2), 145. doi:10.1037/h0076100 Duchowski, A. T. (2002). A breadth-first survey of eye-tracking applications. Behavior Research Methods, Instruments, & Computers, 34(4), 455-470. doi:10.3758/BF03195475 Duchowski, A. T. (2007). Eye tracking methodology: theory and practice. London: Springer. Retrieved from http://public.eblib.com/choice/publicfullrecord.aspx?p=337177 Dunn, R. S., & Dunn, K. J. (1979). Learning Styles/Teaching Styles: Should They ... Can They ... Be Matched? Educational Leadership, 36(4), 238-44. Featherstone, R. (2014). Visual research data: An infographics primer. Journal of the Canadian Health Libraries Association/Journal de l’Association Des Bibliothèques de La Santé Du Canada, 35(3), 147–150. doi:10.5596/c14-031 Fekete, J.-D., Wijk, J. J. van, Stasko, J. T., & North, C. (2008). The Value of Information Visualization. In A. Kerren, J. T. Stasko, J.-D. Fekete, & C. North (Eds.), Information Visualization (pp. 1-18). Springer Berlin Heidelberg. doi:10.1007/978-3-540-70956-5_1 Felder, R. M., & Soloman, B. A. (2000). Learning styles and strategies. At URL: Http://Www. Engr. Ncsu. Edu/Learningstyles/Ilsweb. Html. Retrieved from http://www.cityvision.edu/courses/coursefiles/402/STYLES_AND_STRATEGIES.pdf Fredrick, K. (2013). Visualize This: Using Infographics in School Libraries. School Library Monthly, 30(3), 24. Gans, R. E. (2001). Video-oculography: A new diagnostic technology for vestibular patients. The Hearing Journal, 54(5), 40–42. doi:10.1097/01.HJ.0000294840.79013.39 Gazepoint. (2016). Gazepoint – The first affordable eye-tracker! Professional performance at a consumer price! gazepoint. Retrieved November 15, 2016, from http://www.gazept.com/ Gershon, N., Eick, S. G., & Card, S. (1998). Information Visualization. Interactions, 5(2), 9–15. doi:10.1145/274430.274432 Guzmán-Cedillo, Y. I., Lima-Villeda, N., & Ferreira-Rosa, S. (2015). La experiencia de elaborar infografías didácticas sobre diversidad sexual/An Experience of Elaborating Didactic Infographics on Sexual Diversity. Revista Latina de Comunicación Social, (70), 961-981. doi:10.4185/RLCS-2015-1080en Harrison, L., Reinecke, K., & Chang, R. (2015). Infographic Aesthetics: Designing for the First Impression. In Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems (pp. 1187–1190). New York, NY, USA: ACM. doi:10.1145/2702123.2702545 Haselmayr, M. (2013). Use Infographics To Boost Your Credibility And Traffic. Forbes. Retrieved December 13, 2016, from http://www.forbes.com/sites/allbusiness/2013/08/02/use-infographics-to-boost-your-credibility-and-traffic/#6ed35faf2234 Homer, B. D., Plass, J. L., & Blake, L. (2008). The effects of video on cognitive load and social presence in multimedia-learning. Computers in Human Behavior, 24(3), 786-797. doi:10.1016/j.chb.2007.02.009 Huey, E. B. (1968). The psychology and pedagogy of reading; with a review of the history of reading and writing and of methods, texts, and hygiene in reading. Cambridge [Mass.: M.I.T. Press. Hughes, A., Wilkens, T., Wildemuth, B. M., & Marchionini, G. (2003). Text or pictures? An eyetracking study of how people view digital video surrogates. In International Conference on Image and Video Retrieval (pp. 271–280). Springer. doi:10.1007/3-540-45113-7_27 Jacob, R. J., & Karn, K. S. (2003). Eye tracking in human-computer interaction and usability research: Ready to deliver the promises. Mind, 2(3), 4. Joy, E. H., & Garcia, F. E. (2000). Measuring learning effectiveness: A new look at no-significant-difference findings. Journal of Asynchronous Learning Networks, 4(1), 33–39. Kennedy, D. (2007). Writing and using learning outcomes: a practical guide. Ireland: University College Cork. Koć-Januchta, M., Höffler, T., Thoma, G.-B., Prechtl, H., & Leutner, D. (2017). Visualizers versus verbalizers: Effects of cognitive style on learning with texts and pictures–An eye-tracking study. Computers in Human Behavior, 68, 170–179. doi:10.1016/j.chb.2016.11.028 Kowler, E., & Schnitzer, B. S. (2006). Eye movements during multiple readings of the same text, 46(10), 1611-1632. doi:10.1016/j.visres.2005.09.023 Kozhevnikov, M., Hegarty, M., & Mayer, R. E. (2002). Revising the visualizer-verbalizer dimension: Evidence for two types of visualizers. Cognition and Instruction, 20(1), 47–77. doi:10.1207/S1532690XCI2001_3 Krauss, J. (2012). More than words can say: infographics. Learning and Leading with Technology, 5(39), 10–14. Kuchinskas, G. (1979). Whose Cognitive Style Makes the Difference? Educational Leadership, 36(4), 269–271. Matrix, S., & Hodson, J. (2014). Teaching with infographics: Practicing new digital competencies and visual literacies. Journal of Pedagogic Development, 4(2), 17-27. Mayer, R. E. (2003). The promise of multimedia learning: using the same instructional design methods across different media. Learning and Instruction, 13(2), 125–139. doi:10.1016/S0959-4752(02)00016-6 Mayer, R. E., & Massa, L. J. (2003). Three facets of visual and verbal learners: Cognitive ability, cognitive style, and learning preference. Journal of Educational Psychology, 95(4), 833-846. doi:10.1037/0022-0663.95.4.833 Mayer, R. E., & Moreno, R. (2003). Nine ways to reduce cognitive load in multimedia learning. Educational Psychologist, 38(1), 43–52. doi:10.1207/S15326985EP3801_6 Mayer, R. E., & Sims, V. K. (1994). For whom is a picture worth a thousand words? Extensions of a dual-coding theory of multimedia learning. Journal of Educational Psychology, 86(3), 389-401. doi:10.1037/0022-0663.86.3.389 Merriam-Webster. (2017). Dictionary and Thesaurus \| Merriam-Webster. Retrieved February 5, 2017, from https://www.merriam-webster.com/ Moon, J. (2004). Linking levels, learning outcomes and assessment criteria. In Edinburgh. Online: http://www. bologna-bergen2005. no/EN/Bol_sem/Seminars/040701-02Edinburgh/040701-02Linking_Levels_plus_ass_crit-Moon. pdf (Zugriff: 10.06. 2008) (Vol. 12). Retrieved from http://aic.lv/ace/ace_disk/Bologna/Bol_semin/Edinburgh/J_Moon_backgrP.pdf Navarro, O., Molina, A. I., Lacruz, M., & Ortega, M. (2015). Evaluation of Multimedia Educational Materials Using Eye Tracking. Procedia-Social and Behavioral Sciences, 197, 2236–2243. doi:10.1016/j.sbspro.2015.07.366 Paivio, A. (1986). Mental representations: a dual coding approach. New York; Oxford [Oxfordshire: Oxford University Press ; Clarendon Press. Paivio, A. (2006). Dual coding theory and education. In The Conference on Pathways to Literacy Achievement for High Poverty Children (pp. 1–20). Retrieved from http://www.csuchico.edu/~nschwartz/paivio.pdf Pallapu, P. (2007). Effects of visual and verbal learning styles on learning. Institute for Learning Styles Journal, 1(1), 34–41. Passig, D., & Levin, H. (1999). Gender interest differences with multimedia learning interfaces. Computers in Human Behavior, 15(2), 173–183. doi:10.1016/S0747-5632(99)00016-3 Piktochart. (2011, October 16). Create Easy Infographics, Reports, Presentations \| Piktochart. Piktochart Infographics. Retrieved November 16, 2016, from https://piktochart.com/ Pimenta, S., & Poovaiah, R. (2010). On defining visual narratives. Design Thoughts, 3, 25–46. Plass, J. L., Chun, D. M., Mayer, R. E., & Leutner, D. (1998). Supporting visual and verbal learning preferences in a second-language multimedia learning environment. Journal of Educational Psychology, 90(1), 25-36. doi:10.1037/0022-0663.90.1.25 Rezaei, N., & Sayadian, S. (2015). The Impact of Infographics on Iranian EFL Learners’ Grammar Learning. Journal of Applied Linguistics and Language Research, 2(1), 78–85. Ru, G., & Ming, Z. Y. (2014). Infographics applied in design education. In Advanced Research and Technology in Industry Applications (WARTIA), 2014 IEEE Workshop on (pp. 984–986). IEEE. doi:10.1109/WARTIA.2014.6976439 Sankey, M. (2003). Visual and multiple representation in learning materials: an issue of literacy. Create. Ed 2003: Elearning for the Creative Industries, 51. Schott, E. (1922). Über die Registrierung des Nystagmus und anderer Augenbewegungen vermittels des Saitengalvanometers. Dtsch Arch Klin Med, 140, 79–90. Siricharoen, W. V. (2013). Infographics: The new communication tools in digital age. In The International Conference on E-Technologies and Business on the Web (EBW2013) (pp. 169–174). The Society of Digital Information and Wireless Communication. Retrieved from http://sdiwc.net/digital-library/infographics-the-new-communication-tools-in-digital-age Sweller, J., Merrienboer, J. J. G. van, & Paas, F. G. W. C. (1998). Cognitive Architecture and Instructional Design. Educational Psychology Review, 10(3), 251-296. doi:10.1023/A:1022193728205 Tufte, E. R. (1995). Envisioning information. Cheshire, Conn.: Graphics Press. Viswanathan, A. R. (2011). HEAD-MOUNTED EYE TRACKER. Cornell University. Retrieved from https://people.ece.cornell.edu/land/courses/eceprojectsland/STUDENTPROJ/2010to2011/arv44_zx52/arv44_report_201105200944.pdf Wehrwein, E. A., Lujan, H. L., & Dicarlo, S. E. (2007). Gender differences in learning style preferences among undergraduate physiology students. Advances in Physiology Education, 31(2), 153–157. doi:10.1152/advan.00060.2006 Weidenmann, B. (1989). 9 When Good Pictures Fail: An Information-Processing Approach to the Effect of Illustrations. Advances in Psychology, 58, 157–170. Witkin, H. A., Moore, C. A., Goodenough, D. R., & Cox, P. W. (1977). Field-Dependent and Field-Independent Cognitive Styles and Their Educational Implications. Review of Educational Research, 47(1), 1-64. doi:10.2307/1169967 Yildirim, S. (2016). Infographics for Educational Purposes: Their Structure, Properties and Reader Approaches. Turkish Online Journal of Educational Technology-TOJET, 15(3), 98–110. Young, L. R., & Sheena, D. (1975). Survey of eye movement recording methods. Behavior Research Methods & Instrumentation, 7(5), 397–429. doi:10.3758/BF03201553
Description:	碩士國立政治大學圖書資訊與檔案學研究所 104155002
Source URI:	http://thesis.lib.nccu.edu.tw/record/#G0104155002
Data Type:	thesis
Appears in Collections:	[Graduate Institute of Library, Information and Archival Studies] Theses

Files in This Item:

File	Size	Format
index.html	0Kb	HTML2	539	View/Open

社群 sharing

Loading...