網站的資訊圖像對國中生知識理解之影響及使用者經驗分析

The Effects of Web-based infographic on Students' Knowledge Comprehension and Users' Experience

鄒季穎(Chi-Yin Chou)

指導教授 ： 賴婷鈴

淡江大學/教育學院/教育科技學系碩士班/碩士(2018年)

https://doi.org/10.6846/TKU.2018.00205

摘要

本研究旨在探討網站資訊內容呈現方式的不同，對國中生再生能源知識理解之影響，並透過量表及眼動資料了解其受試者之使用經驗和使用情形。
本研究分為兩個部分，第一部分主要將52位國中七年級學生分為實驗組及控制組，以了解資訊呈現差異對知識理解的影響。第二部分針對9位國中二年級學生進行資訊圖表式網站之使用者經驗調查。其研究結果發現：
（一） 資訊圖表式能源網站對於國中生能源知識理解有正面影響
（二） 國中生對於資訊圖表式能源網站之使用經驗屬正向
（三） 若資訊圖的設計相似度高，會造成學生忽略其後來大標題設計的存在
（四） 學生知識理解與網站使用經驗有關
最後本研究依照訪談所獲得的建議，及根據研究結果提供未來教材設計或後續研究之建議

關鍵字

使用者經驗 ； 資訊圖表 ； 學習成效 ； 能源教育

並列摘要

The purpose of this study was to explore the learning effectiveness of two groups after using a renewable energy website in order to see if different ways of presenting information causes different learning effectiveness results; and at the same time understand the usability of the websites. For learning effectiveness part, 52 junior high students were divided into two groups, the treatment group used a website which was created with infographic, and the control group used a formal word-based website.
As for the usability part, 9 junior high students were invited to join the usability test of using the same website as the treatment group.
The research findings are: (1) Infographic-based energy website had positive impacts on the understanding knowledge. (2) The user experience of using infographic-based website is positive. (3) When the design of the infographic is too similar, once the first design appears, the user tend to ignore the content of the following one. (4) Students’ knowledge understanding is related to their website experience.
Finally, recommendations from the interviews, and suggestions based on the results of the study are provided for future learning material design and further research.

並列關鍵字

Usability ； Infographic ； Web-design ； Renewable energy ； Learning effectiveness

參考文獻

Rayner, K. (1998). Eye movements in reading and information processing: 20 years of research. Psychological Bulletin, 124(3), 372-422.

英文部分：

Bangor, A., Kortum, P., & Miller, J. (2009). Determining what individual SUS scores mean: Adding an adjective rating scale. Journal of Usability Studies, 4, 114-123.

Barnum, C. (2008). Usability testing of e-learning easy, effective, affordable. elearn Magazine. Retrieved from http://elearning.acm.org

Benyon, D., Turner, P., & Turner, S. (2005). Designing interactive systems: people, activities, contexts, technologies (人機介面：互動式系統設計)，郭學武譯。台北市：碁峰資訊。