功能性過場動畫與情緒變化之關係探討

Examination The Relationship between Emotional Change and Functional Animation

馬嘉陽(Jiayang Ma)；陳圳卿(Chun-Ching Chen)

功能性過場動畫 ； 腦波量測 ； 延滯性情感 ； 情感模組 ； 介面設計 ； Transition Animation ； Interactive Emotion ； Deferred Emotion ； PAD ； Interface Design

設計學報

24卷1期（2019 / 03 / 01）

1 - 16

繁體中文

產品與介面的設計形式影響使用者不同的情緒感知。本研究聚焦使用者操作智慧型手機介面的微互動（micro interactions）方式，探討使用功能性過場動畫（functional animation）時所產生的愉悅（pleasure）、喚起（arousal）、支配（dominance）三方面的情緒變化與腦波（EEG）之關聯性。研究篩選具代表性之4款不同形式過場動畫進行使用者測試，在15秒的操作內針對每款樣本進行6次的操作以得知使用者對於情緒變化以及在專注度與放鬆度方面的表現。透過腦波生理量測數據對照PAD心理主觀量測結果之方式強化使用情感，從過場動畫類型、使用時間、介面位置等面向分析其使用特點。研究結果顯示，不同形式的過場動畫確實對於情緒表現會產生影響，使用者通常不會在初始使用時就對過場動效產生良好的情感認同，而是在漸進的多次使用後逐漸被吸引或對其加以理解，此種情緒上的延滯性與深澤直人的設計理念「later wow」以及Norman設計三層次中的「反思」相對應。於此結果之上，可對過場動畫的實務設計形式所能產生的情感效用具有較為清晰的認知。

The design of product and interface will influence users' different emotional perceptions. This research focuses on the micro interaction mode of users when operating smart phone interface and the relationship between emotional changes, including pleasure, arousal and dominance when users are using functional animation and EEG. The research screens four representative functional animations in different forms for user test, and performs 6 operations on each sample in 15 seconds to learn about their influences on users' emotional changes and users' performance in concentration and relaxation. Through the brain wave physiological measurement data, the PAD psychological subjective measurement results are used to ＂enlarge＂ the emotions, and the usage characteristics are analyzed according to the category of functional animations, use duration and interface's position, etc. The research results show that different forms of functional animations do have an impact on emotional performance. Users usually do not have a positive emotional identity to the effects of functional animations at the initial use, but are gradually attracted after progressive use and gain an understanding. Such emotional delay corresponds to the design philosophy of ＂Later Wow＂ of Naoto Fukasawa and the ＂reflection＂ in Norman's three design levels. This research provides readers with a clear understanding of the emotional effects generated by practical design forms of functional animations.

1. Averill, J. R.(1973).Personal control over aversive stimuli and its relationship to stress.Psychological Bulletin,80(4),286-303.
2. Eames, C.,Hartman, C.,Demetrios, E.(2007).100 Quotes by Charles Eames.Washington, DC:Eames Office.
3. Eroglua, S. A.,Machleit, K. A.,Davis, L. M.(2001).Atmospheric qualities of online retailing: A conceptual model and implications.Journal of Business Research,54(2),177-184.
4. Falkowska, J.,Kilijańska, B.,Sobecki, J.,Zerka, K.(2018).Microinteractions of forms in web based systems usability and eye tracking metrics analysis.Advances in human factors and systems interaction,Switzerland:
5. Frank, T.,Ollie, J.(1995).The illusion of life: Disney animation.New York, NY:Disney Editors.
6. Hart, S. G.,Staveland, L. E.(1988).Development of NASA-TLX (task load index): Results of empirical and theoretical research.Amsterdam:North Holland Press.
7. Hurff, S.(2015).Designing products people love: How great designers create successful products.New York, NY:O’Reilly Media.
8. Jeff, G.(2013).Lean UX: Applying lean principles to improve user experience.Sebastopol, CA:O’Reilly.
9. Johannes, T.(2011).Meaningful transitions: Motion graphics in user interface.Berlin:University of Applied Sciences FH Potsdam.
10. Koo, D. M.,Lee, J. H.(2011).Inter-relationships among dominance, energetic and tense arousal, and pleasure, and differences in their impacts under online vs. offline environment.Computers in Human Behavior,27(5),1740-1750.
11. Krippendorff, K.(2006).The semantic turn: A new foundation for design.Boca Raton, FL:Taylor & Francis.
12. Matthews, G.,Davies, D. R.(2001).Individual differences in energetic arousal and sustained attention: A dual-task study.Personality and Individual Differences,31(4),575-589.
13. McDaniel, R.(2015).Understanding microinteractions as applied research opportunities for information designers.Communication Design Quarterly,3(2),55-62.
14. Mehrabian, A.,Russell, J. A.(1974).An approach to environmental psychology.Cambridge, MA:MIT Press.
15. Menon, S.,Kahn, B.(2002).Cross-category effects of induced arousal and pleasure on the internet shopping experience.Journal of Retailing,78(1),31-40.
16. Michael, A.(2005).Dealers of lightning: Xerox PARC and the dawn of the computer age.New York, NY:Harper Business.
17. Norman, D. A.(2004).Emotional design: Why wes love (or hate) everyday things.New York, NY:Basic Books.
18. Ryu, K.,Jang, S.(2008).Influence of restaurant's physical environments on emotion and behavior intention.The Service Industries Journal,28(8),1151-1165.
19. Thayer, R. E.(1978).Toward a psychological theory of multidimensional activation (arousal).Motivation and Emotion,2(1),1-34.
20. Thayer, R. E.(1987).Problem perception, optimism, and related states as a function of time of day (diurnal rhythm) and moderate exercise: Two arousal systems in interaction.Motivation and Emotion,11(1),19-36.
21. van Der Linden, J.,Amadieu, F.,van De Leemput, C.(2017).User experience: A plural structure varying according to interaction types and social support.19th International Conference on Human-Computer Interaction,Vancouver, Canada:
22. 李世亮, S. L.(2010)。台北市=Taipei, Taiwan，國立台灣師範大學=National Taiwan Normal University。
23. 施再繁, Z. F.,施朝正, C. Z.,陳金鈴, J. L.,廖崇硯, C. Y.,林建豪, J. H.(2016).C#腦波儀程式設計實戰手冊.台北市=Taipei:勝宏精密科技股份有限公司=Sheng Hong Precision Technology.
24. 陳炫助, H. C.(2016)。雲林縣=Yunlin, Taiwan，國立雲林科技大學=National Yunlin University of Science and Technology。
25. 黃友玫（譯）, Y. M.(Trans.),後藤武, G.,佐佐木正人, S.,深澤直人, N.(2008).不為設計而設計等於最好的設計—生態學的設計論.台北市=Taipei:碁峰資訊=Gotop Information Inc..
26. 鄭仕弘, S. H.(2015)。新竹市=Hsinchu, Taiwan，國立交通大學=National Chiao Tung University。
27. 鄭巧玉（譯）, Q. Y.(Trans.),Saffer, D.(2014).微互動：設計從細節出發.台北市=Taipei:碁峰資訊=Gotop Information Inc..

1. 陳圳卿,馬嘉陽(2022)。以紮根理論探索微互動的設計手法。設計學報，27(2)，1-23。
2. 羅志成,盧詩韻,葉云萱(2022)。情感設計融入2D動畫教學模式與學習表現之研究。課程與教學，25(1)，193-223。