簡易檢索 / 詳目顯示

研究生: 許昭真
Chou-Chan Hsu
論文名稱: 情緒誘導表現於互動式學習介面之創作與研究-以藝術知識探索為例
The study of emotional inductions for interactivity design of Web-based arts learning interface
指導教授: 周賢彬
Chou, Shyan-Bin
學位類別: 碩士
Master
系所名稱: 設計學系
Department of Design
論文出版年: 2006
畢業學年度: 94
語文別: 中文
論文頁數: 82
中文關鍵詞: 情緒誘導使用者電腦互動互動設計網路學習經驗設計流程互動美感體驗
英文關鍵詞: emotional inductions, HCI, interactive design, web-based learning, user approaches model, aesthetics of interaction
論文種類: 學術論文
相關次數: 點閱:174下載:41
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 情緒早期被視為人類進化之後所遺留的動物性缺陷,直至近數十年,情緒心理學研究者發現,擁有情緒其實是生物進化的表現,尤其是人類的情緒會影響日常生活,判斷環境與情勢的好壞、安全與否。學者Isen(1993)、Davidson(2002)與Noman(2003)指出正負面情緒對人的知覺、思考與學習能力等有極大的影響,情緒相關研究逐漸被廣泛探討與應用於各個領域。
    現今網路寬頻化後,數位學習與線上學習網站如雨後春筍般林立於網際空間中,雖然電腦遠距學習環境具備互動、便利與自主性極高的特性,卻因擷取不到學習者與網站系統互動時的情緒,減弱網路學習的互動頻率。為了吸引學習者的關注,設計者無不絞盡腦汁建置活潑生動的學習介面,以為教材只要有動畫、遊戲…等設計,即是好的教學設計並能取悅學習者,殊不知學習者收穫有限,並造成學習焦點的分散。
    本研究探討當前數位學習的情況,由「情緒誘導與影響學習層面研究」及「藝術知識探索網站及互動美感體驗創作」兩個部份所組成,分為三個階段進行研究與創作。第一階段先從相關文獻歸納出十五種影響學習的正、負向情緒,接著透過深度訪談匯集專家與設計者的實務經驗及觀點,以及十五種情緒間之關聯與影響學習之強弱度,並運用口語資料分析法進行資料分析,歸納出主要六種正、負向情緒,進而建立情緒誘導與影響學習層面關聯圖。研究結果顯示情緒誘導與影響學習層面具有高度關聯性,並顯示連續性情緒誘導運用於數位學習課程,亦具備高度可行性。第二階段,則由文獻中的經驗設計及感性設計流程建構網站設計流程,結合第一階段所歸納之情緒誘導,應用於藝術知識探索網站之計劃說明與創作。第三階段則將第一階段所歸納分析的情緒誘導,融入互動美感體驗,表現於五項互動式學習介面;運用情緒誘導向度圖與影響學習雷達圖,說明創作作品之表現方式與二者之間的關聯。

    The view of emotion was a human evolutionary leftover from animal defects for psychology. Until recently, science knows that the human’s posses for emotion was an evolutionarily, emotions play a critical role in daily live, helping assess situations as good or bad, safe or dangerous. There are numerous studies about emotion issues. Psychologists Isen, Davidson and Norman point out — positive/negative emotions are critical to perception, learning, and creative thought.
    Recently, the web-based learning products grow up with cyberspaces, emotions stimulating in the online environment is especially important because communication scheme in the Internet assess learning process validity via user’s affection.
    In this study, emotional researches and the relevance between emotional inductions and learning process were reviewed. Firstly, by applying protocol analysis abstracting materials of semi-structured interviews from professionally e-instructional designer and six emotional inductions were obtained from transcriptions coding. The results from the first study indicated that highly relevance between emotional inductions and learning process. Secondly, the result was adopted to design a Web-based arts learning framework. Finally, six emotional inductions and framework coupled with the aesthetics of interaction were integrated and five Web-based art knowledge exploring systems were demonstrated.

    目錄 中文摘要 …………………………………………………………… i 英文摘要 …………………………………………………………… ii 謝誌 ………………………………………………………………… iii 目錄 ………………………………………………………………… iv 圖目錄 ……………………………………………………………… vii 表目錄 ……………………………………………………………… viii 第一章、緒論 1.1研究背景與研究動機…………………………………………… 1 1.2研究目的………………………………………………………… 3 1.3研究方法………………………………………………………… 4 1.4研究架構與步驟………………………………………………… 5 第二章、文獻回顧 2.1情緒概論………………………………………………………… 6 2.1.1情緒的定義………………………………………………… 6 2.1.2情緒誘導相關研究過程與成因…………………………… 7 2.1.3情緒影響的層面…………………………………………… 9 2.1.4學習動機與互動介面中的情緒誘導………………………10 2.2互動介面相關研究探討…………………………………………12 2.2.1操作功能使用性……………………………………………12 2.2.2圖文內容認知性……………………………………………15 2.2.3互動經驗美感化……………………………………………16 2.3線上藝術學習知識探索與歷程…………………………………19 2.3.1數位學習發展現況…………………………………………19 2.3.2線上藝術學習演變過程……………………………………20 2.3.3線上藝術知識探索及學習歷程……………………………21 第三章、研究方法與步驟 3.1情緒誘導與學習影響……………………………………………24 3.1.1情緒誘導種類………………………………………………24 3.1.2連續性情緒誘導……………………………………………25 3.1.3情緒誘導影響學習五層面…………………………………25 3.2研究方法…………………………………………………………27 3.2.1受測者的選擇………………………………………………27 3.2.2深度訪談的範疇……………………………………………28 3.2.3訪談內容……………………………………………………28 3.2.4口語資料分析法……………………………………………30 3.3研究結果…………………………………………………………32 3.3.1影響情緒誘導運用的因素…………………………………32 3.3.2連續性情緒誘導……………………………………………33 3.3.3情緒誘導影響學習…………………………………………35 3.3.4連續性情緒影響情緒誘導種類制定………………………37 3.3.5情緒誘導影響學習之關聯…………………………………39 第四章、藝術知識探索網站計劃與創作 4.1情緒誘導與藝術學習網站………………………………………40 4.2藝術學習網站設計計劃…………………………………………41 4.2.1設計策略……………………………………………………41 4.2.2設計範圍……………………………………………………42 4.2.3網站結構……………………………………………………43 4.2.4網站框架……………………………………………………44 4.2.5介面外觀……………………………………………………44 4.3藝術學習網站創作………………………………………………45 4.3.1設計流程圖…………………………………………………45 4.3.2首頁意象……………………………………………………46 4.3.3主選單創作與說明…………………………………………48 4.3.4藝術知識內容創作與說明…………………………………49 4.3.5互動美感體驗選單創作與說明……………………………52 第五章、互動美感介面創作與說明 5.1情緒誘導與互動美感探索………………………………………56 5.2點選互動美感 ─ Visual……………………………………57 5.2.1 Visual情緒誘導向度……………………………………57 5.2.2 Visual影響學習分析……………………………………57 5.2.3 Visual介面設計…………………………………………58 5.2.4 Visual介面創作說明……………………………………59 5.3 拉動互動美感 ─ Melodious…………………………………60 5.3.1 Melodious情緒誘導向度…………………………………60 5.3.2 Melodious影響學習分析…………………………………60 5.3.3 Melodious介面設計………………………………………61 5.3.4 Melodious介面創作說明…………………………………62 5.4 拖曳互動美感 ─ Six Degrees………………………………63 5.4.1 Six Degrees情緒誘導向度………………………………63 5.4.2 Six Degrees影響學習分析………………………………63 5.4.3 Six Degrees介面設計……………………………………64 5.4.4 Six Degrees介面創作說明………………………………65 5.5 輸入互動美感 ─Rhythmic……………………………………66 5.5.1 Rhythmic情緒誘導向度…………………………………66 5.5.2 Rhythmic影響學習分析…………………………………66 5.5.3 Rhythmic介面設計………………………………………67 5.5.4 Rhythmic介面創作說明…………………………………68 5.6複合式互動美感 ─ Interactive……………………………69 5.6.1 Interactive情緒誘導向度………………………………69 5.6.2 Interactive影響學習分析………………………………69 5.6.3 Interactive介面設計……………………………………70 5.6.4 Interactive介面創作說明………………………………71 第六章、結論與建議 6.1結論………………………………………………………………72 6.2後續研究建議……………………………………………………73 參考文獻 中文期刊、書藉………………………………………………………74 中文電子資料…………………………………………………………75 英文期刊………………………………………………………………76 英文電子資料…………………………………………………………80 附錄 附錄一…………………………………………………………………81

    中文期刊、書藉
    王秀雄(2000)。「克里歐美術」與「之間理論」:資訊社會衝擊下的美術創作與美術鑑賞教育。2000年視覺藝術國際學術研討會<藝術教育與視覺文化>論文集,台北市立師範學院。
    朱新明、李亦菲(2001)。架設人與電腦的橋樑:西蒙的認知與管理心裡學。台北:貓頭鷹出版:城邦文化。
    Eysenck, M. W. and Keane M. T. 著(2003)。認知心理學。李素卿譯,台北:五南圖書出版股份有限公司。
    周倩、張芳綺(2002)。網路學習互動性之初探:科技功能與認知學習。網路教學與圖書資訊學應用研討會會議論文集。臺北市:國家圖書館,85~99頁。
    周榮、周倩(1997)。網路上癮現象、網路使用行為與傳播快感經驗之相關性初探。中華傳播學會1997年年會暨論文研討會。
    張恬君(2000)。高度複製化影像時代之美術教育網站發展。2000年視覺藝術國際學術研討會<藝術教育與視覺文化>論文集,台北市立師範學院。
    張華憫、鄧怡莘(2004)。產品設計與情緒研究初探。國際設計論壇暨第九屆中華民國設計學會設計學術論文集,907~912頁。
    陳政祺(2000)。專家設計師搜尋策略之設計思考研究。國立交通大學應用藝術所碩士論文。
    許昭真、周賢彬(2005)。情緒誘導表現於互動式學習介面之研究創作。2005 年新世紀數位圖像研討會。
    黃任來(1994)。邁向二十一世紀的美勞教育發展途徑。亞洲藝術教育國際學術研討會論文集A,頁313~365。臺北市 : 臺灣藝術教育館。
    邱柏清(2003)。網頁介面愉悅性之研究。國立台灣科技大學設計研究所碩士論文。
    郭彥均(2003)。兒童網頁介面設計準則 — 使用性、愉悅性與互動性。國立台北科技大學設計研究所碩士論文。
    蔡佳(2003)。使用者介面愉悅性之研究 — 以兒童藝術類學習網站為例。國立台灣科技大學設計研究所碩士論文。
    顏榮泉、陳明溥、葉嵩生 (2002)。網路學習之歷程分析與知識探索模式。第六屆全球華人學習科技研討會(GCCCE 2002)。中國,北京,北京師範大學,6月14-16日。
    顏榮泉、陳明溥(2003)。網路學習之歷程分析方法與內涵。視聽教育,44(4),台北。

    中文電子資料
    台灣地區網路使用基本調查。蕃薯藤數位科技。2005年2月22日,取自:http://survey.yam.com/survey2004/index.html
    陳斐卿、江火明(2001)。松濤天文地科學園。2002年2月10日,http://geoschool.ncu.edu.tw/
    陳德懷(2000)。主動社會學習及其應用─邁入E世代網路講座。2002年2月10日,取自:http://abserv1.src.ncu.edu.tw/
    資策會市場情報中心(MIC)(2004)。中時晚報。2005年9月1日,取自:http://www.upcity.com.tw/mcenter/mcenter1-20041113.htm
    數位學習服務品質認證流程 (2005)。數位學習網路科學園區。2005年9月1日,取自:http://www.elearn.org.tw/ePark/
    藝術教育在美國的研究與實踐(2002)。教育部教育專題報導。2005年5月7日,取自: http://www.sfmoe.org/asp_c/education/eduinfo_rep_4.htm

    Reference
    Akin, O. & Lin. C.(1995). Design protocol data and novel design decisions. Design Studies Vol.16, no.2, pp: 211-236.
    Arnold, M. B. (1960). Emotion and Personality. New York: Columbia Press.
    Brave, S. & Nass, C., (2003). Emotion in Human-Computer interaction. The Human Computer Interaction Handbook, Jacko, & Sears, Lawrence Erlbaum, pp: 81-96.
    Brown, A. L., Ash, D., Rutherford, M., Nakagawa, K., Gordon, A. & Campione, J. C. (1993). Distributed expertise in the classroom. In G. Salomon(Eds.). Distributed cognitions: Psychological and educational considerations, Cambridge University Press.
    Conklin, J., & Begeman. (1987). M.L. gIBIS: A hypertext tool for team design deliberation. In Proceedings of Hypertext, ACM Press, ´87. New York, pp: 132-143.
    Damasio, A. R. (1994). Descartes Error: Emotion, Reason, and the Human Brain. New York, Putnam Publishing Group.
    Davidson, R. J. (2002). Affective style, psychopathology, and resilience: Brain mechanisms and plasticity. American Psychologist, 55, pp: 1196-1214.
    Doost, H., Moradi, A., Tagahavi, M., Yule, W., & Dalglesh, T., (1999). The development of a corpus of emotional words produced by children and adolescents. Personality and Individual difference 27 (3), pp: 433-451.
    Eckersley, M. (1988). Protocol analysis: Verbal reports as data. Cambridge: MIT Press.
    Ekman, P. (1982). Emotion in the human face (2nd ed.). Cambridge, UK: Cambridge University Press.
    Ericsson, K.A. & Simon, H.A.(1980). Verbal reports as data. Psychological review Vol.87, no.3, pp: 215-251.
    Frijda, N. H., (1987). Emotion, cognitive structure and action tendency. Cognition and Emotion 1, pp: 115-144.
    Fuccella, J. (1997). Using user centered design methods to create and design usable web sites. Proceedings of Annual ACM Conference on Systems Documentation, pp: 94–101.
    Gange, R. M.(1985). The conditions of learning(4th ed.). New York: Holt, Rinehart and Winstion.
    Gero, J.S.(1990). Design prototypes: A knowledge representation schema for design. AI Magazine, Vol.4, pp: 26-36j.
    Gero, J.S. & McNeill, T. (1998). An approach to the analysis of design protocals. Design Studies, Vol.19, no.1, pp: 21-61.
    Gross, J.J., Levenson, R.W. (1995). Emotion elicitation using films. Cognition and Emotion. 9 (1), pp: 87–108.
    Hummels C., Djajadiningrat T., & Overbeeke K. (2001). Knowing, doing and feeling: communicating with your digital products. Delft University of Technology Industrial Design Engineering, ID-Studiolab.
    Hwang, C., Kim, J., Ko, H. (2001). The human sensible response for colors. The Korean Society for Emotion and Sensibility 2001 Conference, pp: 179–181.
    Isen, A. M. (1993). Positive affect and decision making. In M. Lewis & J. M. Haviland (Eds.), Handbook of emotions, New York: Guilford, pp: 261-277.
    Jordan, P. W. (1998). Human factors for pleasure in product use. Applied Ergonomics, 29(1), p: 25-33.
    Jordan, P. W. (2000). Designing pleasurable products: An introduction to the new humanfactors. London: Taylor & Francis.
    Kahneman, D. (1973). Attention and Effort. Prentice-Hall, Englewood Cliffs, N.J.
    Kim, J. & Moon, J. (1998). Designing towards emotional usability in customer interface. Interacting with Computers 10 (1), pp: 1-29.
    Kim, J., Lee, L. & Choi, D. (2003). Designing emotionally evocative homepages: an empirical study of the quantitative relations between design factors and emotional dimensions. International Journal of Human-Computer studies, pp: 899-940.
    Koschmann, .T. (2002). Dewey's Contribution to the Foundations of CSCL Research, In Proceedings of the Computer-Support for Collaborative Learning(CSCL) 2002 Conference, G. Stahl(Eds.), jan. 7-11, Colorado University, Boulder, Colorado, NJ: Lawrence Erlbaum Associates.
    Kurosu, M. & Kashimura, K. (1995). Apparent usability vs. Inherent usability. CHI '95 Conference Companion, pp: 292-293.
    Laurel, B.K. (1993). Computers as Theater. Addison Wesley, New York.
    LeDoux, J. (1996). The emotional brain, New York: Simon and Schuster.
    Lee, K. (1998). Sensibility Ergonomics: needs, concepts, methods and applications. Journal of the Ergonomics Society of Korea, 17 (1), pp: 91–102.
    Lloyd, P. & Scott, P.(1994). Discovering the Design Problem. Design Studies, Vol. 15, no.2, pp: 125-140.
    Lowenfeld, V. (1957). Creative and mental growth (3rd ed.). NYC: Macmillan. (First published 1947).
    Malone, T. W. & Lepper, M. R. (1987). Making learning fun: A taxonomy of intrinsic motivations for learning. In R. E. Snow & M. J. Farr (Eds.), Aptitude, learning, and instruction: III, Cognitive and Affective Process Analysis, pp: 223-253, Hillsdale, NJ: Lawrence Erlbaum.
    Mikropoulos, T. A. (2001). Brain activity on navigation in virtual environments. Journal of Educational Computing Research, 24(1), pp: 1-12.
    Nagamachi, M. (1995). Kansei Engineering: a new ergonomic consumer-oriented technology for product development. International Journal of Industrial Ergonomics 15 (1), pp: 311-346.
    Nielsen, J. (1993). Usability Engineering. New York:AP Professional.
    Norman, D. A. (1981). Twelve issues for cognitive science. in: Norman D. (Ed.), Perspectives on Cognitive Science, Norwood, LEA, NJ, pp: 265-299.
    Norman, D. A., et al. (2003). Affect and Machine Design: Lessons for the Development of Autonomous Machines. IBM Systems Journal, 42(1), pp: 38-44.
    Norman, D. A. (2003). Emotional Design: Why We Love (or Hate) Everyday Things, New York, Basic Books.
    Oliver, R. (1996). Satisfaction: A Behavioral Perspective on the Consumer. McGraw-Hill, New York.
    Ortony, A., Norman, D. A., & Revelle, W. (In progress). Effective functioning: A three level model of affect, behavior, and cognition. Who Needs Emotions? The Brain Meets the Machine. J. Fellous, & M. Arbib, New York, Oxford University.
    Overbeeke, C. (2002). Beauty in Usability: Forget about Ease of Use. Pleasure with products: Beyond usability, W. S. Green & P. W. Jordan, London, Taylor & Francis, pp: 9-18.
    Paavola, S., Lipponen, L. & Hakkarainen, K. (2002). Epistemological Foundations for CSCL: A Comparison of Three Models of Innovative Knowledge Communities, In Proceedings of the Comparison-Support for Collaborative Learning (CSCL) 2002 Conference, G. Stahl (Eds.), Jan. 7-11, Colorado University, Boulder, Colorado, NJ: Lawrence Erlbaum Associates.
    Partala, T. & Surakka, V. (2004). The effects of affective interventions in human–computer interaction. Interacting with computer, pp: 295-309.
    Philippot, P. (1993). Inducing and assessing differentiated emotion-feeling states in the laboratory. Cognition and Emotion, 7 (2), pp: 171-193.
    Picard, R. & Andrew, S. (1998). Panel on affect and emotion in the user interface. Proceedings of the 1998 International Conference on Intelligent User Interfaces, pp: 91-94.
    Picard, R. & Klein, J. (2002). Computers that recognize and respond to user emotion: theoretical and practical implications. Interacting with Computers, 14, pp: 141-169.
    Scheirer, J., Picard, R. (1999). Affective objects. MIT Media Laboratory Perceptual Computing Section, Technical Report, No 524.
    Seale, J. A. & Cann, A. J. (2000). Reflection on-line or off-line: the role of learning technologies in encouraging students to reflect. Computer & Education, 34, pp: 309-320.
    Sfard, A. (1998). On two medaphors for learning and the dangers of choosing just one. Educational Researcher, 27, pp: 4-13.
    Shackel, B. (1991). Human Factors for lnfommatics Usability - Background and Overview, in Shackel B. & Richardson S. (eds), Human Factors for Infommatics Usabilrty, Cambridge University Press.
    Shneiderman, B. (1998). Designing the user interface: strategies for effective Human-computer-interface. Reading, Mass : Addison Wesly Longman.
    Thring, M., Haake, J.M., & Hannemann, J. (1991). What’s ELIZA doing in the Chinese Room? Incoherent hyperdocuments – and how to avoid them. In Proceedings of Hypertext. ACM Press, ´91. New York, pp: 161-177.
    Thuring, M., Hannemann, J. & Haake, J. M. (1995). Hypermedia and cognition: designing for comprehension. Communications of the ACM, Vol.38, No.8, August.
    Tractinsky, N. (1997). Aesthetics and Apparent Usability: Empirically Assessing Cultural and Methodological Issues. CHI 97 Electronic Publications: Papers, Atlanta, Georgia, United States, ACM Press, pp: 115-122.

    Digital
    Garrett, J. J.(2000). The Elements of User Experience. JJG-net. Retrieved May 25, 2004, from the World Wide Web: http://www.jjg.net/ia/
    Houge, D. & Moody, N. (2003). Delivering Better Enterprise Applications with RIA Technology. Macromedia website. Retrieved October 10, 2004, from the World Wide Web: http://www.macromedia.com/
    McMullin, J. & Skinner, G.. (2003). Usability Heuristics for Rich Internet Applications. Boxes and arrows. Retrieved May 25, 2004, from the World Wide Web: http://www.boxesandarrows.com/
    Nielsen Norman Group. (1997). Usability Inspection: Heuristic Evaluation. Retrieved September 13, 2003, from the World Wide Web: http://www.cs.umd.edu/~zzj/Heurist.html
    Nielsen, J. (1997). How Users Read on the Web? Retrieved September 13, 2003, from the World Wide Web: http://www.useit.com/jakob/
    Olsen, G. (2003). Expanding the Approaches to User Experience. Boxes and arrows. Retrieved May 25, 2004, from the World Wide Web: http://www.boxesandarrows.com/
    Olsen, G. (2003). User Approaches Model. Guuui - The Interaction Designer’s Break. Retrieved May 25, 2004, from the World Wide Web: http://www.guuui.com/index.php

    QR CODE