臺灣博碩士論文加值系統

資訊圖表是一種視覺化圖表利用視覺方式進行資料的敘事，讓使用者可以一目了然並感到興趣，進而探索與洞察出對他們有用的知識。目前許多的資訊圖表設計呈現都是創作者的主觀想法，缺少以使用者為中心的考量。本研究蒐集十二年國教的資訊圖表，透過放聲思考法、觀察法、訪談法，從國中教師與家長等，蒐集他們觀看資訊圖表時的使用者經驗資料，最後提供創作資訊圖表的設計建議。研究建議資訊圖表的設計應(1)善用顏色、字型、圖形等方式統一資訊圖表的整體視覺。(2)順應使用者的習慣瀏覽動線進行設計。(3)適當擷取資訊與文字不宜使用過多。

摘要 i
目次 ii
表目次 iii
圖目次 iv
第壹章　緒論 1
第一節　研究背景與動機 1
第二節　研究目的與問題 3
第貳章　文獻探討 5
第一節　資訊圖表的定義與分類 5
第二節　資訊圖表的製作與設計 17
第三節　使用者經驗 21
第四節　文獻小結 25
第參章　研究設計 27
第一節　研究方法 27
第二節　研究步驟與流程 30
第三節　研究對象 32
第四節　研究設計實施 34
第肆章　研究資料分析 41
第一節　各類型資訊圖表結構與用途特性 41
第二節　使用者對各類型資訊圖表的理解與吸引力 62
第三節　基於使用者經驗的資訊圖表設計 69
第伍章　結論與建議 79
第一節　研究結論 79
第二節　研究限制 82
第三節　研究建議 83
參考文獻 87
附錄一　資訊圖表分類 93
附錄二　研究參與同意書 97
附錄三　參與者基本資料填寫表 99

一、中文文獻
木村博之（2012）。設計的邏輯：INFOGRAPHICS深入人心的視覺法則（楊宗訓譯）。台北：旗標出版股份有限公司。
武田瑛夢（2008）。愛上設計：培養設計品味的第一本書（蘇蔚琳譯）。台北：旗標出版股份有限公司。
櫻田潤（2014）。不懂設計，也能做出令人驚豔的資訊圖表（陳嫻若譯）。台北：聯經出版事業股份有限公司。
Williams, R. (2009)。設計的上下左右：頂尖設計師教你學平面設計，4個不可不知的設計法則（張妤菁譯）。台北：臉譜，城邦文化事業股份有限公司。
Woo, S. & Kim, M. (2013)。單頁式infographic設計（郭淑慧譯）。台北：博碩文化股份有限公司。

二、英文文獻
Alben, L. (1996). Quality of Experience: Defining the criteria for effective interaction design. Interactions, 3(3), 11-15.
Cairo, A. (2013). The Functional Art: An introduction to information graphics and visualization. USA: New Riders.
Desmet, P. M. A. & Hekkert, P. (2007). Framework of Product Experience. International Journal of Design, 1(1), 57-66.
Finke, T., Manger, S., & Fichtel, S. (2012). Informotion: Animated Infographics. Eberl Print, Immenstadt Im Allgau: Gestalten, Berlin.
Garrett, J. J. (2010). The Elements of User Experience: User-centered design for the web and beyond, Second Edition. USA: New Riders.
Hassenzahl, M. & Tractinsky, N. (2006). User experience – a research agenda. Behaviour & Information Technology, 25(2), 91-97.
Hassenzahl, M. (2003). The Thing and I: Understanding the Relationship between User and Product. In Blythe, M. A., Overbeeke, K., Monk, A. F., & Wright, P. C. (eds.). Funology: From Usability to Enjoyment. (pp.31-42). USA: Kluwer Academic Publishers.
Holmes, N. (2011). Nigel Holmes’ Map of Infographia: an idiosyncratic taxonomy. In Rendgen, S. Information Graphics. Hohenzollernring: TASCHEN GmbH.
Krauss, J. (2012). Infographics: More than words can say. Learning & Leading with Technology, 39(5), 10-14.
Lankow, J., Ritchie, J., & Crooks, R. (2012). Infographics: The Power of Visual Storytelling. USA: John Wiley & Sons, Inc.
Law, E., Roto, V., Hassenzahl, M., Vermeeren, A., & Kort, J. (2009). Understanding, Scoping and Defining User eXperience: A Survey Approach. CHI '09 Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, 719-728. doi: 10.1145/1518701.1518813
Lohse, G. L., Biolsi, K., Walker, N., & Rueter, H. H. (1994). A classification of visual representations. Communications of the ACM, 37(12), 36-49. doi: 10.1145/198366.198376
Nielsen, J. (1993). Usability Engineering. USA: Academic Press, Inc.
Roto, V. (2007). User Experience from Product Creation Perspective. In Law, E., Vermeeren, A., Hassenzahl, M., & Blythe, M. (eds.), Proceedings of the Workshop on Towards a UX Manifesto. (pp.31-34). Lancaster, UK.
Segel, E. & Heer, J. (2010). Narrative Visualization: Telling Stories with Data. IEEE Transactions on Visualization and Computer Graphics, 16(6), 1139-1148. doi: 10.1109/TVCG.2010.179
Smiciklas, M. (2012). The Power of Infographics: Using pictures to communicate and connect with your audiences. USA: Pearson Education, Inc.
Vermeeren, A. P.O.S., Law, E. L-C., Roto, V., Obrist, M., Hoonhout, J., & Vaananen-Vainio-Mattila, K. (2010). User Experience Evaluation Methods: Current State and Development Needs. Proceedings of the 6th Nordic Conference on Human-Computer Interaction: Extending Boundaries, 521-530. doi: 10.1145/1868914.1868973

