互動式資訊圖像之互動概念模式探討

The Study of Interactive Conceptual Model of Interactive Infographics

10.30105/JDS.201712_20(2).0001

許子凡(Tzu-Fan Hsu)；王聖文(Sheng-Wen Wang)；傅銘傳(Ming-Chuan Fu)

互動式資訊圖像 ； 概念模式 ； Interactive Infographics ； Conceptual Mode

設計學研究

20卷2期（2017 / 12 / 01）

1 - 20

繁體中文

資訊圖像為近年興起的訊息傳播工具，利用視覺符號、影像，將數據經過分析、簡化、能在短時間內，迅速且正確的傳達訊息核心要素，現行較為普及的資訊圖像呈現類型分別為靜態、動態與互動式，隨著科技日新月異，資訊呈現的平台亦更多樣化，傳統的平面媒體已無法滿足閱聽眾對於知識更新的速度，因此互動式資訊圖像的表現形式便相形重要。本研究透過文獻探討整理出互動行為之四種最廣為人知的概念模式：引導式、交談式、操控與導覽式以及探索與瀏覽式，再經由現況取樣、集群分析的統計檢定與樣本比對後，彙整出男女性別對於互動式資訊圖像之互動概念模式之特性，其中以探索與瀏覽式為最為普遍之類型。相關結果可供設計者在設計互動式資訊圖像時之參考，亦作為後續研究的依據。

The infographics conveys information in a quick and convenient way, through data analysis and simplification which makes usage of visual elements to core message in a short time. The infographics consists of static, dynamic, and interactive. With the developing of science and technology, the interactive infographics is getting more popular due to its ability for users to variously control the visualization and the amounts of information. In order to explore the manipulations of interactive infographics, this study has reviewed the literature and sorted four popular conceptual models of interactive behaviors: instructing, conversing, manipulating and navigation, and exploring and browser. After that, the study also conducted cluster analyses through the statistical test and the pattern-matching to classify the gender differences in characteristics of interactive conceptual models on the interactive infographics. The results showed that the exploring and browser is the most common model for users. The results could be the reference and a basis for the designers who are planning the interactive infographics in the future studies.

1. 呂文琴、蔡瑤昇、曾俊凱、林聖傑(2013)。您為什麼再傳播？視覺提示對再傳播意願之干擾。電子商務學報，15(1)，89-110。
   連結：
2. 耿慶瑞、黃思明、洪順慶(2001)。WWW互動廣告與傳統廣告效果之比較。資訊管理研究，3(1)，25-53。
   連結：
3. 黃幸美(1995)。數理與科學教育的性別差異之探討。婦女與兩性學刊，6，95-135。
   連結：
