淡江大學覺生紀念圖書館 (TKU Library)
進階搜尋


下載電子全文限經由淡江IP使用) 
系統識別號 U0002-0907201922335600
中文論文名稱 資訊圖表製作基礎課程發展與評估
英文論文名稱 The Development and Evaluation of an Infographic Production Course
校院名稱 淡江大學
系所名稱(中) 教育科技學系碩士在職專班
系所名稱(英) Department of Educational Technology
學年度 107
學期 2
出版年 108
研究生中文姓名 蘇子殷
研究生英文姓名 Tzu-Yin Su
學號 706730040
學位類別 碩士
語文別 中文
口試日期 2018-06-11
論文頁數 124頁
口試委員 指導教授-賴婷鈴
委員-岳修平
委員-張月霞
中文關鍵字 資訊圖表  學習成效  視覺化 
英文關鍵字 Infographic  Learning effectiveness  Visualization 
學科別分類 學科別社會科學教育學
中文摘要 訊息超載和注意力縮短的時代,越來越多組織使用資訊圖表來傳遞訊息,加上社交媒體的可共享性(Shareability),促使資訊圖表成為最有效的訊息傳遞方式之一。本研究目的為發展資訊圖表製作基礎課程,並且評估課程對於大學生之實施成效,以及瞭解大學生對於課程的感受。本研究透過課程前後練習作業、課程前後問卷與課堂心得作為研究工具,研究樣本取自新北市某私立大學教育科技系42名學生為研究對象,實施實驗時間為3週共9小時。 經由練習作業學習成效與問卷調查之資料進行統計分析,並歸納統整心得內容後,研究結果顯示:

(一)課程實施前後研究對象在製作資訊圖表的表現上有顯著的進步
(二)課程有發展的製作流程與技巧能有效幫助學習製作資訊圖表
(三)研究對象對於本研究實施之課程採正面的態度

最後本研究根據研究結果及學生的心得回饋,提供未來教材設計後後續研究之建議。
英文摘要 In times of information overload and shortening attention span, using infographic to deliver messages has become more frequent. Additionally, with the shareability of social media, infographic is one of the most effective means to deliver messages for sure. The purpose of the study is to develop an introductory course for producing infographics, to probe the effectiveness of the course on undergraduate students, and to gather the students’ perceptions towards the course. The research instruments are pre- and post-course exercises and questionnaires as well as in-class feedback. The research samples are forty-two students majoring in educational technology at a private university in New Taipei City. There are three sessions in total, and each session lasts for three hours every week. After analyzing the data statistically, the results of the study are as follows:

(1) After taking the course, the subjects make significant progress in producing infographics.
(2) The steps and techniques provided throughout the course are quite helpful in assisting the subjects learning how to produce infographics.
(3) The subjects hold a positive attitude toward the course.

Based on the results of the study, the researcher makes recommendations for further teaching material development and future research.
論文目次 目錄 II
表目錄 IV
圖目錄 V
第一章 緒論 1
第一節 研究背景與動機 1
第二節 研究目的 6
第三節 名詞釋義 7
第四節 研究範圍與研究限制 9
第二章 文獻探討 11
第一節 資訊圖表與教育 11
第二節 資訊圖表製作能力要件與流程 14
第三節 視覺化應用與資訊圖表評量指標 19
第三章 研究方法 31
第一節 研究設計 31
第二節 課程設計 39
第三節 資料蒐集與處理 57
第四章 研究結果與發現 63
第一節 資訊圖表製作基礎課程之成果分析 63
第二節 資訊圖表製作基礎課程之學習成效自評與課程滿意度分析 77
第三節 學生對課程的感想與建議 84
第五章 討論與建議 93
第一節 討論 93
第二節 建議 98
參考文獻 103
壹、中文部份 103
貳、英文部份 105

附錄一 資訊圖表製作基礎課程各單元內容概述 111
附錄二 資訊圖表製作基礎課程課前問卷 115
附錄三 資訊圖表製作基礎課程課後問卷 116
附錄四 前導研究之作業題目 119
附錄五 正式研究之作業題目 122

