An Association Analysis on Visual Representation and Content Type of Web Infographics

網頁資訊圖像的表現形式與主題內容之關聯分析

10.30105/JDS.201507_18(1).0001

許子凡(Tzu-Fan Hsu)；楊朝明(Chao-Ming Yang)

網頁資訊圖像 ； 表現形式 ； 主題內容 ； Web Infographic ； Visual Representation ； Content Type

設計學研究

18卷1期（2015 / 07 / 01）

1 - 22

英文

網頁資訊圖像是近年新興的訊息傳播工具，本研究欲探討其構成的「表現形式」與「主題內容」兩因素之特性，經由現況取樣，配合集群分析之檢定與受測者的訪談，分別彙整出兩者的組成類別，並利用關聯分析來檢視其間應用之搭配關係。綜合而言，本研究的結論可歸納為下述三點：（1）在視覺的表現形式上，網頁資訊圖像共有：「統計圖表」、「系統圖」、「示意圖」、「混合類」四種類別；（2）從訊息傳遞的主題內容來看，網頁資訊圖像則可分為：「日常趣味」與「資訊新知」兩種類別；（3）網頁資訊圖像的表現形式與主題內容有顯著關聯，在日常趣味類的主題內容，所採用的表現形式多為示意圖與系統圖，而資訊新知類的主題內容，則以統計圖表與混合類為主。本研究成果除能提供資訊圖像之應用參考，亦可做為後續研究之基礎。

Infographics become a popularity offering people visual information in an easy way to consume and share. This study conducted cluster analyses to classify ＂visual representation＂ and ＂content type＂ of infographics. Additionally, an association analysis was used to explore the relation between the two factors. The results were as follows. (1) The visual representation of infographic was categorized into: ＂graph and table＂, ＂organized chart＂, ＂diagram＂, and ＂mixed＂. (2) The content type was divided into: ＂humor issues＂ and ＂novel insight＂. (3) A significant association existed between visual representation and content type. Infographics of ＂humor issues＂ and ＂novel insight＂ preferred visual presentations of ＂diagram＂, ＂organized chart＂ and ＂graph and table＂, ＂mixed＂, respectively. Overall, the findings would provide a reference for web infographic design and also a fundamental for further study.

1. 羅凱、林品章(2007)。高品牌價值之品牌識別設計傾向研究。設計學報，10(1)，47-68。
   連結：
2. Stone L. (2009), 'Beyond Simple Multi-Tasking: Continuous Partial Attention', website: http://lindastone.net/2009/11/30 (accessed July 24, 2012)
3. Alex website (2012), 'Top 1,000,000 Sites', website: http://www.alexa.com/topsites (accessed: December 31, 2012)
4. Nielsen J. (1997), 'How Little do Users Read? ', website: http://www.useit.com/alertbox/9710a.html (accessed: June 20, 2012)
5. Gaffney, G. (2000), 'What is Card Sorting? ', website: http://infodesign.com.au/usabilityresources/cardsorting/ (accessed: October 12, 2012)
6. Bateman, S.,Mandryk, R.,Gutwin, C.,Genest, A.,McDine, D.,Brooks, C.(2010).Useful Junk? The Effects of Visual Embellishment on Comprehension and Memorability of Charts.ACM Conference on Human Factors in Computing Systems (CHI 2010),Atlanta, GA, USA:
7. Chuang, Y.,Chen, L.L.(2006).Integrated approach to develop an extensible kansei engineering information system.Proceeding of Design Research Society International Conference 2006-Wonderground,Lisbon:
8. Davenport, T. H.,Beck, J. C.(2002).The Attention Economy: Understanding the New Currency of Business.Boston:Harvard Business Review Press.
9. Fukushi, Y.(2005).The Best Informational Diagrams 2.Tokyo:PIE Books.
10. HOVLAN, R.(Ed.),WILCOX, G.(Ed.)(1989).Advertising In Society.Lincolnwood:NTC Publishing Group.
11. Kimura, H.(2010).Infographics.Tokyo:Seibundo Shinkosha Publishing.
12. Kinross, R.(1981).On the influence of Isotype.Information Design Journal,2(2),122-130.
13. Lankow, J.,Ritchie, J.,Crooks, R.(2012).Infographics: The Power of Storytelling.Hoboken:John Wiley & Son, Inc.
14. Lester, P. M.(2011).Visual Communication: Images with Messages.Boston:Wadsworth.
15. Nishioka, F.(1992).Diagram Graphics: The Best in Graphs, Charts, Maps and Technical Illustration.Tokyo:PIE Books.
16. Pratkanis, A. R.,Aronson, E.(2001).Age of Propaganda: The Everyday Use and Abuse of Persuasion.New York:Owl Books.
17. Scharl, A.,Dickinger, A.,Murphy, J.(2005).Diffusion and success factors to mobile marketing.Electronic Commerce Research and Application,4(2),159-173.
18. Smiciklas, M.(2012).The Power of Infographics: Using Pictures to Communicate and Connect with Your Audiences.Indianapolis:Que Publishing.
19. Smith, E.J.,Hajash, D.J.(1998).Informational graphics in 30 daily newspapers.Journalism Quarterly,65(3),714 -718.
20. Steinbock, D.(2007).The Mobile Revolution: The Making of Mobile Services Worldwide.London:Kogan Page.
21. Straubhaar, J.,LaRose, R.(1996).Communication Media in the Information Society.Belmont:Wadsworth.
22. Tufte, E. R.(1983).The Visual Display of Quantitative Information.New York:Graphics Press.
23. Tullis, T.,Wood, L.E.(2004).How Many Users Are Enough for a Card-Sorting Study?.Annual Meeting of the Usability Professionals Association,Minneapolis, MN:
24. Ware, C.(2004).Information Visualization: Perception for Design.San Francisco:Morgan Kaufmann.
25. Wildbur, P.,Burke, M.(1998).Information Graphics-Innovative Solutions in Contemporary Design.London:Thames and Hudson.
26. Wurman, R. S.(1997).Information Architects.New York:Graphis Press.
27. 林品章(1986)。商業設計：理論．基礎．實務。台北:藝術家出版社。
28. 孫浩瓊(2011)。圖形對話─什麼是訊息設計。北京:清華大學出版社。
29. 葉懿心、李淙柏(2004)。1936~2004年奧運運動圖像符號之風格研究。商業設計學報，8，313-330。

1. 許子凡(2016)。從視覺複雜度與設計表現類型探討網頁資訊圖像之注目性。設計學研究，19(2)，1-26。
2. 許子凡,林演慶(2020)。表現形式與性別對資訊圖像偏好與注目性之影響。藝術教育研究，40，1-37。
3. 姜超、周永燦(2017)。產品設計教學中視覺化設計概要關鍵因素之研究。設計學研究，20(1)，23-43。
4. 楊朝明、許子凡、王聖文(2017)。從設計表現類型與視覺複雜度探討網頁資訊圖像之理解性。設計學研究，20(1)，1-22。
5. (2023)。以文獻計量探討近半世紀之資訊圖像研究發展。設計學研究，26(2)，1-29。