How Emotional Design Shapes User Experience: From Instinct to Reflection

Emotional design aims to capture user attention and trigger emotional responses to increase the likelihood of specific behaviors. It involves stimulating users emotionally through product functions, interactions, or inherent character, creating emotional arousal and identification, leading to a unique perception of the product.

Emotional design is user‑centered, digging deep into users' emotional needs. Designers express these needs through visual, auditory, and interactive cues, aligning with users' true feelings, fostering brand confidence, and increasing tolerance for minor issues.

Norman describes three layers of emotional response: instinctive, behavioral, and reflective.

Instinctive Layer

The instinctive layer relies on innate responses to strong emotional signals via the five senses. First impressions—such as a striking visual, an unexpected chord, or a sudden slip while skiing—trigger direct, instinctive reactions. Design elements like shape, color, typography, texture, and composition shape the user's mental model.

Example: A homepage flooded with red creates an immediate, attention‑grabbing impression that conveys brand values and stimulates click desire.

Example: The login screen of the game Genshin Impact changes its scenery and background music according to the real‑time of day, offering morning light, daylight, dusk, or night scenes, thereby enhancing emotional resonance.

Behavioral Layer

The behavioral layer focuses less on visual impact and more on interaction, functionality, understandability, and overall user experience. Good behavioral design respects user habits, anticipates needs, and presents the product intuitively, building trust and reliance.

Example: Amap maps adapt to GPS location, presenting nearby areas with hierarchical information, allowing users to explore surroundings efficiently.

Reflective Layer

The reflective layer is triggered by the instinctive and behavioral layers, prompting users to recall and evaluate their experience, forming an overall impression of the brand. It connects product usage with personal memories and emotions.

Example: The “like” button on 58.com shows a +1 animation and a central highlight after clicking, reinforcing the action and encouraging deeper engagement.

In everyday life, emotion is a fundamental human need. Emotional design breaks psychological barriers between product and user, strengthening attachment, enhancing brand image, and prompting users to think and reminisce.