表目錄
表2-2-1 資訊圖表製作能力要件比較 15
表2-2-2 五位領域專家對資訊圖表製作流程之建議 15
表2-2-3 資訊圖表製作流程對應分類表 17
表2-3-1 PAT架構設計 24
表2-3-2 Gestalt Principles各原則內涵 25
表2-3-3 Gestalt Principles在資訊圖表的應用 26
表3-1-1 個案大學教科系106學年度27位學生美編軟體能力調查 33
表3-1-2 個案大學教科系107學年度42位學生美編軟體能力調查 33
表3-2-1 資訊圖表製作基礎課程教案簡介 40
表3-2-2 視覺層級概念、PAT設計工具在本研究中的教學運用 41
表3-2-3 「資訊圖表製作基礎課程」第一週教學活動 43
表3-2-4 「資訊圖表製作基礎課程」第二週教學活動 48
表3-2-5 「資訊圖表製作基礎課程」第三週教學活動 52
表3-2-6 本研究作業評分比重與標準 56
表3-3-1 評分量表內容敘述修改對照表 59
表3-3-2 修正後評分量表內容敘述修改對照表 60
表4-1-1 個案大學教科系107學年度42位學生PPT軟體自評能力調查64
表4-1-2 課前、課後練習作業成績摘要表 64
表4-1-3 課前、課後練習作業成績t檢定統計量摘要表 65
表4-1-4 研究對象S15、S19、S25文字訊息階層表現情形 67
表4-1-5 研究對象S15文字訊息階層表現情形 68
表4-1-6 研究對象S24、S26、S07、S28問卷自評情形 72
表4-1-7 研究對象- S24課程前後作業情形 73
表4-1-8 研究對象- S26課程前後作業情形 74
表4-1-9 研究對象- S07課程前後作業情形 75
表4-1-10研究對象- S28課程前後作業情形 76
表4-2-1 課後問卷之信度分析情形 77
表4-2-2 課後問卷之敘述統計結果 78
表4-2-3 課後問卷之各題目得分比率 80
表4-2-4 教師評分項目與問卷自評項目之相關係數分析 83

圖目錄
圖2-1-1 四資料庫有關資訊圖表及其與教育的文章發佈年份 12
圖2-2-1 資訊圖表作三大流程 18
圖2-3-1 Useful Junk?---Monstrous costs 20
圖2-3-2 Useful Junk? 實驗使用之美化版與簡易版圖像 20
圖2-3-3 Data-Ink Ratio的圖表示例 21
圖2-3-4 Data-Ink Ratio的圖表示例 21
圖2-3-5 Infographic of Infographics 22
圖2-3-6 Infographic of Infographics統計來源 23
圖2-3-7 PAT實踐概念圖 24
圖2-3-8 美國德州教育局資訊圖表與海報設計4大指標 30
圖3-1-1 研究流程圖 35
圖3-2-1 教學活動實施流程 54
圖4-1-1 研究對象課後作業之呈現形式 66
參考文獻 壹、中文部份
王文科、王智弘(2017)。教育研究法。台北:五南。
王其敏(2005)。視覺思維與創意教學研究。台北:揚智文化。
朱則剛(國立編譯館)(1995)。圖書館學與資訊科學大辭典。台北:漢美出版社。
何澍(國立編譯館)(2000)。教育大辭典。台北:文景。
吳統雄(1985)。態度與行為研究的信度與效度:理論、反應、反省,民意測驗月刊,夏季號,29-53。
林昆範、王孝筠(2008)。資訊圖像應用於蘋果日報編排設計之研究。設計學研究,11(2),43-65。
林逸松(2001)。體育專家教師回饋之研究(未出版之碩士論文),臺灣師範大學,臺北市。
姚佩吟(2011)。Web2.0下的腦力激盪─探討不同社群型態與回饋類型對個人創造力表現之影響(未出版之碩士論文)。元智大學,桃園市。
柯志恩、黃一庭(2010)。圖像優於文字?N世代學生認知發展之探究。教育研究月刊,193,15-23。
許子凡、王聖文、傅銘傳(2016)。互動式資訊圖像之互動概念模式探討。設計學研究,20(2),1-20。
淡江大學教育科技系系所簡介。淡江大學教育科技系(2018)。2018年9月日,取自http://www.et.tku.edu.tw/zh_tw/55/intro1_2
黃友玫(譯)(2017)。IBM首席顧問最受歡迎的圖表簡報術(原作者:清水久三子)。台北:城邦文化。
陳月娥(譯)(2017)。哈佛教你做出好圖表(原作者:Berinato,Scott)。台北:三采文化。
陳俊文、梁朝雲(2001)。資訊設計極其延展與應用。教學科技與媒體,57,46-57。
陳嫻若(譯)(2014)。不懂設計,也能做出令人驚豔的資訊圖表(原作者:櫻田潤)。臺北市:聯經出版。
彭昱融(2011)。台大學生也要重新「學讀書」。天下雜誌,420。取自:https://www.cw.com.tw/article/article.action?id=5001689&page=2
Re-lab團隊(2017)。人人都能上手的資訊圖表設計術。台北:時報出版。

