一個成功的敘事型資訊圖表可以在故事中解釋清楚複雜的資訊、傳遞訊息、改變讀者的想法或觀念，進而讓讀者產生行動。因爲這樣的特性，敘事型資訊圖表被商業行銷、醫療衛生、政治…等，各個領域廣泛使用，設計需求也因此增加。然而「如何設計敘事型資訊圖表？」卻一直是一個尚未解開的疑問，使得設計師在開始相關的專案時，常會需要重新摸索。為了釐清敘事型資訊圖表的設計方法與過程，本研究透過參與式行動性研究，參與資訊圖表設計專案。身兼創作者與研究者，以宏觀的角度，藉由觀察法，將專案的過程：包括前期策略、設計階段，以及團隊成員之間的合作模式歸納整理；以微觀的角度，深入檢視各個階段的細節，以內容分析法和半結構式訪談法，了解知識轉譯與視覺化的方法、通則與細節。
專案成員成長背景與專長都不同，但都具一定程度之設計素養。透過適當的分工：腳本設計師著重資訊面，確保故事合乎邏輯，文字與視覺元素的正確性；視覺設計師偏重如何以視覺元素吸引使用者的注意和整體畫面的安排。相似的設計背景減少許多溝通時間，兩者可以花更多心力與時間在設計，讓最後的產出兼顧美感與功能，能達到以有趣的故事、吸引人的視覺元素傳遞正確資訊的目的。
經專案過程，本研究歸納設計敘事型資訊圖表的步驟為：搜集資料—知識轉譯—腳本撰寫—視覺化。深入了解知識轉譯階段，腳本設計師會搜集、整理資料，釐清、理解後抓出關鍵的概念，以有趣且易引起共鳴的方式包裝資訊，進行創意發想，將資料重新組織，透過視覺化的方式連結資訊與故事，最後完成腳本。在視覺化的階段，視覺設計師會先對整體做視覺設定，例如：整體的風格、色調…等，閱讀、理解腳本後，圈選具有視覺化潛力的關鍵字，考量使用者的程度進行視覺化、依照閱讀行為安排版面，最後完成資訊圖表。

A successful narrative infographic not only tells a good story, it also clarifies complex ideas, conveys messages and even changes target audience’s opinion, prompting them to take action. Therefore, narrative infographics are widely used in various areas such as commercial marketing, health care, and politics, where we’ve seen a rising demand for such design. When creating narrative infographics, however, many designers have found it difficult to find useful reference because of a lack of standardized design procedure. Oftentimes, designers can only start everything from scratch. In view of the status quo, this study aimed to make clear of the procedure of creating a narrative infographic. By using the participatory action research as the main methodological basis, the author worked simultaneously as a designer and researcher in a narrative infographic project. From a macro perspective, the author observed the whole design project, including the process, strategy, and how the project team worked, and classified the recorded results. From a micro perspective, the author examined every detail of the project through semi-structured interviews and content analysis, further exploring the general rules and details of knowledge translation and visualization.
Members of the design project team had different expertise, but they were all familiar with design literacy, which facilitated and accelerated the collaboration process. The variety among the members led to appropriate division of labor. Script designers focused on maintaining correctness of the simplified and visualized information on the infographic. Visual designers aimed to attract readers’ attention and design the overall layout of the infographic. With a consensus in mind and constant conversation, two sides were able to come up with more and better ideas, creating a successful infographic.
This study classified designing narrative infographics into the following parts: information collection, knowledge translation, script writing, and visualization. In particular, knowledge transformation also includes several steps, which are information collection, classification and comprehension. The details of the design procedure are as follows. First, pinpoint key information to be delivered. Second, brainstorm on the key information and translate it into interesting and well-structured scripts. Third, apply visualization design to the script to enhance readability and coherence of the context. In order to implement proper visualization, designers generally work on key words suitable or must be visualized once they become familiar with the script. Afterwards, designers will adjust the layout based on target users’ reading habit, and finish the design of the infographic, which conveys correct information with well-visualized context.

