淡江大學覺生紀念圖書館 (TKU Library)
進階搜尋


系統識別號 U0002-0909201614150900
中文論文名稱 翻轉教室教學法融入使用者經驗設計課程之個案研究
英文論文名稱 A Case Study of Flipped Classroom Teaching Method for User Experience Design Curriculum
校院名稱 淡江大學
系所名稱(中) 教育科技學系碩士班
系所名稱(英) Department of Educational Technology
學年度 104
學期 2
出版年 105
研究生中文姓名 林明鴻
研究生英文姓名 Ming-Hong Lin
學號 601730186
學位類別 碩士
語文別 中文
口試日期 2016-06-15
論文頁數 183頁
口試委員 指導教授-沈俊毅
委員-顧大維
委員-趙貞怡
中文關鍵字 翻轉教室教學法  使用者經驗設計課程  學習經驗 
英文關鍵字 flipped classroom  user experience decign 
學科別分類 學科別社會科學教育學
中文摘要 本研究旨在探討翻轉教室教學法對於大學生學習經驗、學習成效以及學習滿意度之影響,並透過大學生對於翻轉教室教學之意見調查以及翻轉教室實施者之經驗與觀察進行研究。本研究以「使用者經驗設計」課程55名學生為研究對象,進行為期5週之翻轉教室教學;其課前教材為教學者製作之知識講授影片、課堂活動為問題講解及設計實作、評鑑方式為課前WSQ學習單及學生作品展演。並以「翻轉教室之學習經驗測量問卷」、「翻轉教室學習者訪談大綱」以及「翻轉教室實施觀察紀錄」為研究工具,運用質化研究方法及t檢定進行資料分析。研究結果顯示:
學習經驗之改變顯著性檢定:學生之學習經驗在總量表達到顯著差異,而分量表之檢定除「焦慮程度」外,「動機」、「態度」、「時間管理」與「困難排除」等分量表均未達顯著差異。
學習成效:學習者的工具實作以及歸納、分析、整合他人作品之表現比起創造、推論和建立獨特價值的表現更為傑出。
學習滿意度回饋:學習者喜愛由自己掌握學習的自主權並對翻轉教室所提供的意見交流與討論機會感到滿意。
英文摘要 Abstract:
This research attempts to investigate the effects of flipped classroom teaching method on experiences, performances and the degrees of satisfaction of undergraduates’ learning; meanwhile, to go through undergraduates’ survey on flipped classroom as well as the experience and observation of flipped classroom executive so as to go on this study. This research chose 55 students who participated in the course named “user experience design” as objects to keep on a 5-week classroom teaching method. The pre-curriculum material was teaching videos which were produced by the instructor as for the activities in classroom, it couldn’t do without explanation on questions and design implementation, and eventually the evaluation would be WSQ learning sheet and students’ works presentation. “Questionnaire of measurement of learning experience on flipped classroom”, “ an interview outline of flipped classroom learners” and “an observation record on performance of flipped classroom” were chosen to be research tools, so as to analyze information by executing qualitative research method and t verification. The research results show:
1. The verification of outstanding changes about learning experience:
The learning experience of students achieves outstanding difference in Total table, while in the verification of Subscale, motivation, attitude, time management and difficulty elimination … etc. don’t reach outstanding difference, except the degree of anxiety.
2. Learning performance: The tool implementation and performance of induction, analysis and integration on other people’s works are more outstanding than the performance of invention, deduction and creating distinctive value.
3. The feedback of learning satisfaction: The learners like to have their own decision making power of learning, and feel satisfied with the opinion exchange and discussion afforded by flipped classroom.
論文目次 目次 i
表次 ii
圖次 iv
第一章、緒論 1
第一節 研究背景與動機 1
第二節 研究目的與問題 4
第三節 研究範圍與限制 5
第四節 名詞解釋 7
第五節 研究貢獻 10
第二章 文獻探討 11
第一節 翻轉教室教學法 11
第二節 翻轉教室之設計原則 25
第三節 使用者經驗設計 33
第四節 使用者經驗教育 46
第五節 學習經驗 52
第三章 研究方法 56
第一節 研究架構 56
第二節 研究對象 58
第三節 研究工具 59
第四節 研究流程 70
第五節 教學設計 74
第六節 資料處理與分析 83
第四章 研究結果 86
第一節 學習經驗分析 86
第二節 學習成效分析 107
第三節 學習滿意度分析 120
第五章 結論與建議 124
第一節 研究結論 124
第二節 研究建議 128
表次
表1 教師與學生在翻轉教室實施過程的活動 18
表2 國外大學以上教育之翻轉教室實證研究 20
表3 國內大學以上教育之翻轉教室實證研究∙21
表4 翻轉教室之教學目標與教學策略對照表∙25
表5 使用者經驗定義之演變∙35
表6 使用者經驗設計程序整理∙37
表7 使用者經驗設計方法整理∙40
表8 使用性認證分析師課程類型整理∙48
表9 使用者經驗認證分析師課程類型整理∙49
表10 學習經驗相關之翻轉教室實證研究整理∙53
表11 翻轉教室之學習經驗重點整理∙60
表12 翻轉教室學習者訪談大綱∙60
表13 翻轉教室之學習經驗測量問卷alpha係數∙61
表14 翻轉教室之學習經驗測量問卷內容∙62
表15 翻轉教室之學習經驗測量問卷重點整理∙63
表16 使用者經驗設計檢核表∙63
表17 WSQ學習單範例∙64
表18 使用者經驗設計課程內容規劃∙75
表19 課前教材流程設計∙76
表20 課堂活動流程設計∙77
表21 <使用者經驗設計-策略層設計>之教學設計∙79
表22 <使用者經驗設計-策略層設計>之教學活動流程∙80
表23質化資料編碼表∙83
表24研究問題與資料分析對照表∙85
表25實施翻轉教學前後之學習經驗個分量表得分情形摘要∙87
表26實施翻轉教學前後之成對樣本t檢定∙88
表27翻轉教學學習者訪談內容分類表∙89
表28動機意見表-課前教材∙91
表29動機意見表-課堂活動∙93
表30學習態度意見表-接受程度∙95
表31焦慮表現表-學習內容掌握∙97
表32課堂上的表現∙99
表33學習者課前自學狀況表∙101
表34學習者課前問題解決狀況表∙103
表35學習者課中問題解決狀況表∙105
表36組別最終作品得分情形摘要∙107





