科學議題資訊圖像呈現對閱聽人閱讀經驗與閱讀理解之影響

The Impact of Science Issue Infographics on Reading Experience and Comprehension

10.6173/CJSE.201809_26(3).0001

黃子芸(Zi-Yun Huang)；黃惠萍(Huiping Huang)

多媒體學習認知理論 ； 科學議題 ； 資訊圖像 ； 閱讀理解 ； 閱讀經驗 ； Cognitive Theory of Multimedia Learning ； Science Issues ； Infographics ； Reading Comprehension ； Reading Experience

科學教育學刊

26卷3期（2018 / 09 / 01）

197 - 218

繁體中文

資訊科技的進步與閱聽人生活型態的改變，使資訊的呈現不再限於單一型式，科學議題的訊息也不限於文字或圖像，可包含聲音和互動點擊，協助閱聽人瞭解議題或事件的脈絡。本研究將資訊圖像的呈現，分為靜態式、動態式與互動式三種型態，並採用準實驗法探討科學議題以不同的資訊圖像呈現時，對閱聽人閱讀經驗與閱讀理解的影響。本研究以基因改造作物為主題，設計四種型態的文本，含控制組的純文字及三組實驗組的資訊圖像，再比較四組受試者對文本的整體評價及對內容主題的瞭解。本研究招募大學以上學生計840位參與線上實驗。研究發現，靜態式和動態式資訊圖像予閱聽人較佳的閱讀經驗，但純文字和互動式資訊圖像較能提升其閱讀理解。這指出，當科學議題以視覺圖像或聲音影像呈現時，確實對閱聽人較具吸引力，但欲提高閱聽人對文本主題的理解，仍需借重文字及互動式介面的設計。本結果可應用於科學議題的資訊呈現，協助公眾瞭解科學知識。

Along with the development of information technology and changes of people's lifestyle, science issue information is no longer confined to words and pictures, but containing sounds and interactive clicks to help the audience comprehend issues or events. To understand this phenomenon, this study conducted an online experiment to compare the impact of different types of information, including three infographic types which are static, dynamic and interactive, as well as text-only version, on the audience. This study adopted genetially modified crops (GMC) as the topic to design science issue texts. Subjects for the web-based experiment were universtiy students. In total, 840 students participated in the experiment. Results showed that those who read static and dynamic infographics had better reading experience than the others, but those who read text-only and interactive infographic had better reading comprehension than the others. Overall, the findings suggest that science issue infographics including pictures and voices are more appealing to the audience, but text-only and interactive infographic are still important for the audience to comprehend the content. Results from this study can be applied to the presentation of science issues to help promote public understanding of science.

1. 陳柏霖、洪兆祥、余民寧(2013)。網路閱讀態度、網路閱讀行為及網路閱讀素養之橫斷面研究。教育科學研究期刊，58(3)，23-50。
   連結：
2. 陳彙芳、范懿文(2000)。認知負荷對多媒體電腦輔助學習成效之影響研究。資訊管理研究，2(2)，45-60。
   連結：
3. 黃俊儒、簡妙如(2006)。科學新聞文本的論述層次及結構分布：構思另個科學傳播的起點。新聞學研究，86，135-170。
   連結：
