| 研究生: |
林志諺 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.
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