貳、英文部份
Aisami, R.S. (2015). Learning styles and visual literacy for learning and performance. Procedia - Social and Behavioral Sciences, 176, 538-545.
Aanstoos, J. (2003). Visual literacy: An overview. Computer Society, 189-193.
ACRL Visual Literacy Competency Standards for Higher Education (2011, October). Retrieved July 31, 2018, from http://www.ala.org/acrl/standards/visualliteracy
Apkon S. (2013). The age of the image: redefining literacy in a world of Screens. NY: Farrar, Straus and Giroux.
Averinou, M., & Ericson J. (1997). A review of the concept of Visual Literacy. British Journal of Educational Technology, 28(4), 280-291.
Baca, J. C. (1990). Identification by consensus of the critcial constructs of visual literacy: a Drlphi study Doctoral Thesis, East Texas State University.
Baker, F. W. (2016). Media Literacy in the K-12 Classroom, Second Edition. OR:International Society for Technology in Education.
Bohn, R. E., & Short, J. E. (2010). How much information? 2009 Report on American Consumers. Unpublished manuscript, Global Information Industry Center University of California.
Bhattacharya, A. (2011, April 5). How to Create an Infographic [technology media focusing on Asia]. Retrieved from https://www.techinasia.com/how-to-create-infographics
Bicen, H., & Beheshti, M.(2017). The Psychological Impact of Infographics in Education. BRAIN 8(4), 99-108.
Bowen, T. (2017). Assessing visual literacy: a case study of developing a rubric for identifying and applying criteria to undergraduate student learning. Teaching in Higher Education, 22(6), 705-719.
Cash, I. (n.d.). Infographic of infographics [Web blog message]. Retrieved from http://www.ivan.cash/infographic-of-infographics/
Coplin, D. (2014, July 17). Distracted By Work When on Holiday? You Might Be Suffering From Infobesity. Huff Post. Retrieved from https://www.huffingtonpost.co.uk/dave-coplin/internet-addiction_b_5591831.html?guccounter=1
Davenport, T. H., & Prusak, L. (1998). Working knowledge: How organizations manage what they know, Boston: Harvard Business School Press.
Debes, J. (1969). The loom of visual literacy: An overview. Audiovisual Instruction, 14(8) ,25-27.
Disessa, A.A., & Sherin, B.L.(2000). Meta-representation: An introduction. Journal of Mathematical Behavior, 19(4), 385-398.
Farrell, T.(2014). Integrating Visual Literacy Skills into PK-12 Education by Teresa Farrell. Visual Literacy Today. Retrieved from https://visualliteracytoday.org/integrating-visual-literacy-skills-into-pk-12-education-by-teresa-farrell/
Google Trends – Infographic. (n.d.). Retrieved July 23,2018, from https://trends.google.com/trends/explore?q=infographic
Gestalt psychology. (n.d.). Retrieved August 13,2018, from https://www.britannica.com/science/Gestalt-psychology
Giorgis, C.,Johnson, N. J., Bonomo, A., Colbert, C,. Conner, A., Kauffman, G., &
Kulesza, D.(1999). Visual Literacy.Reading Teacher, (2),146-53.
George, D., & Mallery, P. (2003). SPSS for Windows step by step: A simple guide and reference. MA: Allyn & Bacon.
Gray, D.(2008). Call for visual literacy. Retrieved from http://www.xplaner.com/2008/05/22/why-powerpoint-rules-the-business-world/
Gude, K. (2018, March 5). Design and Make Infographics (Project-Centered Course) [coursera]. Retrieved from https://www.coursera.org/learn/infographic-design/home/welcome
Henderson, L. K. (2016). Meltdown at Fukushima: Global Catastrophic Events, Visual Literacy, and Art Education. Convergence of Contemporary Art, Visual Culture, and Global Civic Engagement.80-99. doi:10.4018 / 978-1-5225-1665-1
Inbar O., Tractinsky N., & Meyer J. (2007). Minimalism in information visualization: Attitudes towards maximizing the data-ink ratio. Proceedings of the 14th European Conference on Cognitive Ergonomics: invent! Explore!.185-188. doi: 10.1145/1362550.1362587

