When mobile apps in the same category—whether productivity tools, finance and investment services, healthcare, or e-commerce platforms—begin to offer much the same core functions, the factor that determines which app users keep on their home screen over the long term, and even recommend to friends unprompted, is often emotional design: does the app feel like a cold vending machine, or a thoughtful, responsive companion that knows the right boundaries?

Drawing on cognitive psychologist Don Norman's three-level model of emotional design, we usually bring warmth to products across the following three dimensions in our app and digital product UI/UX design:

1. The visceral level: establish an emotional tone suited to the context at first glance

Within the first 3 seconds of opening an app, before any complex interaction occurs, colors, corner curvature, and the quality of light and shadow have already set emotional expectations subconsciously:

  • Mental wellness and parenting education products (such as our designs for LUMIKO Academy and Chanle Wellness): Use low-saturation warm beige, soft forest green, generously rounded cards, and gentle serif/rounded typefaces to immediately ease users' defensiveness and anxiety.
  • Professional productivity and fintech products: Use clean whitespace, precise 1px borders, and composed deep-sea blue/turquoise green to convey an orderly sense of control.

2. The behavioral level: visual and haptic micro-feedback within milliseconds

At the behavioral level, emotion comes from a sense of ease and accomplishment. When users check off a completed task, pull down to refresh a list, or complete a money transfer:

  • Physically elastic animation + a light linear-motor vibration (Haptic Feedback): Instead of abruptly changing color, a checkbox responds with a crisp spring-based scaling curve and one extremely subtle phone vibration (UIImpactFeedbackGenerator), recreating the pleasure of pressing a real physical switch at the fingertip.
  • Personable but restrained microcopy: Rewrite the blunt system error “Error code 502: Request timed out” as “Looks like the network connection dozed off. Your draft has been saved safely. Tap here to try again,” reassuring users immediately when something unexpected happens.

3. The reflective level: milestone reviews and identification with values

When users complete a 30-day check-in streak or look back at their growth on the platform at the end of the year, generate beautifully designed personal data summary cards. These help users see “a better version of themselves” in the product, building a deep sense of belonging to the brand.