圖次
圖1 倒置的Bloom認知領域教學目標金字塔∙16
圖2 翻轉教室的課程結構∙17
圖3 網站的使用者經驗設計元素∙39
圖4 研究架構圖∙56
圖5 Moodle平台登入畫面∙66
圖6 Moodle平台課程登入選單∙66
圖7 Moodle平台課程介面∙67
圖8 Moodle平台作業上傳介面∙67
圖9 Axure原型製作軟體基本功能區∙68
圖10 Axure原型製作軟體之輸出格式∙69
圖11 Axure原型製作軟體之輸出檔案∙69
圖12研究流程圖∙70
圖13使用者經驗設計課程規劃圖∙74
圖14課前教材介面布局圖∙78
圖15課前教材介面圖∙78
參考文獻 中文文獻

中國生產力中心(2013)。使用者體驗創新設計手冊:從顧客洞察到企業價值。新北市:
中國生產力。
孔令傑(2014)。翻轉教室:我的失敗與成功經驗。台灣大學資訊管理學系。日期2015年9月5日,取自 http://aca.tmu.edu.tw/files/recruit/58_68a40a52.pdf。
江岱潔(2015)。翻轉教室教學法融入在職教育學習成效與學習態度之探究。淡江大學教育科技學系碩士班學位論文,未出版,新北。
吳木崑(2009)。杜威經驗哲學對課程與教學之啟示。臺北市立教育大學學報,第 40 卷第一期, 35-54。
吳武雄、蔡哲銘、邱美虹、常月如、葉昭松(2009)。以建模與認知師徒制開發新興科技融入高中課程之教學研究。科學教育月刊。
吳清山、 林天祐(2005)。 教育新詞書。 台北: 高等教育文化。
李賢哲、吳信輝、樊琳(2008)。 以奈米科技教學初探學生建模能力之發展。 科學教育(309), 2-4。
林進材(2006)。教學理論與方法。台北市:五南。
林進材(2012)。寫教案:教學設計的格式與規範。台北市:五南。
邱淑芬、蘇秀娟、劉桂芬、黃慧芬(2015)。翻轉教室—資訊科技融入護理教育的新教學策略。護理雜誌,62(3),5-10。
洪寶蓮(1990)。大學生學習與讀書策略量表之修訂及調查研究。國立彰化師範大學輔導研究所碩士論文,未出版,彰化。
胡嘉智(2008)。從泰勒課程設計架構檢視教學目標及學生學習經驗之教育教學個案。傳播與管理研究,7(2),107-148。
胡嘉智(2013)。發展教育教學配套設計探索學生學習經驗:實踐 [個案教學] 於大學部課程之教育行動研究。商管科技季刊,14(1),89-119。
徐新逸(2014)。翻轉教室與磨課師對教育訓練之啟示。研習論壇,167,36–46。
陳韻宇(2007)。大學畢業生學校學習經驗對其就業力之影響。國立交通大學經營管理研究所碩士論文,未出版,新竹。
陳豐祥(2009)。新修訂布魯姆認知領域目標的理論內涵及其在歷史教學上的應用。歷史教育(15), 1-53。
曾釋嫻(2014)。翻轉課堂教學對大學生學習策略影響之研究。淡江大學教育科技學系碩士在職專班學位論文,未出版,新北。
黃永和(2013)。進修教師在問題引導學習取向課程中的學習經驗。師資培育與教師專業發展期刊,6(2),91-116。
黃光雄、蔡清田(1999)。課程設計-理論與實務。台北: 五南。
葉丙成(2015)。為未來而教:葉丙成的 BTS 教育新思維。台北市: 親子天下。
鄒景平(2007)。混成學習的策略與應用實務。T&D 飛訊(62),1-29。
劉怡甫(2013)。翻轉課堂—落實學生為中心與提升就業力的教改良方。評鑑雙月刊(41),31-34。
蘇以青、柯薰貴、劉雅瑛(2008)。課室教學與數位學習兩種學習模式的比較-學習者之主觀經驗。高雄護理雜誌,25(1),8-21。







