| 研究生: |
蔡詩婷 Tsai, Shih-Ting |
|---|---|
| 論文名稱: |
探討不同認知風格與微互動設計對使用者經驗之影響 The Influence of Cognitive Styles and Microinteration on User Experiences |
| 指導教授: |
何俊亨
Ho, Chun-Heng |
| 學位類別: |
碩士 Master |
| 系所名稱: |
規劃與設計學院 - 工業設計學系 Department of Industrial Design |
| 論文出版年: | 2025 |
| 畢業學年度: | 113 |
| 語文別: | 中文 |
| 論文頁數: | 119 |
| 中文關鍵詞: | 認知風格 、微互動 、使用者經驗 |
| 外文關鍵詞: | Cognitive style, Micro-interaction, User experience |
| 相關次數: | 點閱:104 下載:50 |
| 分享至: |
| 查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報 |
隨著科技演進,人機互動介面(HMI)已發展至更細緻且具回饋性的微互動(Microinteractions),其能夠加強整個應用程式之趣味性及使用者的互動體驗,已然成為人機互動介面設計的關鍵與趨勢。然而,人機互動介面設計存在個人化差異,不同使用者的認知模式將影響使用者與介面的互動行為,立基於此,瞭解不同的認知風格(Cognitive Style)對使用者經驗與介面互動的影響,有助於一個符合使用者操作之介面設計。
本研究實驗分為兩個階段,第一階段挑選現有iOS 系統中下載率較高的三款任務管理App 作為實驗樣本,透過10 名受試者的使用性測試,挑選出易用性最佳的Microsoft To Do 作為後續實驗樣本依據,據此設計出4 款涵蓋不同感官回饋的微互動設計樣本。第二階段邀請受試者觀看4 款樣本操作影片,並填寫使用者經驗量表(UEQ-S),同時透過CSI 認知風格量表區分受測者為「直覺型」與「分析型」各30 人。研究結果顯示,單感官效果樣本的主觀性偏好有高於雙感官效果樣本的趨勢,並推論單感官設計可能更適合目標導向的操作;加入音效的雙感官設計則可能更能滿足使用者情緒性體驗的需求。另一方面,分析型受試者在務實品質的評價普遍高於直覺型;直覺型受試者則於享樂品質的評價均顯著高於分析型。基於研究結果,本研究提出具體建議:針對操作步驟較多的任務,如「新增任務」、「刪除任務」,直覺型使用者偏好文字加音效的回饋;分析型對於「新增任務」則偏好單感官設計。而針對操作步驟較少的任務,如「完成任務」,直覺型使用者建議採用文字加音效回饋,「優先任務」則可運用圖示加音效回饋;分析型使用者對於「優先任務」則傾向於單感官效果的設計。
With technological advancements, human-machine interaction (HMI) interfaces have evolved into refined, feedback-oriented microinteractions that enhance application engagement and user experience. However, differences in cognitive styles influence user interaction behaviors, highlighting the need for personalized interface design to improve usability.
This study involved two phases. In Phase 1, three popular iOS task management apps were evaluated for usability by 10 participants. Microsoft To Do, identified as the most userfriendly, was used to develop four microinteraction samples with varying sensory feedback. In Phase 2, participants watched sample operation videos, completed the UEQS questionnaire, and were classified into “intuitive” or “analytical” groups (30 each) using the CSI cognitive style scale.
Results showed a preference for single-sensory designs in goal-oriented tasks, while dualsensory designs, especially those with sound, better supported emotional experiences. Analytical participants rated pragmatic qualities higher, whereas intuitive participants rated hedonic qualities significantly higher. Based on these findings, recommendations include using text and sound feedback for multi-step tasks like “add task” or “delete task” for intuitive users. In contrast, analytical users prefer single-sensory designs for “add task.” For simpler tasks like “complete task,” intuitive users favored text and sound feedback, while icons with sound were better for “prioritize task.” Analytical users preferred single-sensory designs for the “prioritize task.”
Babich, N. (2016). 微互動:設計良好 App 的秘密 Microinteractions: The secret of great App design. 取自 https://intersection.tw/742c369a464e
Burdek, Bernhard E.. (1996). 工業設計-產品造型的歷史、理論及務實.(胡佑宗譯) .臺北市 : 亞太圖書.
Saffer, D. (2014). Microinteractions (鄭巧玉譯). 台灣: 歐萊禮.
Preece, J., Rogers, Y., & Sharp, H.. (2009) 互動設計: 跨越人-電腦互動 (陳建雄譯). 台灣: 全華圖書
李宣萱. (2020). 網頁介面設計的情感設計與微互動對於學習之影響. (碩士). 國立嘉義大學, 嘉義市.
金程. (2015). App 新手引導對不同認知風格者使用者經驗及學習成效之影響. (碩士).國立臺北科技大學, 台北市.
林子虹. (2016). 使用者經驗於行動介面音效設計之研究. (碩士). 國立臺灣科技大學,台北市.
林采儒. (2019). 從旅遊平台探討資訊結構化之研究. (碩士). 國立臺中科技大學, 台中市.
林珮雯. (2005). 電子商務網站介面設計研究-美感與使用性. (碩士). 國立交通大學,新竹市.
洪崇議. (2017). 探討行動網頁介面設計以及人格特質對使用者經驗之影響研究. (碩士). 國立中央大學, 桃園縣.
原田昭. (1996). 和外在世界具有反應關係的次世代操作介面. 中日設計教育研討會論文集. (黃崇彬譯). pp8-15
翁康容. (2005). 網路廣播網頁元素配置對於網頁使用效果影響之研究. (碩士). 國立中山大學, 高雄市.
馬嘉陽、陳圳卿.(2019). 功能性過場動畫與情緒變化之關係探討. 設計學報. 24(1),1-16。
曾元琦(1999). 認知風格對使用者介面設計的影響-以掃描器為例. (碩士). 國立成功大學, 臺南市.
張悟非、洪偉肯(1999). 視覺化概念發展在人機互動界面原型設計的探討. 工業設計,27(2)。
許詩怡. (2018). 基於使用者經驗的臺灣院線電影購票手機應用程式原型設計. (碩士).世新大學, 臺北市.
楊淑晴 (1999). 麥布二氏心理類型量表(MBTI)之綜覽. 教育研究資訊. 7:2,100-110。
鄭芳媚. (2007). 認知風格對模擬為基礎之電腦輔助學習的影響. (碩士). 國立中央大學,桃園縣.
陳李綢. (1999). 認知發展與輔導(第二版). 台北市:心理出版社.
陳俊瑋. (2000). 認知風格與使用者介面設計對注意力影響之研究. (碩士). 國立成功大學, 台南市.
陳建雄. (1999). Individual Differences and Mental Modals in Human-Computer Interaction. 中華民國設計學會第四屆學術研究成果研討會論文集.
陳炫助. (2016). 享樂工學之綠色創新設計模式. (博士). 國立雲林科技大學, 雲林縣.
彭文松. (2005). 認知風格、學習風格與思考風格之區辨研究. (碩士). 國立新竹教育大學, 新竹市.
黃至煌. (2006). 使用者認知風格對選單架構設計之影響研究-以車載資訊系統為例.(碩士). 國立交通大學, 新竹市.
葉宣妤. (2016). 探討微互動在介面設計之使用者經驗-以募資網站為例. (碩士). 國立臺北教育大學, 台北市.
賴金瑩. (2015). 網站視覺複雜程度與認知風格對於使用者的美感偏好之影響. (碩士).國立嘉義大學, 嘉義市.
張仕錩. (2013). 使用者之場域傾向與介面互動模式對主觀複雜度之影響. (碩士). 實踐大學, 台北市.
蘇漢斌. (2013). 不同認知風格學習者對數位遊戲介面與類型之探討. (碩士). 國立臺南大學, 台南市.
徐苾芬. (2013). 圖示查詢介面與認知風格對模糊資訊搜尋的影響. (碩士). 國立交通大學, 新竹市.
鄭仕弘. (2014). 動作語意式產品之延滯性情感研究. (博士). 國立交通大學, 新竹市.
Allinson, C., Hayes, J. (1996).The cognitive style index. Technical manual and user guide.
Allport, G. (1937). Personality: A Psychological Interpretation. NY: Holt
Ashbrook, D. L. (2010). Enabling mobile microinteractions (Doctoral dissertation).
Georgia Institute of Technology, School of Information & Computer Science, Atlanta,GA.
B. Shneiderman. (1986). Designing the user interface.: Strategies for Effective Human-Computer Interaction. Boston: Addison -Wesley Longman.
Babich, N. (2016). Microinteractions: The secret of great App design. UX Planet. Retrieved from https://uxplanet.org/microinteractions-the-secret-of-great-App-design-4cfe70fbaccf
Bernhard E. Burdek. (1991) Theorie und Praxis der.Produkt-gestaltung. Design.Geschichte. koln. Vol 2, pp3-11.
Brave, S., & Nass, C. (2002). Emotion in human-computer interaction. In Jacko, J. and Sears, A. (Eds.), Handbook of Human-Computer Interaction (pp. 81-93). Mahwah, N.J.: Lawrence Erlbaum Associates.
Brave, S., & Nass, C. (2002). Emotion in human-computer interaction. In Jacko, J. and Sears, A. (Eds.). Handbook of Human-Computer Interaction, (pp. 81-93). Mahwah, N.J.: Lawrence Erlbaum Associates.
Cohn, J. (1988). Statistics power analysis for behavioral sciences. (2nd ed.). Hillsdale,
Dewitz, S. (1996) Systems Analysis and Design and the Transition to Objects. New York: McGraw-Hill.
Gardner, R. C., & Lambert, W. E. (1959). Motivational variables in second-language acquisition. Canadian Journal of Psychology, 13(4), 266–272.
Garrett, J. J. (2000). The Elements of User Experience: User-Centered Design for the Web and Beyond. San Francisco, CA: New Riders Publishing.
Gazzaniga, M. S. (1970). The bisected brain. New York, NY: Appleton-Century Crofts.
Genuis, S.K. (2004). Web site usability testing: A critical tool for libraries. Feliciter, 50(4), 161-164.
H. Jetter & J. Gerken (2006), A Simplified Model of User Experience for Practical Application, pp. 106-111.
Hassenzahl, M., & Tractinsky, N. (2006). User experience--a research agenda. Behaviour &information technology, 25(3), 91-97.
J. Degenhard (2024). Number of smartphone users worldwide 2014-2029.
Jerry Cao (2015). Mobile Design Trends 2016: Magical Micro-interactions. 82-99.
Jetter, H-C., & Gerken, J. (2006). A simplified model of user experience for practical Application. Paper presented at the CHI 2006. Retrieved from http://www.inf.unikonstanz.de/cgip/bib/files/JeGe06.pdf
Laugwitz, B., Schrepp, M. & Held, T. (2008). Construction and evaluation of a user experience questionnaire. USAB 2008, 5298, 63-76.London: Pearson Education
Luria, A. R. (1966). Higher cortical functions in man (B. Haigh, Trans.). New York, NY: Basic Books.
Mahlke, Sascha. (2005). Studying affect and emotions as important parts of the user experience. Retrieved October, 2021, from https://www.researchgate.net/publication/238659048_Studying_affect_and_emotions_as_important_parts_of_the_user_experience.
Martin Schrepp, Jessica Kollmorgen, Jörg Thomaschewski (2023). A Comparison of SUS,UMUX-LITE, and UEQ-S. https://uxpajournal.org/sus-umux-lite-ueq-s/
McDaniel, R. (2015). Understanding microinteractions as Applied research opportunities for information designers. Communication Design Quarterly, 3(2), 55-62.
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.
Myers, I. B., & McCaulley, M. H. (1985). Manual: A guide to the development and use of the Myers-Briggs Type Indicator. Consulting Psychologists Press.
Nielsen, J. (1993). Usability Engineering. AP Professional, Academic Press, San Diego,USA.
Nielsen, J. (1995). 10 usability heuristics for user interface design. Nielsen Noman Group,1 (1).NJ: Lawrence Erlbaum Associate.
Norman, D. (2004). Emotional design: Why we love (or hate) everyday things. New York:Basic Books.
Norman, D. A. (1993). Things That Make Us Smart, New York: Basic Books Inc.
Norman, D. A. (2002). Emotion & Design: Attractive Things Work Better. Interactions Magazine. 9(4). 36-42.
Paivio, A. (1971). Imagery and verbal processes. New York, NY: Holt, Rinehart & Winston.
Riding, R. J. (1997). On the Nature of Cognitive Style, Educational Psychology 17,29-50
Schrepp, M. (2019). User Experience Questionnaire Handbook [8]. Retrieved from https://www.ueq-online.org/Material/Handbook.pdf
Sisler, P., & Titta, C. (2001). User Experience Design for Working Web Sites and Applications. In Annual Conference-Society for Technical Communication.
Sperry, R. W. (1964). Hemisphere deconnection and unity in conscious awareness. American Psychologist, 23(10), 723–733.
Sweeney M., Maguire M., and Shackel, B. (1993). Evaluating user-computer interaction: a framework. International Journal of Man-Machine Studies, 38(4), pp. 689-711.
Walbridge, S. (2000). Usability testing and libraries: The WSU experience. The Washington Library Association Journal, 16(3), 23-24.
Witkin, H. A., Dyk, R. B., Fattuson, H. F., Goodenough, D. R., & Karp, S. A. (1962). Psychological differentiation: Studies of development. Wiley.
Wright, P., Blythe, M., & McCarthy, J. (2006). User Experience and the Idea of Design in HCI. Lecture Notes in Computer Science, Stephen W. Gilroy and Michael D.Harrison (eds.). Springer, Berlin/Heidelberg, 1-14.