Search

Research on Emotional UI Design Based on Biological Morphology

Author(s)

Weichenxi Zhang*

Affiliation(s)

College of Design, Xi'an Technological University, Xi'an, ShaanXi, China. *Corresponding Author

Abstract

With the growing demand for digital mental health interventions, the application of emotional design in user interfaces has garnered increasing attention. This study, grounded in biomorphic theory, explores its practical value in emotional UI design. Using the visual design of the mood-tracking app "Petals" as a case study, it analyzes how biomorphic elements enhance user emotional engagement and long-term usage intent through visual metaphors and interaction mechanisms. The research further proposes a "Biomorphic Emotional UI Design Framework," encompassing three dimensions: visual, interactional, and systemic. In "Petals," users' emotional data is transformed into the growth state of virtual petals, combined with generative AI-powered emotional analysis to produce anthropomorphic feedback, creating a closed-loop experience of "recording—empathy—healing." Through aesthetic design or interactive feedback, the UI interface fosters positive emotional connections between users and the system.

Keywords

Emotional Design; Visual UI Design; Mood Tracking Application; Companion Needs

References

[1] Zhou Yujia. Bilibili APP Interface Application Research from an Emotional Design Perspective. Anhui Polytechnic University, 2024.DOI:10.27763/d.cnki.gahgc.2024.000074. [2] Li Changjian. Interaction Design of Content E-commerce App Based on Emotional Design. Southwest University of Science and Technology, 2024.000939. [3] The Boundaries of Emotional Design. Design, 2025, 38(08):44. [4] Du Yaru, Jiang Yonghua. Research on Emotional Design of Interactive Art Therapy Devices in the Digital and Intelligent Era. Screen Printing, 2025, (07) 2025.07.034. [5] Lu Peng, Yang Jinbo. A Study on Emotional Design of UI Interfaces from the Perspective of Design Psychology. Footwear Technology and Design, 2025, 5(01):198-200. [6] Xing Weixiao. Research on Emotional Expression in New Media Interaction Design. Western Radio and Television, 2025, 46(07):55-58. [7] Li Tong, Wu Youxin. A Study on Fast and Slow Rhythms in User Experience in Interaction Design. Popular Literature and Art, 2020, (05):67-68.DOI:10.20112/j.cnki.issn1007-5828.2020.05.045. [8] Lan Xun. The Impact of Emotional Interaction Design on User Experience in Products. Toy World, 2024, (03):158-160. [9] Fan Qiang, Qiao Yu. Research on Emotional Design Tools from the Embodied Cognition Perspective. Packaging Engineering, 2025, 46(20):381-390.DOI:10.19554/j.cnki.1001-3563.2025.20.034. [10]Emotional Design: A Bridge Between Technology and Humanity. Design, 2025, 1003-0069.002601.