Berger, A. （1989）. Seeing Is Believing: An Introduction to Visual Communication. California City, CA: Mayfield Publishing Co. （p. 54）.
Burkhard, F. and others.（1987）. Darwin’s Scientific Diaries 1836-1842, Cambridge: Canbridge University Press, eds.
Cohen, S. G., & Bailey, D. E. （1997） . What makes teams work: Group effectiveness research from theshop floor to the executive suite. Journal of Management, 23 （3） , 239-290.
Cheng, X., Fu, S., & Druckenmiller, D. （2016） . Trust development in globally distributed collaboration: A case of US and Chinese mixed teams. Journal of Management Information Systems, 33 （4） , 978-1007.
Charles, D. （1964）On the Origin of Species, with an introduction by Ernst Mayr, Cambridge, MA: Harvard University Press, 1895; facsimile reprint.
Elizabeth A.T.（1996）. Brain Processing of Visual Information. MIT Research. From https://news.mit.edu/1996/visualprocessing
Grady, D.（1993）.The Vision Thing: Mainly in the Brain. Discover Magazine. From https://www.discovermagazine.com/mind/the-vision-thing-mainly-in-the-brain
Hall, P. （2005） . Interprofessional teamwork: Professional cultures as barriers. Journal of Interprofessional Care, 19 （Suppl. 1） , 188–196.
Holmes, N. （1984）. Designer’s Guide to Creating Charts and Diagrams. Watson-Guptill Publications.
Horn, R. （1998）. Visual Language: Global Communication for the 21st Century. Bainbridge Island, WA: Macro VU,Inc.
Jacob, E. K., & Loehrlein, A. (2009). Information Architecture. Annual review of
information science and technology, 43, 147-186.
Jacobson, R. （1999）. Introduction: Why Information Design Matters. In R. Jacobson （Ed.）. Information Design.Cambridge, MA: MIT Press.
Kadushin, A.（1990）The Social Work Interview: A Guide for Human Service Professinals, New York: Columbia University Press, 3rd. ed. pp.3-8
Krippendorf, K.（1980）. Content Analysis: An Introduction to its Methodologies. London: Sage
Lankow, J., Ritchie, J.& Crooks, R.（2013）.視覺資訊的力量讓數字故事「更好看」：抓住眼球經濟的「資訊圖」格式全書（Infographics: The Power of Visual Storytelling）（簡美娟譯）。台北：大寫出版。
León, R. R. (2008). Arquitectura de Informacion: analisis historico-conceptual (Information Architecture: a historical-conceptual). No Solo Usabilidad(7).
McCandless, D. (2012). Information is beautiful (pp. 978-0007294664). London: Collins.
Martin, B. &Hanington, B. （2012）. The Pocket Universal Methods of Design: 100 Ways to Research Complex Problems, Develop Innovative Ideas, and Design Effective Solutions. Beverly, MA: Rockport Publishers （pp. 126-129）
Robert P. W. （1989）.內容分析法導論（林義男譯）。台北：巨流。
Re-lab（2017）。人人都能上手的資訊圖表設計術。台北：時報出版。
Smiciklas, M.（2014）.圖像傳達力：說服讀者×老闆×客戶的視覺資訊圖Infographics（The power of infographics: using pictures to communicate and connect with your audience）（劉凡儀譯）。台北：果禾文化。
Lin, T. & Chiang, F.（2013）. The Basic Elements for Manga's Visual Language and Its Representation（I）: Graphics Panel and Stylized Shapes. 2013 International Conference on Future Design. Ming Chuan University. March 15, 2013.
Lin, T. S., &Sun, J. Y. (2020). Lost in Translation? Representing the Concept of Artificial Intelligence to the General Public. 12th ICDHS.
Tufte, E. R. （1983/2001）. The Visual Display of Quantitative Information. Cheshire, Connecticut: Graphics Press.
Winter, E. （1994）. Clause Relations as Information Structure: Two Basic Text Structures in English, in M. Coulthard（Ed.）, Advances in Written Text Analysis. London, UK: Routledge （pp. 46-48）.
Wiig, K. M. (1997). Knowledge management: an introduction and perspective. Journal of knowledge Management.
Writer, S.（2012）. What is information design?. from https://www.stevenshen ager.edu/blog/what-is-information-design
Wurman, R. （1989）. Information Anxiety. New York, NY: Doubleday Books.
莫季雍（2014）。科普、科傳與科學傳播的人才培育。科學月刊, 531。
TUBE GRAPHICS、木村博之（2012）。設計的邏輯：INFOGRAPHICS 深入人心的視覺法則（楊宗訓 譯）。旗標出版。
胡守得（2016）。科學辦案進化大數據「軍師」揪毒梟。新新聞。2016/12/25, from http://www.new7.com.tw/NewsView.aspx?i=TXT20161005164005U6G。
李鍾旻（2014）。為什麼要推動科學傳播？。科學月刊, 531。
林廷宜（2009），〈視覺資訊設計的基礎元素與概念〉，2009 ASBDA 亞洲基礎造形聯合學會韓國 大會，Conference on Asia Society of Basic Design and Art 2009，Korea，pp. 260-264。
關尚仁（2014）。臺灣科學傳播的現況與挑戰。科學月刊, 531。
管倖生（2010）。設計研究方法（三版一刷）。新北市：全華圖書。
柯舜智（2014）。淺談數位資訊時代的科學傳播。科學月刊, 531。
黃俊儒（2016）。從科普閱讀談科學素養。科學研習, NOV 2016, No55-11, p.52-56
許子凡、楊朝明、王聖文（2017）。從設計表現類型與視覺複雜度探討網頁資訊圖像之理解性。設計學研究, 20(1), 1-22。
蔡清田（2000）。教育行動研究。
蔡旻諭、羅尹悅。（2019）科技部計畫都來不及寫了，為什麼科學家還要投入科學傳播？。泛科學。https://pansci.asia/archives/169511。
曾榮梅. （2008）。“視覺化”與當代設計思維設計學研究, 11（2）, 1-19。
易敏哲、林廷宜。（2018）。訊息設計近十年學術研究發展探究：2007－2017。設計學報（Journal of Design）, 23（4）。
櫻田潤（2014）。不懂設計，也能做出令人驚豔的統計圖表。台北市 : 聯經。
游美惠. （2000）。內容分析, 文本分析與論述分析在社會研究的運用調查研究, （8）, 5-42。
王如哲. （2000）。知識管理與學校教育革新教育研究集刊, （45）, 35-55。
王文科（2003）。教育研究法（七版三刷）。台北：五南。
永原康史（2018）。《資訊視覺化設計的潮流—資訊與圖解的近代史》。台灣 : 雄獅美術出版。
中川聰（2006），張旭晴譯，《通用設計的教科書》。台北：龍溪國際。