三、網路文獻
Elaine / INSIDE (2013年12月24日)。十個步驟，製作讓人驚艷的資訊圖表【新聞群組】。取自http://www.inside.com.tw/2013/12/24/10-steps-to-designing-an-amazing-infographic
Google搜尋趨勢。取自http://www.google.com/trends/explore?q=Infographics。（擷取時間：2014/04/17）
十二年國民基本教育網。取自http://12basic.edu.tw/
十二年國民基本教育（2014）。願景與藍圖。取自http://12basic.edu.tw/Detail.php?LevelNo=230
中央通訊社/圖表新聞。取自http://www.cna.com.tw/gpho/list.aspx
天下雜誌/互動圖表。取自http://www.cw.com.tw/PicChannelPage/chart_channel.jsp
交通安全入口網。取自http://168.motc.gov.tw/TC/index.aspx
商業周刊（2012年9月27日）。怎麼樣看圖說故事？【新聞群組】。取自http://www.businessweekly.com.tw/KBlogArticle.aspx?ID=2139&path=c
廖怡潔/數位時代（2014年8月24日）。[ Neo Marketing ]簡單四步驟，資訊圖表這樣做最吸睛！【新聞群組】。取自http://www.bnext.com.tw/article/view/id/33512
臺北市十二年國民基本教育資訊網。取自http://12basic.tp.edu.tw/index.asp
臺北市十二年國民基本教育資訊網（2013年9月26日）。12年國教入學宣導文宣。取自http://12basic.tp.edu.tw/news.asp?news_id=81
臺北市十二年國民基本教育資訊網（2014）。臺北市12年國教宣導專刊PDF檔。取自http://12basic.tp.edu.tw/admin/uploads/0327%20%E8%87%BA%E5%8C%97%20%E9%9B%BB%E5%AD%90%E6%AA%94.pdf
聯合新聞網。取自http://udn.com/news/index
聯合新聞網/圖表看時事。取自http://theme.udn.com/theme/cate/6772
聯合新聞網（2013年4月22日）。十二年國教 國中畢業升學路徑【新聞群組】。取自http://mag.udn.com/mag/edu/storypage.jsp?f_MAIN_ID=484&f_SUB_ID=5678&f_ART_ID=451972
聯合新聞網（2013年4月22日）。十二年國教大事紀【新聞群組】。取自http://mag.udn.com/mag/edu/storypage.jsp?f_ART_ID=451973
聯合新聞網（2014年5月10日）。資訊圖表／1次看懂十二年國教【新聞群組】。取自http://udn.com/NEWS/NATIONAL/NATS10/8665758.shtml
聯合新聞網（2014年5月14日）。會考周六首登場 教長：考題不刁鑽【新聞群組】。取自http://mag.udn.com/mag/edu/storypage.jsp?f_ART_ID=513670
Cosenza, V. (2013, December 31). World Map of Social Networks [Web blog message]. Retrieved from http://vincos.it/2013/12/31/la-mappa-dei-social-network-nel-mondo-dicembre-2013/
Holmes, N. (2011). Nigel Holmes explanation graphics [Web blog message]. Retrieved from http://nigelholmes.com/graphic/infographia-poster-taschen/
International Organization for Standardization. ISO 9241-210. Retrieved from https://www.iso.org/obp/ui/#iso:std:iso:9241:-210:ed-1:v1:en
Nielsen, J. & Norman, D. (2012). The Definition of User Experience [Web blog message]. Retrieved from http://www.nngroup.com/articles/definition-user-experience/
User Experience Network. Retrieved from http://www.uxnet.org/