Kibar, P.N., & Akkoyunlu, B. (2017). Fostering and assessing infographic design for learning: the development of infographic design criteria. Journal of Visual Literacy, 36(1), 20-40.
Krafte, G. (2013). The Transformation of Information Visualization: An Evolving Form of Interactive Storytelling. Retrieved from https://pdfs.semanticscholar.org/b852/a4f3d936978814a6abeca55b5dd2c7685aed.pdf .
Lohr, L. (2007). Creating Graphics for Learning and Performance:Lessons in Visual Literacy. London:Pearson.
Lundy, A.D., & Stephens A. (2015) Beyond the Literal: Teaching Visual Literacy in the 21st Century Classroom. Procedia - Social and Behavioral Sciences, 174,1057-1060.
Mark, S. (2012). The power of infographics: Using pictures to communicate and connect with your Audiences. USA: Pearson Education, Inc.
McIlroy, T. (2010). The Information Explosion and its Impact on the Future of Publishing. Retrieved from https://thefutureofpublishing.com/influences/the-information-explosion-and-its-impact-on-the-future-of-publishing/
McKim, R. H. (1980). Experiences in visual thinking. Monterey, CA: Brooks/Cole Publishing.
Metros S. E. (2008). The Educator's Role in Preparing Visually Literate Learners. Theory Into Practice, 47(2),102-109.
Mirzoeff, N. (1998). The visual culture reader. New York: Routledge.
Mitchell, W. J. (2002). Showing seeing: A critique of visual culture. Journal of Visual Culture, 1(2), 165-181. doi:10.1177/147041290200100202
Naparin H., & Saad A. B. (2017). Infographics un education: Review on infographics design. The International Journal of Multimedia & Its Applications (IJMA), 9, No.4/5/6
Pettersson, R. (2010). Information Design—Principles and Guidelines. Journal of Visual Literacy. 29, 167-182.
Potter, M. C., Wyble, B., Hagmann, C. K., & McCourt, E. S. (2014). Detecting meaning in RSVP at 13 ms per picture. Attention Perception & Psychophysics, 76(2), 270-279.
Prensky, M. (2001). Digital Natives, Digital Immigrants. On the horizon, 9(5), 1-6.
Rubric for Infographic or Poster (2015). Retrieved July 23, 2018, from https://tea.texas.gov/index2.aspx?id=6148
Rubric for Assessing Information Literacy in Infographics (n.d.). Retrieved July 23, 2018, from http://www.uno.edu/general-education/information-literacy-rubric.aspx
Roam, D. (2016). Draw to Win: A Crash Course on How to Lead, Sell, and Innovate with Your Visual Mind. New York: Penguin Group(USA)
Roy, S. (2009, November 18). The Anatomy of An Infographic: 5 Steps To Create A Powerful Visual [Spyre Studios]. Retrieved from http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/
Scott B., Regan L. M., Carl G., Aaron G., David M., & Christopher B. (2010). Useful Junk? The Effects of Visual Embellishment on Comprehension and Memorability of Charts. CHI’10 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems. 2573-2582. doi: 10.1145/1753326.1753716
Schrock C. (2018, September). Infographics as a Creative Assessment [Kathy Schrock’s Guide to Everything]. Retrieved from http://www.schrockguide.net/infographics-as-an-assessment.html
Seels, B. (1994). Visual Literacy: The definition problem. In D.M. Moore,& F.M. Dwyer(Eds.), Visual literacy: A spectrum of visual learning, educational technology publications., NJ: Englewood Cliffs.
Sperry, R. W. (1980). Mind-brain interaction: Mentalism, yes; dualism, no. Neuroscience, 5(2),195-206.
Suprayitno (2018). Visual Literacy of Infographic Review in DKV Students’ Works in Bina Nusantara University. Humaniora, 9(2), 51-59.
Tidwell, J. (2010). Designing Interfaces. CA: O'Reilly Media.
Thomas, E., Place, N., & Hillyard, C. (2008). Students and teachers learning to see: Part 1: Using visual images in the college classroom to promote students' capacities and skills. College Teaching. 56(1), 23-27.
Tufte E. R. (1983). The Visual Display of Quantitative Information. CT: Graphics Press.
UyanDur, B. I. (2014). Data Visualization and Infographics In Visual Communication Design Education at The Age of Information. Journal of arts & humanities, 3(4), 39-50.
VLTF(The ACRL Visual Literacy Standards Task Force). 7 Things you should know about visual literacy. Retrieved from https://acrlvislitstandards.wordpress.com/2015/06/01/7-things-you-should-know-about-visual-literacy/
論文使用權限
  • 同意紙本無償授權給館內讀者為學術之目的重製使用,於2019-07-18公開。
  • 同意授權瀏覽/列印電子全文服務,於2019-07-18起公開。


  • 若您有任何疑問,請與我們聯絡!
    圖書館: 請來電 (02)2621-5656 轉 2281 或 來信