簡易檢索 / 詳目顯示

研究生: 林志諺
Lin, Chih-Yen
論文名稱: 智慧家庭控制介面設計之視覺感知與喚醒潛力研究:應用眼動儀探討擬物化與扁平化風格在不同文化語境介面之注意力分配
The Study of Visual Perception of Arousal Potential towards Skeuomorphic Design and Flat Design: Applying Eye-Tracking Techniques to Explore Users’ Attention Allocation on Cultural Differences in User Interface Design on Smart Home Control Panel Device
指導教授: 丘增平
Chiu, Tseng-Ping
學位類別: 碩士
Master
系所名稱: 規劃與設計學院 - 工業設計學系
Department of Industrial Design
論文出版年: 2026
畢業學年度: 113
語文別: 英文
論文頁數: 317
中文關鍵詞: 智慧家庭介面設計視覺感知跨文化設計情感設計
外文關鍵詞: Smart home, interface design, visual perception, cross-cultural design, emotional design
ORCID: 0009-0002-5794-0418
相關次數: 點閱:4下載:0
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 隨著物聯網技術與智慧家庭系統迅速普及,用戶介面設計已成為影響操作效率與使用者情感體驗關鍵因素。在眾多介面設計風格中,擬物化與扁平化設計作為當前主流視覺語言,分別展現了高度擬真與極簡抽象兩種表現形式。本研究聚焦於智慧家庭控制面板介面,探討這兩種設計風格在不同文化語境下對使用者「喚醒潛力」與「情緒反應」的影響差異。研究目的在於深入理解視覺風格如何影響東方與西方用戶在互動過程中情緒感知與使用偏好,進而提出兼具文化敏感性與情感連結的介面設計策略,以補足當前智慧家庭領域過度聚焦功能性表現而忽略情感體驗。
    研究採取多階段混合研究方法。初步階段運用頭戴式與螢幕式眼動儀,針對不同智慧家電控制介面屬性,探討扁平化與擬物化風格在視覺設計上對使用者情緒反應與視線行為的影響。進一步透過市場產品調查、民眾問卷收集,以及專家焦點團體訪談,分析東西方文化背景使用者對於介面風格在視覺感知、情緒喚醒與吸引力評估上的主觀差異,並歸納形成具文化脈絡的設計語意與準則。隨後,本研究根據上述結果優化智慧家庭介面設計樣本,並進行迭代測試,結合螢幕式眼動儀與移動測試配件進行實驗操作,以更貼近真實使用情境下觀察使用者視覺注意力分布、瞳孔變化與情緒反饋,全面掌握介面風格、語境文化與感知反應之間的交互關係。
    根據實驗結果顯示,東方文化之用戶對於擬物化設計相較於扁平化設計,特別在搭配背景情境元素時,更能有效引發使用者的視覺關注與瞳孔擴張反應,顯示其具較高的喚醒潛力與情緒觸發效果。相對地,扁平化設計雖具備資訊呈現效率與簡潔性,卻較難激發用戶的本能層次情感連結,而西方用戶則較重視清晰性與操作導向的設計邏輯,因此更傾向接受簡約且語境負載較低的介面風格。
    本研究最終提出一套融合視覺風格與文化特性的介面設計策略,協助設計者在介面開發中兼顧情緒誘發與文化共感,有效提升智慧家庭介面之人機互動品質與使用者滿意度。此成果不僅補足現今智慧家庭領域對情感設計探討的不足,也為未來多文化導向介面設計提供實證基礎與策略參考。

    With the rapid proliferation of IoT and smart home systems, user interface design has become a critical factor influencing both operational efficiency and emotional experience. Among mainstream styles, skeuomorphic and flat designs represent two distinct visual languages: realistic simulation and minimalist abstraction. This research focuses on smart home control panel interfaces, investigating how these styles affect users' arousal potential and emotional responses across cultural contexts.
    In the preliminary phase, head-mounted and screen-based eye-tracking devices were employed to explore how the arousal potential of skeuomorphic and flat design styles influences users’ gaze behaviors and emotional responses. In the subsequent phase, data were collected through market surveys, questionnaires, and expert focus groups to explore cross-cultural user involvement in visual perception differences between flat and skeuomorphic designs in smart home interfaces. In the final phase, the findings informed the optimization of interface samples, which were iteratively tested with eye-tracking and mobile setups to examine how layout adjustments in interface design styles influence attention distribution, pupil changes, and emotional feedback, thereby exploring cross-cultural differences in user satisfaction and emotional experience.
    Results indicate that Eastern users show stronger attention and arousal responses to skeuomorphic designs, particularly when contextual background elements are present, while flat design—though efficient and concise—struggles to evoke instinctual emotional connections. Western users emphasize clarity and task efficiency, thus preferring simplified interfaces with lower contextual load. This research ultimately proposes a culturally sensitive interface design strategy that balances emotional evocation and usability, enhancing human-computer interaction quality and user satisfaction in smart homes. The findings address the lack of emotional design exploration in this domain and provide empirical foundations for future culturally oriented design.

    摘要 i SUMMARY ii ACKNOWLEDGEMENTS iii TABLE OF CONTENTS iv LIST OF TABLES viii LIST OF FIGURES ix CHAPTER 1 INTRODUCTION 1 1.1 Research Background and Motivation 1 1.1.1 Evolution of User Interface Styles 2 1.1.2 Challenges of User Interface Styles 2 1.1.3 Development of Human-Centered Emotional Potential 5 1.1.4 Innovation on the Internet of Things 5 1.1.5 The Role of Smart Homes in IoT 6 1.1.6 Cross-Cultural Aesthetic Differences in Smart Home Interfaces 8 1.2 Research Background and Motivation 9 1.3 Research Framework 10 1.4 Research Scope and Limitations 14 1.4.1 Research Scope 14 1.4.2 Research Limitations 15 CHAPTER 2 Literature Review 17 2.1 Visual Design Aesthetics 18 2.1.1 Definition of Visual Design Aesthetics 18 2.1.2 Visual Aesthetics in Human-Computer Interaction 19 2.1.3 Skeuomorphic Design 19 2.1.4 Flat Design 21 2.1.5 Summary of Visual Design Aesthetics 23 2.2 Visual Psychology 24 2.2.1 Cognitive and Perceptual Psychology 24 2.2.2 Arousal Potential 26 2.2.3 The PAD (Pleasure-Arousal-Dominance) Emotional Model for Psychological Measurement 27 2.2.4 Eye-Tracking Physiological Indicators in Visual Arousal Response Measurement 28 2.2.5 Summary of Visual Psychology 31 2.3 Cross-Cultural Design 32 2.3.1 Cultural Dimensions 32 2.3.2 High Context and Low Context 35 2.3.3 Cross-Cultural Considerations and Design Summary 36 2.4 Visual Layout 37 2.4.1 Contextual Effects 37 2.4.2 Visual Hierarchy 40 2.4.3 Summary of Visual Hierarchy 41 CHAPTER 3 Research Methodology 42 3.1 Research Framework 42 3.2 Pilot Study Phase 1-1: "Evaluating User Operation Efficiency and Aesthetic Preferences in Flat versus Skeuomorphic Physical Interface Designs" 44 3.2.1 Experiment Overview 44 3.2.2 Experimental Methods 44 3.3 Pilot Study Phase 1-2: "Comparing User Attraction and Experience Between Flat and Skeuomorphic Styles in Smart Home Interface Components" 48 3.3.1 Experiment Overview 48 3.3.2 Research Methodology 48 3.4 Formal Experiment Phase 2-1: "User Preferences for Interface Visual Style Layouts Across International Markets" 52 3.4.1 Experiment Overview 52 3.4.2 Research Methodology 52 3.5 Formal Experiment Phase 2-2 "A Study on User Visual Perception Differences in Smart Home Control Interface Design Styles" 54 3.5.1 Experiment Overview 54 3.5.2 Research Methodology 54 3.6 Formal Experiment Phase 2-3 "Defining the Design Dimensions of Smart Home Virtual Interface Styles" 60 3.6.1 Experiment Overview 60 3.6.2 Research Methods 60 3.7 Formal Experiment Phase 3-1 "Smart Home Control Interface Iterative Design Based on Research Findings" 66 3.7.1 Experiment Overview 66 3.7.2 Experimental Methods 67 3.8 Formal Experiment Phase 3-2 "Visual Perception Differences in Arousal Potential and Emotional Response to Smart Home Interface Design Styles" 69 3.8.1 Experiment Overview 69 3.8.2 Research Methodology 70 CHAPTER 4 Research Results Analysis 74 4.1 Preliminary Experiment 1-1 - Analysis of User Operation Efficiency and Aesthetic Preferences for Flat and Skeuomorphic Interface Designs 74 4.2 Preliminary Experiment 1-2 - Analysis of User Attraction and Perception of Flat and Skeuomorphic Interface Elements in Smart Home Applications 77 4.2.1 Single Interface Observation: Eye-tracking Analysis of Flat and Skeuomorphic Interface Designs 77 4.2.2 Comparative Eye-Tracking Analysis of Interface Design Styles: Advanced Metrics Investigation 80 4.3 Formal Experiment 2-1 - Analysis of Interface Visual Style Layout Preferences Across International Markets 87 4.4 Formal Experiment 2-2 - Analysis of User Visual Perception Differences in Smart Home Control Interface Design Styles 89 4.4.1 Part One: Analysis of Interface Design Style and Cultural Context in Interface Elements 89 4.4.2 Part Two: Analysis of Sample Results for Interface Design Style and Overall Interface Cultural Context 93 4.5 Formal Experiment 2-3 - Results of In-depth Definition of Design Dimensions for Smart Home Virtual Interface Styles 99 4.5.1 Results of Semantic Association Discussion Between Design Style and Emotional Arousal 100 4.5.2 Results of Design Style and Emotional Arousal Perspective-Taking Heuristic Evaluation Discussion 101 4.5.3 Results of Smart Lighting Control Item Discovery Discussion 103 4.6 Formal Experiment 3-2: Visual Perception Study of Smart Home Interface Styles —Effects on User Arousal and Emotional Response 104 4.6.1 Eye-tracking Analysis of Flat and Skeuomorphic Design Elements in Smart Home Control Interfaces 104 4.6.2 Eye-tracking Analysis of Visual Behavior in Response to Background Presentation in Skeuomorphic Smart Home Control Interfaces 117 4.6.3 Pupillary Response Variations in Smart Home Control Interfaces with Background Conditions 123 4.6.4 Comparative Analysis of Pupillary Responses Between Interface Styles in Background-Present Conditions 126 CHAPTER 5 Conclusions and Discussion 129 CHAPTER 6 Research Contributions and Future Directions 139 6.1 Research Impact and Contributions 139 6.2 Future Research Directions and Recommendations 140 REFERENCES 142 Appendix A Self-Construal Scale (Singelis, 1994) 147 Appendix B Sample sources and basis of proportion calculation for smart home interface products in Eastern and Western countries 148 Appendix C Pleasure–Arousal–Dominance Emotion Scale (Mehrabian, 1974) 149 Appendix D 77 Core Terms in the Field of User Experience and Interface Design (Vino, 2019) 150 Appendix E CHINESE VERSION OF THIS RESEARCH PAPER 151

    Alonso, M. B., Keyson, D. V., & Hummels, C. C. (2008). Squeeze, rock, and roll; can tangible interaction with affective products support stress reduction? Proceedings of the 2nd international conference on Tangible and embedded interaction,
    Alsswey, A., Al-Samarraie, H., & Yousef, R. (2022). Hofstede's dimensions of culture and gender differences in UI satisfaction. Journal of Reliable Intelligent Environments, 8(2), 183-191.
    Andreassi, J. L. (2010). Psychophysiology: Human behavior and physiological response. Psychology press.
    Anstis, S. M. (1974). Chart demonstrating variations in acuity with retinal position. Vision research, 14(7), 589-592.
    Arielli, E. (2012). Contrast and assimilation in aesthetic judgments of visual artworks. Empirical Studies of the Arts, 30(1), 59-74.
    Babel, N. (2024). Hofstede’s Cultural Dimensions. https://medium.com/@nishant.babel/hofstedes-cultural-dimensions-f49757118be1
    Bennett, A. (2002). Interactive aesthetics. Design Issues, 18(3), 62-69.
    Berlyne, D. E. (1970). Novelty, complexity, and hedonic value. Perception & psychophysics, 8(5), 279-286.
    Bitgood, S. C., & Patterson, D. D. (1993). The effects of gallery changes on visitor reading and object viewing time. Environment and behavior, 25(6), 761-781.
    Blitz, J. H. (2015). Skeuomorphs, pottery, and technological change. American Anthropologist, 117(4), 665-678.
    Bollini, L. (2017). Beautiful interfaces. From user experience to user interface design. The Design Journal, 20(sup1), S89-S101.
    Bordegoni, M., Cugini, U., Ferrise, F., & Graziosi, S. (2014). A method for bringing user experience upstream to design. Virtual and Physical Prototyping, 9(3), 181-194. https://doi.org/10.1080/17452759.2014.934574
    Brieber, D., Leder, H., & Nadal, M. (2015). The experience of art in museums: An attempt to dissociate the role of physical context and genuineness. Empirical Studies of the Arts, 33(1), 95-105.
    Burmistrov, I., Zlokazova, T., Izmalkova, A., & Leonova, A. (2015a). Flat design vs traditional design: Comparative experimental study. Human-Computer Interaction–INTERACT 2015: 15th IFIP TC 13 International Conference, Bamberg, Germany, September 14-18, 2015, Proceedings, Part II 15,
    Burmistrov, I., Zlokazova, T., Izmalkova, A., & Leonova, A. (2015b, 2015//). Flat Design vs Traditional Design: Comparative Experimental Study. Human-Computer Interaction – INTERACT 2015, Cham.
    Chang, S.-H., Chih, W.-H., Liou, D.-K., & Hwang, L.-R. (2014). The influence of web aesthetics on customers’ PAD. Computers in Human Behavior, 36, 168-178.
    Cheng, S. (2018). 跨文化設計-Hofstede的文化維度理論. https://medium.com/uxeastmeetswest/%E8%B7%A8%E6%96%87%E5%8C%96%E8%A8%AD%E8%A8%88-hofstede%E7%9A%84%E6%96%87%E5%8C%96%E7%B6%AD%E5%BA%A6%E7%90%86%E8%AB%96-b2d3dec00d2c
    Cheng, V. (2023). MECE Framework / Principle – What does it mean? Why do consultants find it useful? https://caseinterview.com/mece
    Cogan, E., Parker, S., & Zellner, D. A. (2013). Beauty beyond compare: effects of context extremity and categorization on hedonic contrast. Journal of Experimental Psychology: Human Perception and Performance, 39(1), 16.
    Constantine, L. L., & Lockwood, L. A. (1999). Software for use: a practical guide to the models and methods of usage-centered design. Pearson Education.
    Cousins, C. (2013). Principles of Flat Design. https://designmodo.com/flat-design-principles/
    De Mooij, M. (2019). Consumer behavior and culture: Consequences for global marketing and advertising.
    Desmet, P. (2018). Measuring emotion: Development and application of an instrument to measure emotional responses to products. Funology 2: From Usability to Enjoyment, 391-404.
    Desmet, P. M. (2015). Design for mood: Twenty activity-based opportunities to design for mood regulation. International Journal of Design, 9(2).
    Desmet, P. M., Hekkert, P., & Jacobs, J. J. (2000). When a car makes you smile: development and application of an instrument to measure product emotions. Advances in consumer research, 27(1).
    Donovan, R. J., Rossiter, J. R., Marcoolyn, G., & Nesdale, A. (1994). Store atmosphere and purchasing behavior. Journal of retailing, 70(3), 283-294.
    Du, P., & MacDonald, E. (2015). Eye-tracking aids in understanding consumer product evaluations. In The Psychology of Design (pp. 301-314). Routledge.
    Gubbi, J., Buyya, R., Marusic, S., & Palaniswami, M. (2013). Internet of Things (IoT): A vision, architectural elements, and future directions. Future generation computer systems, 29(7), 1645-1660.
    Gudykunst, W. B., Matsumoto, Y., Ting-Toomey, S., Nishida, T., Kim, K., & Heyman, S. (1996). The influence of cultural individualism-collectivism, self construals, and individual values on communication styles across cultures. Human communication research, 22(4), 510-543.
    Hall, E. T. (1976). Beyond culture. Double Day.
    Hasse, C., & Bruder, C. (2015). Eye-tracking measurements and their link to a normative model of monitoring behaviour. Ergonomics, 58(3), 355-367.
    Hofstede, G. (2001). Culture's consequences: Comparing values, behaviors, institutions and organizations across nations. Thousand Oaks.
    Hofstede, G. (2011). Dimensionalizing cultures: The Hofstede model in context. Online readings in psychology and culture, 2(1), 8.
    Huang, Z. (2021). Analysis of IoT-based smart home applications. 2021 IEEE International Conference on Computer Science, Artificial Intelligence and Electronic Engineering (CSAIEE),
    Jeong, K.-A., Salvendy, G., & Proctor, R. W. (2010). Smart home design and operation preferences of Americans and Koreans. Ergonomics, 53(5), 636-660.
    Karlesky, M., & Isbister, K. (2014). Designing for the physical margins of digital workspaces: fidget widgets in support of productivity and creativity. Proceedings of the 8th international conference on tangible, embedded and embodied interaction,
    Larson, A. M., & Loschky, L. C. (2009). The contributions of central versus peripheral vision to scene gist recognition. Journal of vision, 9(10), 6-6.
    Li, C. F., Shi, H. T., Huang, J. J., & Chen, L. Y. (2014). Two typical symbols in human-machine interactive interface. Applied Mechanics and Materials, 635, 1659-1665.
    Liu, H. (2013). 跨國網站設計 know-how:你知道什麼是「集體主義」和「個人主義」設計法則嗎?. https://buzzorange.com/techorange/2013/05/23/international-web-design/?source=post_page-----b2d3dec00d2c--------------------------------
    Madakam, S., Ramaswamy, R., & Tripathi, S. (2015). Internet of Things (IoT): A literature review. Journal of Computer and Communications, 3(5), 164-173.
    March, H. C. (1890). The meaning of ornament, or, its archæology and its psychology. Manchester Press.
    Marcus, A. (2002). Mapping user-interface design to cultural dimensions. Unpublished paper based on a paper prepared for a CHI 2002 Workshop and a paper prepared for Advanced Visual Interfaces,
    Mathôt, S. (2018). Pupillometry: Psychology, physiology, and function. Journal of cognition, 1(1), 16.
    Mehrabian, A. (1974). An approach to environmental psychology. Massachusetts Institute of Technology.
    Minge, M., Thüring, M., Wagner, I., & Kuhr, C. V. (2017). The meCUE questionnaire: a modular tool for measuring user experience. Advances in Ergonomics Modeling, Usability & Special Populations: Proceedings of the AHFE 2016 International Conference on Ergonomics Modeling, Usability & Special Populations, July 27-31, 2016, Walt Disney World®, Florida, USA,
    Miseviciute, I. (2024). Eye tracking for pupillometry insights.
    Moggridge, B. (2007). Designing interactions. In: The MIT Press.
    Moshagen, M., & Thielsch, M. T. (2010). Facets of visual aesthetics. International journal of human-computer studies, 68(10), 689-709.
    Mu, D., Huang, Y., Wang, Y., Yang, J., Li, J., & Kang, Z. (2022). Neumorphic or flat? Impact of icon depth on user attention and visual search efficiency. International Journal of Industrial Ergonomics, 89, 103281.
    Mullennix, J. W., Kristo, G. M., & Robinet, J. (2020). Effects of preceding context on aesthetic preference. Empirical Studies of the Arts, 38(2), 149-171.
    Norman, D. (2004). Emotional Design: Why We Love (or Hate) Everyday Things. Basic Books.
    Norman, D. (2013). The design of everyday things: Revised and expanded edition. Basic books.
    Norman, D. A. (1988). The psychology of everyday things. In: Basic books.
    Norman, D. A. (1999). Affordance, conventions, and design. interactions, 6(3), 38-43.
    Norman, D. A., & Nielsen, J. (2010). Gestural interfaces: a step backward in usability. interactions, 17(5), 46-49.
    Page, T. (2014). Skeuomorphism or flat design: future directions in mobile device User Interface (UI) design education. International Journal of Mobile Learning and Organisation, 8(2), 130-142.
    Partala, T., & Surakka, V. (2003). Pupil size variation as an indication of affective processing. International journal of human-computer studies, 59(1-2), 185-198.
    Prensky, M. (2001). Digital natives, digital immigrants part 2: Do they really think differently? On the horizon, 9(6), 1-6.
    Robert, D., & John, R. (1982). Store atmosphere: an environmental psychology approach. Journal of retailing, 58(1), 34-57.
    Salzer, M. (1994). Identity across borders: a study in the" IKEA-world" Linköping University Electronic Press].
    Silvennoinen, J. (2021). Interactionist approach to visual aesthetics in HCI. International Conference on Human-Computer Interaction,
    Singelis, T. M. (1994). The measurement of independent and interdependent self-construals. Personality and Social Psychology Bulletin, 20(5), 580-591.
    Spiliotopoulos, K., Rigou, M., & Sirmakessis, S. (2018). A comparative study of skeuomorphic and flat design from a UX perspective. Multimodal Technologies and Interaction, 2(2), 31.
    Stewart, E. E., Valsecchi, M., & Schütz, A. C. (2020). A review of interactions between peripheral and foveal vision. Journal of vision, 20(12), 2-2.
    Stocker, M. (2016). Power Distance: The Hidden Reason Behind Taiwan’s Scarcity of Global Brands. https://international.thenewslens.com/article/37307
    Stone, D., Jarrett, C., Woodroffe, M., & Minocha, S. (2005). User interface design and evaluation. Elsevier.
    Sundmaeker, H., Guillemin, P., Friess, P., & Woelfflé, S. (2010). Vision and challenges for realising the Internet of Things. Cluster of European research projects on the internet of things, European Commision, 3(3), 34-36.
    Tatarkiewicz, W. (1963). Objectivity and Subjectivity in the History of Aesthetics. Philosophy and phenomenological research, 24(2), 157-173.
    Tatler, B. W., Hayhoe, M. M., Land, M. F., & Ballard, D. H. (2011). Eye guidance in natural vision: Reinterpreting salience. Journal of vision, 11(5), 5-5.
    Thüring, M., & Mahlke, S. (2007). Usability, aesthetics and emotions in human–technology interaction. International journal of psychology, 42(4), 253-264.
    Tobii. (2024). Mobile Testing Accessory. https://www.tobii.com/products/accessories/mobile-testing-accessory
    Turner, A. L. (2014). The History of Flat Design: Efficiency, Minimalism, Trendiness. https://thenextweb.com/news/history-flat-design-efficiency-minimalism-made-digital-world-flat
    Tuten, W. S., & Harmening, W. M. (2021). Foveal vision. Current Biology, 31(11), R701-R703.
    Udsen, L. E., & Jørgensen, A. H. (2005). The aesthetic turn: unravelling recent aesthetic approaches to human-computer interaction. Digital creativity, 16(04), 205-216.
    Vater, C., Wolfe, B., & Rosenholtz, R. (2022). Peripheral vision in real-world tasks: A systematic review. Psychonomic Bulletin & Review, 29(5), 1531-1557. https://doi.org/10.3758/s13423-022-02117-w
    Vinh, L. (2024). KNX Technology: Revolutionizing Building Automation. https://digitalhomesystems.com.au/what-is-knx/
    Vino, J. (2019). 77 words UX/UI designers must know. https://uxdesign.cc/77-words-ux-ui-designer-must-know-978a87ba928
    Wright, G. (2017). WHATIS Definition: Skeuomorphim. https://www.techtarget.com/whatis/definition/skeuomorphism
    Würtz, E. (2005). Intercultural communication on web sites: A cross-cultural analysis of web sites from high-context cultures and low-context cultures. Journal of computer-mediated communication, 11(1), 274-299.
    Yua, Y., & Xu, Q. (2021). Research on flat design based on UI Design. 2021 IEEE Asia-Pacific Conference on Image Processing, Electronics and Computers (IPEC),
    Zhang, L., & Cui, H. (2022). Reliability of MUSE 2 and Tobii Pro Nano at capturing mobile application users' real-time cognitive workload changes. Frontiers in Neuroscience, 16, 1011475.
    Zieliński, W. (2016). How to use contrast in UI Design. https://blog.prototypr.io/how-contrast-works-in-ui-design-21bf75a5a2bf

    QR CODE