外文文獻
Ash, K. (2012). Educators View'Flipped'Model With a More Critical Eye.Education Week, 32(2), S6-S7.
Baker, J. W. (2000). The" classroom flip": Using web course management tools to become the guide by the side. In Selected papers from the 11th international conference on college teaching and learning (pp. 9-17).
Baldwin, H. (2013) Tech hotshots: The rise of the UX expert.Computerworld. Retrieved January 21, 2013 from http://www.computerworld.com/s/article/9235552/Tech_hots_The_rise_of_the_UX_expert.
Bergmann, J., & Sams, A. (2012). Flip your classroom: Reach every student in every class every day. International Society for Technology in Education.
Bergmann, J., & Sams, A. (2014). Flipped learning: Gateway to student engagement. International Society for Technology in Education.
Buley, L. (2013). The User Experience Team of One. Rosenfeld Media.
Butt, A. (2014). Student views on the use of a flipped classroom approach: Evidence from Australia. Business Education & Accreditation, 6(1), 33-43.
Buxton, B. (2010). Sketching user experiences: getting the design right and the right design: getting the design right and the right design. Morgan Kaufmann.
Chen, Y., Wang, Y., & Chen, N. S. (2014). Is FLIP enough? Or should we use the FLIPPED model instead?. Computers & Education, 79, 16-27.
Critz, C. M., & Knight, D. (2013). Using the flipped classroom in graduate nursing education. Nurse educator, 38(5), 210-213.
Crouch, C. H., & Mazur, E. (2000). Peer instruction: Eight years of experience and results. preprint, submitted to.
Davies, R. S., Dean, D. L., & Ball, N. (2013). Flipping the classroom and instructional technology integration in a college-level information systems spreadsheet course. Educational Technology Research and Development,61(4), 563-580.
Day, P. N., Johnson, G. I., Rohan, C., Riley, C., & Carlisle, M. (2010, September). User experience at NCR: an organisational overview. InProceedings of the 24th BCS Interaction Specialist Group Conference (pp. 195-203). British Computer Society.
Demetry, C. (2010, October). Work in progress—An innovation merging “classroom flip” and team-based learning. In Frontiers in Education Conference (FIE), 2010 IEEE (pp. T1E-1). IEEE.
Desmet, P., & Hekkert, P. (2007). Framework of product experience.International journal of design, 1 (1) 2007.
Ferreri, S. P., & O’Connor, S. K. (2013). Redesign of a large lecture course into a small-group learning course. American journal of pharmaceutical education,77(1).
Forsey, M., Low, M., & Glance, D. (2013). Flipping the sociology classroom: Towards a practice of online pedagogy. Journal of Sociology, 49(4), 471-485.
Garrett, J. J. (2002). Elements of user experience, the: user-centered design for the web. Pearson Education.
Garrett, J. J. (2010). Elements of user experience, the: user-centered design for the web and beyond. Pearson Education.
Getto, G., Potts, L., Salvo, M. J., & Gossett, K. (2013, September). Teaching UX: designing programs to train the next generation of UX experts. InProceedings of the 31st ACM international conference on Design of communication (pp. 65-70). ACM.
Gilboy, M. B., Heinerichs, S., & Pazzaglia, G. (2014). Enhancing Student Engagement Using the Flipped Classroom. Journal of nutrition education and behavior, 47(1), 109-114.
Gothelf, J., & Seiden, J. (2013). Lean UX: Applying lean principles to improve user experience. " O'Reilly Media, Inc.".
Guo, P. J., Kim, J., & Rubin, R. (2014, March). How video production affects student engagement: An empirical study of mooc videos. In Proceedings of the first ACM conference on Learning@ scale conference (pp. 41-50). ACM.
Hamdan, N., McKnight, P., McKnight, K., & Arfstrom, K. M. (2013). The flipped learning model. A white paper based on the literature review titled: A review of flipped learning. Retrieved September 3, 2015 from http://fln.schoolwires.net/cms/lib07/VA01923112/Centricity/Domain/41/WhitePaper_FlippedLearning.pdf
Hanson, J. (2015). Surveying the experiences and perceptions of undergraduate nursing students of a flipped classroom approach to increase understanding of drug science and its application to clinical practice. Nurse Education in Practice.
Hartson, R., & Pyla, P. S. (2012). The UX Book: Process and guidelines for ensuring a quality user experience. Elsevier.
Hassenzahl, M., & Monk, A. (2010). The inference of perceived usability from beauty. Human–Computer Interaction, 25(3), 235-260.
Hassenzahl, M., & Tractinsky, N. (2006). User experience-a research agenda.Behaviour & information technology, 25(2), 91-97.
Innes, J. (2007). Defining the user experience function: innovation through organizational design. interactions, 14(3), 36-37.
Ivins, J. (2013). What I learned from teaching UX. Jessicaivins.net. Retrieved December 15, 2013 from http://jessicaivins.net/blog/20130311-What-I-Learned-From-Teaching-UX-Part-1.html.
Jääskeläinen, A., & Heikkinen, K. (2010). Divergence of user experience: Professionals vs. end users. Age, 25(59), 18-64.
Khan, S. (2013). The one world schoolhouse: Education reimagined. Twelve.
Kim, M. K., Kim, S. M., Khera, O., & Getman, J. (2014). The experience of three flipped classrooms in an urban university: an exploration of design principles. The Internet and Higher Education, 22, 37-50.
Kirch, C.(2014). Flipping With Kirch. Retrieved September 3, 2015 from http://flippingwithkirch.blogspot.tw/
Kurup, V., & Hersey, D. (2013). The changing landscape of anesthesia education: is Flipped Classroom the answer?. Current Opinion in Anesthesiology, 26(6), 726-731.
Kuusinen, K., & Väänänen-Vainio-Mattila, K. (2012, October). How to make agile UX work more efficient: management and sales perspectives. InProceedings of the 7th Nordic Conference on Human-Computer Interaction: Making Sense Through Design (pp. 139-148). ACM.
Lage, M. J., Platt, G. J., & Treglia, M. (2000). Inverting the classroom: A gateway to creating an inclusive learning environment. The Journal of Economic Education, 31(1), 30-43.
Law, E. L. C., Roto, V., Hassenzahl, M., Vermeeren, A. P., & Kort, J. (2009, April). Understanding, scoping and defining user experience: a survey approach. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 719-728). ACM.
Lew, G. S. (2009). What do users really do? Experience sampling in the 21st Century. In Human-Computer Interaction. New Trends (pp. 314-319). Springer Berlin Heidelberg.
Lund, A. (2011). User experience management: essential skills for leading effective UX teams. Elsevier.
MacDonald, C. M., & Atwood, M. E. (2013, April). Changing perspectives on evaluation in HCI: past, present, and future. In CHI'13 Extended Abstracts on Human Factors in Computing Systems (pp. 1969-1978). ACM.
Mason, G. S., Shuman, T. R., & Cook, K. E. (2013). Comparing the effectiveness of an inverted classroom to a traditional classroom in an upper-division engineering course. Education, IEEE Transactions on, 56(4), 430-435.
McLaughlin, J. E., Griffin, L. M., Esserman, D. A., Davidson, C. A., Glatt, D. M., Roth, M. T., ... & Mumper, R. J. (2013). Pharmacy student engagement, performance, and perception in a flipped satellite classroom. American journal of pharmaceutical education, 77(9).
Missildine, K., Fountain, R., Summers, L., & Gosselin, K. (2013). Flipping the classroom to improve student performance and satisfaction. J Nurs Educ,52(10), 597-599.
Moule, J. (2012). Killer UX design. SitePoint.
Nani, A., & Cavanna, A. E. (2012). Incognito: The secret lives of the brain: Is the brain a battlefield or a concert hall?. Cognitive Neuropsychiatry, 17(6), 563-568.
Nielsen, J., & Gilutz, S. (2003). Usability return on investment. Nielsen Norman Group.
Norman, D. (2010). Why Design Education Must Change. Core77 Design Magazine& Resource. Retrieved April 16, 2011 from http://www.core77.com/blog/columns/ why_design_education_must_change_17993.asp
Norman, D. A. (2004). Emotional design: Why we love (or hate) everyday things. Basic books.
Norman, D. A. (2011). Living with complexity. Mit Press.
Obrist, M., Wright, P. C., Kuutti, K., Rogers, Y., Höök, K., Pyla, P. S., & Frechin, J. L. (2013, April). Theory and practice in ux research: uneasy bedfellows?. In CHI'13 Extended Abstracts on Human Factors in Computing Systems (pp. 2433-2438). ACM.
Phillips, C. R., & Trainor, J. E. (2014). Millenial students and the flipped classroom. ASBBS Proceedings, 21(1), 519-530.
Pierce, R., & Fox, J. (2012). Vodcasts and active-learning exercises in a “flipped classroom” model of a renal pharmacotherapy module. American journal of pharmaceutical education, 76(10).
Scapin, D. L., Senach, B., Trousse, B., & Pallot, M. (2012). User Experience: Buzzword or New Paradigm?. In ACHI 2012, The Fifth International Conference on Advances in Computer-Human Interactions.
Schaffer, E., & Lahiri, A. (2013). Institutionalization of UX: A Step-by-Step Guide to a User Experience Practice. Addison-Wesley.
Spool, J. (2007). Assessing your team's UX skills. User Interface Engineering. Retrieved December 10, 2010 from https://www.uie.com/articles/assessing_ux_teams/
Spool, J. (2007). Assessing your team's UX skills. User Interface Engineering. Retrieved December 10, 2012 from https://www.uie.com/articles/assessing_ux_teams/
Staker, H., & Horn, M. B. (2012). Classifying K-12 Blended Learning. Innosight Institute.
Strayer, J. F. (2007). The effects of the classroom flip on the learning environment: A comparison of learning activity in a traditional classroom and a flip classroom that used an intelligent tutoring system (Doctoral dissertation, The Ohio State University).
Tim, B. (2009). Change by Design. How Design Thinking Transforms Organizations and Inspires Innovation.
Tuch, A. N., Trusell, R., & Hornbæk, K. (2013, April). Analyzing users' narratives to understand experience with interactive products. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 2079-2088). ACM.
Unger, R., & Chandler, C. (2012). A Project Guide to UX Design: For user experience designers in the field or in the making. New Riders.
Yeung, K., & O’Malley, P. J. (2014). Making ‘The Flip’Work: Barriers to and Implementation Strategies for Introducing Flipped Teaching Methods into Traditional Higher Education Courses. New Directions, 10(1), 59-63.
論文使用權限
  • 同意紙本無償授權給館內讀者為學術之目的重製使用,於2021-09-14公開。
  • 同意授權瀏覽/列印電子全文服務,於2021-09-14起公開。


  • 若您有任何疑問,請與我們聯絡!
    圖書館: 請來電 (02)2621-5656 轉 2486 或 來信