4. Baek, Y. K.,Layne, B. H.(1988).Color, graphics, and animation in a computer-assisted learning tutorial lesson.Journal of Computer-Based Instruction,15(4),131-135.
5. Birnbaum, M. H.(2004).Human research and data collection via the Internet.Annual Review of Psychology,55,803-832.
6. Burgoon, J. K.,Burgoon, M.,Wilkinson, M.(1981).Writing style as predictor of newspaper readership, satisfaction and image.Journalism Quarterly,58(2),225-231.
7. Cairo, A.(2013).The functional art: An introduction to information graphics and visualization.Berkeley, CA:New Riders.
8. Chang, Y.-S.(2018).The effect assessment of reading experience and use intention for AR interactive device.Eurasia Journal of Mathematics, Science and Technology Education,14(1),531-542.
9. Chanlin, L.-J.(1997).The effects of verbal elaboration and visual elaboration on student learning.International Journal of Instructional Media,24(4),333-339.
10. Clark, J. M.,Paivio, A.(1991).Dual coding theory and education.Educational Psychology Review,3(3),149-210.
11. Colombo, L.,Landoni, M.,Rubegni, E.(2012).Understanding reading experience to inform the design of eBooks for children.Proceedings of IDC 2012: The 11th international conference on interaction design and children,New York:
12. Comello, M. L.,Qian, X.,Deal, A.,Ribisl, K. M.,Linnan, L. A.,Tate, D. F.(2016).Impact of game-inspired infographics on user engagement and information processing in an eHealth program.Journal of Medical Internet Research,18(9),e237.
13. DeStefano, D.,LeFevre, J.-A.(2007).Cognitive load in hypertext reading: A review.Computers in Human Behavior,23(3),1616-1641.
14. Duchastel, P.,Waller, R.(1979).Pictorial illustration in instructional texts.Educational Technology,19(11),20-25.
15. Eveland, W. P.,Dunwoody, S.(2001).User control and structural isomorphism or disorientation and cognitive load? Learning from the web versus print.Communication Research,28(1),48-78.
16. Fadzil, H. M.(2018).Designing infographics for the educational technology course: Perspectives of pre-service science teachers.Journal of Baltic Science Education,17(1),8-18.
17. Harrower, T.,Elman, J. M.(2012).The newspaper designer's handbook.New York:McGraw-Hill Education.
18. Hays, T. A.(1996).Spatial abilities and the effects of computer animation on short-term and long-term comprehension.Journal of Educational Computing Research,14(2),139-155.
19. Hewson, C.(2003).Conducting research on the internet.The Psychologist,16(6),290-293.
20. Hullman, J.,Adar, E.,Shah, P.(2011).Benefitting info Vis with visual difficulties.IEEE Transactions on Visualization and Computer Graphics,17(12),2213-2222.
21. Jung, H.,Lim, H.(2018).Types and roles of visualization materials in elementary science textbook focusing on infographics.Journal of Korean Elementary Science Education,37(1),80-91.
22. Kamil, M. L.(Ed.),Mosenthal, P. B.(Ed.),Pearson, P. D.(Ed.),Barr, R.(Ed.)(2000).Handbook of reading research.Mahwah, NJ:Lawrence Erlbaum Associates.
23. Krum, R.、胡為君譯(2014)。資訊視覺圖表：讓資料變好看的大數據時代資料表達術。新北市:碁峰。
24. Lankow, J.,Ritchie, J.,Crooks, R.(2012).Infographics: The power of visual storytelling.Hoboken, NJ:Wiley.
25. Larson, L. C.(2015).E-books and audiobooks: Extending the digital reading experience.The Reading Teacher,69(2),169-177.
26. Lazard, A.,Atkinson, L.(2015).Putting environmental infographics center stage: The role of visuals at the elaboration likelihood model's critical point of persuasion.Science Communication,37(1),6-33.
27. Lee, E.-J.,Kim, Y. W.(2016).Effects of infographics on news elaboration, acquisition, and evaluation: Prior knowledge and issue involvement as moderators.New Media & Society,18(8),1579-1598.
28. Lingard, H.,Blismas, N.,Harley, J.,Stranieri, A.,Zhang, R. P.,Pirzadeh, P.(2018).Making the invisible visible: Stimulating work health and safety-relevant thinking through the use of infographics in construction design.Engineering, Construction and Architectural Management,25(1),39-61.
29. Locoro, A.,Cabitza, F.,Actis-Grosso, R.,Batini, C.(2017).Static and interactive infographics in daily tasks: A value-in-use and quality of interaction user study.Computers in Human Behavior,71,240-257.
30. Mayer, R. E.(2009).Multimedia learning.Cambridge, UK:Cambridge University Press.
31. Mayer, R. E.(1997).Multimedia learning: Are we asking the right questions?.Educational Psychologist,32(1),1-19.
32. Mayer, R. E.,Anderson, R. B.(1991).Animations need narrations: An experimental test of a dual-coding hypothesis.Journal of Educational Psychology,83(4),484-490.
33. Mayer, R. E.,Moreno, R.(2003).Nine ways to reduce cognitive load in multimedia learning.Educational Psychologist,38(1),43-52.
34. 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.
35. Occa, A.,Suggs, L. S.(2016).Communicating breast cancer screening with young women: An experimental test of didactic and narrative messages using video and infographics.Journal of Health Communication,21(1),1-11.
36. Organization for Economic Co-operation and Development(2006).Assessing scientific, reading and mathematical literacy: A framework for PISA 2006.Paris, France:Author.
37. Paivio, A.(1986).Mental representations: A dual coding approach.New York:Oxford University Press.
38. Paivio, A.(1971).Imagery and verbal processes.Oxford, UK:Holt, Rinehart & Winston.
39. Park, O.-C.,Gittelman, S. S.(1995).Dynamic characteristics of mental models and dynamic visual displays.Instructional Science,23(5-6),303-320.
40. Park, O.-C.,Hopkins, R.(1992).Instructional conditions for using dynamic visual displays: A review.Instructional Science,21(6),427-449.
41. Pasternack, S.,Utt, S. H.(1990).Reader use & understanding of newspaper infographics.Newspaper Research Journal,11(2),28-41.
42. Pearson, P. D.,Johnson, D. D.(1978).Teaching reading comprehension.New York:Holt, Rinehart and Winston.
43. Pimenta, S.,Poovaiah, R.(2010).On defining visual narratives.Design Thoughts,3,25-46.
44. Rendgen, S.,Wiedemann, J.,Ciuccarelli, P.,Wurman, R. S.,Rogers, S.,Holmes, N.(2012).Information graphics.Köln, Germany:Taschen.
45. Rieber, L. P.(1995).A historical review of visualization in human cognition.Educational Technology Research and Development,43(1),45-46.
46. Rieber, L. P.,Hannafin, M. J.(1988).Effects of textual and animated orienting activities and practice on learning from computer-based instruction.Computers in the Schools,5(1-2),77-89.
47. Roller, B. V.(1980).Graph reading abilities of 13-year-olds.Processing of visible language,New York:
48. Ryan, R. S.,Wilde, M.,Crist, S.(2013).Compared to a small, supervised lab experiment, a large, unsupervised web-based experiment on a previously unknown effect has benefits that outweigh its potential costs.Computers in Human Behavior,29(4),1295-1301.
49. Smiciklas, M.(2012).The power of infographics: Using pictures to communicate and connect with your audience.Indianapolis, IN:Que.
50. Smith, R. F.(1989).Black & white. Unread all over? How design & color affect reader judgement of newspapers.Newspaper Research Journal,10(2),75-85.
51. Tankard, J. W., Jr.(1989).Effects of cartoons & three-dimensional graphs on interest & information gain.Newspaper Research Journal,10(3),91-103.
52. Tidwell, J.(2010).Designing interfaces: Patterns for effective interaction design.Sebastopol, CA:O'Reilly Media.
53. Tremayne, M.,Dunwoody, S.(2001).Interactivity, information processing, and learning on the World Wide Web.Science Communication,23(2),111-134.
54. Trumbo, J.(1999).Visual literacy and science communication.Science Communication,20(4),409-425.
55. Tryon, K.(2008).Muncie, IN.,Ball State University.
56. Tversky, B.,Morrison, J. B.,Betrancourt, M.(2002).Animation: Can it facilitate?.International Journal of Human-Computer Studies,57(4),247-262.
57. Wanta, W.,Gao, D.(1994).Young readers and the newspaper: Information recall and perceived enjoyment, readability, and attractiveness.Journalism Quarterly,71(4),926-936.
58. Ward, D. B.(1992).The effectiveness of sidebar graphics.Journalism Quarterly,69(2),318-328.
59. Willis, D.(1999).Effects of using enhancing visual elements in web site design.American Communication Journal,3(1)
60. Yore, L. D.,Shymansky, J. A.(1991).Reading in science: Developing and operational conception to guide instruction.Journal of Science Teacher Education,2(2),29-36.
61. 木村博之、楊宗訓譯(2012)。設計的邏輯：INFOGRAPHICS 深入人心的視覺法則。臺北市:旗標科技。
62. 邱皓政(2010)。量化研究與統計分析：SPSS/PASW資料分析範例與解析。臺北市:五南。
63. 禹錫晉、金美利、郭淑慧譯(2016)。解構單頁式視覺資訊圖表設計與應用。新北市:博誌。
64. 臧國仁編(1993)。新聞學與術的對話。臺北市:國立政治大學新聞研究所。