4. Krafte, G. (2013), 'The Transformation of Information Visualization: An Evolving Form of Interactive Storytelling', website: https://pdfs.semanticscholar.org/b852/a4f3d936978814a6abeca55b5dd2c7685aed.pdf (accessed: December 30, 2015)
5. Alexa website (2015), 'Top 500 Sites', website: http://www.alexa.com/topsites/ (accessed: December 30, 2015)
6. Gaffnet, G. (2000). 'What is card sorting?', website: http://www.infodesign.com.au/usabilityresources/design/cardsoting.asp (accessed: October 20, 2014)
7. Schultz, T. (1999), 'Interactivity options in online journalism: A content analysis of 100 U. S. newspapers', website: http://www.ascusc.org/jcmc/vol 5/issue/schultz.html (accessed: May 20, 2016)
8. Kaye, B. K. (2005), 'Web side story: An exploratory study of why weblog users say they use weblogs', website: http://www.journalism.wisc.edu/blog-club/Site/Kaye2.pdf (accessed: October 20, 2014)
9. Pastel, R. (2014), 'Interaction Styles and Mobile Interactions', website: http://cs4760.csl.mtu.edu/2014/lectures/interaction-styles-and-mobile-interactions/ (accessed: December 20, 2015)
10. CHEN, C. H.(Ed.),HÄRDLE, W.(Ed.),UNWIN, A.(Ed.)(2008).Handbook of Data Visualization.Berlin:Springer Publishing.
11. Chuang, Y.,Chen, L. L.(2006).Integrated approach to develop an extensible kansei engineering information system.Proceedings of the Design Research Society International Conference,Lisbon, Portugal:
12. EDWARD, F.(Ed.),RICHARD, M.(Ed.)(1996).Interactive Marketing: the Future Present.Lincolnwood:NTC Business Books.
13. Fischer, P.(1988).Israel,School of Education, Bar-Ilan University.
14. Gremler, D. D.(1994).Word-of-mouth about service providers: An illustration of theory development in marketing.AMA winter educators' conference proceedings,5,62-70.
15. Ha, L.,James, E. L.(1998).Interactivity reexamined: A baseline analysis of early business web sites.Journal of Broadcasting & Electronic Media,42(4),457-474.
16. HAWKINS, R.(Ed.),WIEMANN, J.(Ed.),PINGREE, S.(Ed.)(1988).Advancing Communication Science: Merging Mass and Interpersonal Process.Newbury Park, California:Sage.
17. Hyde, J. S.,Fennema, E.,Lamon, S. J.(1990).Gender differences in mathematics performance: A meta-analysis.Psychological bulletin,107(2),139.
18. Jacobson, R.(2000).Information Design.Massachusetts:MIT press.
19. Justin Beegel, M.(2014).Infographics for Dummies.New Jersey:John Wiley & Sons, Inc..
20. Krum, R.(2013).Cool Infographics: Effective Communication with Data Visualization and Design.Indiana:John Wiley & Sons.
21. Ku, L.(1992).East Lansing, Michigan,Michigan State University.
22. Lankow, J.,Ritchie, J.,Crooks, R.(2012).Infographics: The Power of Visual Storytelling.New Jersey:John Wiley & Sons, Inc..
23. Maccoby, E.,Jacklin, C.(1978).The Psychology of Sex Differences.Stanford, Calif.:Stanford University Press.
24. Massey, B. L.,Levy, M. R.(1999).Interactivity, online journalism, and English-language web newspapers in Asia.Journalism & Mass Communication Quarterly,76(1),138-151.
25. Medina, J.(2008).Brain Rules: 12 Principles for Surviving and Thriving at Work, Home, and School.Seattle, Washington:Pear Press.
26. Murray, S.(2013).Interactive Data Visualization for the Web.CA:O'Reilly Media.
27. Norman, D. A.(1988).The Design of Everyday Things.New York:Doubleday.
28. Norusis, M. J.(2002).SPSS 11.0 Guide to Data Analysis.New Jersey:Prentice Hall.
29. Rafaeli, S.,Sudweeks, F.(1997).Networked Interactivity.Journal of Computer Mediated Communication
30. Rogers, E. M.(1986).Communication Technology.New York:Simon and Schuster.
31. Rogers, Y.,Sharp, H.,Preece, J.,Tepper, M.(2007).Interaction design: Beyond human-computer interaction.netWorker: The Craft of Network Computing,11(4),34.
32. SALVAGGIO, J. L.(Ed.),BRYANT, J.(Ed.)(1989).Media Use in the Information Age: Emerging Patterns of Adoption and Consumer Use.New Jersey:Lawrence Erlbaum Associates.
33. Schumacher, P.(2009).Rezeption als Interaktion.Baden-Baden:Nomos Verlagsgesellschaft mbH & Co. KG..
34. Steuer, J.(1992).Defining virtual reality: Dimensions determining telepresence.Journal of Communication,42(4),73-93.
35. Tullis, T. S.,Stetson, J. N.(2004).A comparison of questionnaires for assessing website usability.Usability Professional Association (UPA) 2004 Conference, 7-11 June,USA:
36. Williams, F.,Rice, R. E.,Rogers, E. M.(1988).Research Methods and the New Media.New York:Simon and Schuster.
37. 向帆(2011)。訊息視覺化設計的里程碑與發展—從訊息視覺化設計案例觀察訊息視覺化設計的發展歷程。美術向導，3，41-44。
38. 何秋慧(2007)。碩士論文(碩士論文)。國立清華大學資訊系統與應用研究所。
39. 吳瓊(2011)。表現到解讀—談訊息圖形設計的特徵。裝飾，8，68-70。
40. 陳信博(2004)。碩士論文(碩士論文)。國立台灣師範大學美術研究所理論組。
41. 黃俊英(2003)。多變量分析。台北:中國經濟企業研究所。

1. 楊朝明,許子凡,王聖文(2019)。資訊圖像概念模式及互動程度之關聯探討。設計學研究，22(1)，1-17。