{"id":12848,"date":"2026-07-15T01:10:59","date_gmt":"2026-07-15T01:10:59","guid":{"rendered":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/"},"modified":"2026-07-15T14:11:02","modified_gmt":"2026-07-15T14:11:02","slug":"emotional-design-examples","status":"publish","type":"post","link":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/","title":{"rendered":"Emotional Design in 2026: The Human Signal AI Agents Still Can\u2019t Fake"},"content":{"rendered":"

Emotional design used to be the thing you added after the product worked, but that has flipped over the past couple of years. I see this happen constantly in my work as a UX researcher<\/a>. An AI copilot ships a functional screen in an afternoon, yet the screen still makes users feel nothing. AI agents don’t get a knot in their stomachs before launches or grin when a new interface gets positive user feedback. That’s why AI agents can’t design for the specific feeling a moment carries, only for the task underneath it. That gap is exactly where emotional design now lives.<\/p>\n

The gap is growing fast as AI-generated sameness spreads. Once any team can prompt its way to an accessible interface, functionality stops being a differentiator. The products people will still choose despite that shift are the ones that feel good to use. Don Norman identified three levels of emotional design: visceral, behavioral, and reflective. AI can fake its way to one or two of those levels, but it doesn’t have the firsthand emotional reference point needed to nail all three.<\/p>\n

This guide will go over emotional design in the AI era, the three levels of emotional design, and provide a curated collection of examples for you to learn from!
\n
\n\"demo<\/a><\/p>\n

What emotional design actually means when AI can generate passable UI in seconds<\/h2>\n

Emotional design comes down to shaping a product to make users feel something positive while using it, not just creating something that works. It’s aimed at loyalty, tolerance for the occasional bug, and whether someone recommends your product without being asked. Any team can vibe code interfaces in an afternoon, but that screen can’t make someone feel like the product respects their time, intelligence, or mood. That’s still a design decision that AI agents skip and that humans need to make.<\/p>\n

Emotional design compounds exactly because attention is the scarcest resource on a product team, and AI just made everyone’s roadmap longer.<\/p>\n

I asked Yazan Sehwail, our CEO here at Userpilot, about the impact of AI on SaaS development and his answer matched what I’ve been seeing in my own research:<\/p>\n

“As producing and building features becomes a lot cheaper, instead of every quarter you’re releasing one or two features, now you’re releasing seven, eight, nine. It becomes even harder for product teams to manually track each one and understand usage for each one.”<\/p><\/blockquote>\n

That’s the problem that compounds as feature velocity increases. Emotional design is what makes users forgive you for shipping fast and occasionally rough, because a product that feels intentionally designed and pleasant to use earns more patience than one that merely functions. It’s also what turns a first good impression into lasting adoption that keeps users coming back habitually. The reverse is just as true. A product that’s technically correct but emotionally flat gets replaced the moment a competitor ships something that feels better.<\/p>\n

Don Norman’s three levels of emotional design<\/h2>\n

Norman’s framework breaks the emotional connection into three sequential stages: visceral, behavioral, and reflective.<\/p>\n

\"The<\/p>\n

Here’s how they differ:<\/p>\n

    \n
  1. Visceral<\/strong> is the gut reaction, what a user feels in the first second before they’ve formed any opinion.<\/li>\n
  2. Behavioral<\/strong> is what happens while they’re using the product, such as how easily they complete a task.<\/li>\n
  3. Reflective<\/strong> is the conscious verdict afterward as to whether they would use it again or tell others about it.<\/li>\n<\/ol>\n

    The sections below will give you examples for all three categories so you can see how each type of emotional design is already being utilized by SaaS products.<\/p>\n

    Visceral emotional design examples<\/h2>\n

    Visceral reactions happen before a user has thought about anything. In SaaS, this shows up during the first ‘Aha’ moment<\/a> that usually occurs between signup and the first real task. Waiting screens are still one of the easiest places to get this wrong. Rather than leaving someone staring at a generic spinner, show them what’s happening. I’ve watched session replays<\/a> where a loading screen with a short message describing the ongoing process (e.g., “indexing your workspace now”) kept users engaged while waiting.<\/p>\n

    \"userpilot-preloading-page\"
    Userpilot’s builder explains that content is being retrieved while users wait for it to load.<\/figcaption><\/figure>\n

    Loading pages<\/a> have quietly become their own design discipline, and the products doing it well treat the waiting time as a part of the story rather than a workflow pause. Tone matters just as much as timing. Friendly microcopy line humanizes a product in the first few seconds, while a robotic system message does the opposite. Slack has leaned on this for years, and it’s still one of the clearer examples of visceral design done well with human phrasing in exactly the spot where a user might otherwise feel like they’re talking to a machine.<\/p>\n

    \"slack-emotional-design\"
    Slack’s welcome screen uses friendly microcopy and human avatars to feel less corporate.<\/figcaption><\/figure>\n

    Behavioral emotional design examples<\/h2>\n

    Behavioral design is about what happens while someone is actually using your product, such as how efficiently they get through a task or how much friction<\/a> they encounter along the way. Personalized onboarding is table stakes now, with the bar moving to how contextual and specific that personalization is. Notion’s branched onboarding all shifts the entire flow based on the segment a user selects.<\/p>\n

    \"notion-onboarding-example\"
    Notion’s welcome screen adapts the onboarding flows that follow based on the user’s response to this initial survey.<\/figcaption><\/figure>\n

    I’ve seen this play out directly on our own product. When Userpilot’s email feature first shipped, our funnel showed a sudden drop at the domain verification step. Instead of filing a ticket and waiting for engineers to fix it, our product manager Abrar Abutouq built a targeting tooltip that highlighted the exact next step. Drop-off closed within days of the tooltip being added, with no development resources being used up in the process.<\/p>\n

    Reflective emotional design examples<\/h2>\n

    Reflective design is the final verdict a user reaches (whether consciously or unconsciously) after they’ve used your product. Did it solve their problem, will they use it again, and is it worth telling colleagues about? These are the questions that a user instinctively answers after using a product, and it’s where loyalty actually gets decided. Humor still works here when paired with the right dose of restraint. Asana’s “evil cobra” error messages turn an annoying moment into a memorable punchline without pretending the underlying problem doesn’t matter.<\/p>\n

    \"asana-error-message\"
    Asana error message.<\/figcaption><\/figure>\n

    We at Userpilot had a stats card tracking average time on page, but session replays showed us that only about 10% of users were interacting with it meaningfully. My first instinct was to cut it entirely. My manager pushed back on that instinct because 10% of an entire user base is still a sizable customer population. Sunsetting a feature they rely on can feel worse than leaving it alone. We compromised on a collapsible version that let the majority hide it while the minority could continue using it.<\/p>\n

    That’s the nuance of reflective design, respecting that a decision that cleans things up for one segment might feel like you’re taking something away from another user group.<\/p>\n

    Is your AI agent supporting emotional design or ignoring it<\/h2>\n

    Adding an AI agent to a product isn’t the same as adding emotional intelligence. A chatbot that answers questions correctly but writes in a flat voice can actively undermine the reflective layer you’ve worked to build everywhere else. I asked myself whether I’d want to be interviewed by an AI agent instead of a person, and the honest answer is no. Even a well-built agent still sits in an uncanny valley of being technically capable but not someone I’d want to share my curiosities or frustrations with.<\/p>\n

    \"emotional-design-signals\"<\/p>\n

    That’s not a knock on the (rapid-advancing) technology, just a reminder that some moments are reflective by nature because there’s a person on the other end. The teams getting this right treat AI as an intermediate layer that removes friction from the visceral and behavioral work, freeing up time for the reflective aspects that still need humans. That’s the design goal behind Userpilot’s own AI agent<\/a>. Lia was developed to bridge the gap between user feedback, session replays, and product analytics so that researchers like me can refocus our time towards high-value human tasks.<\/p>\n

    Before you delegate any part of the product experience to an AI agent, ask yourself three questions:<\/p>\n

      \n
    1. Does the moment call for a fast answer or a felt one.<\/li>\n
    2. Does the agent’s tone match the emotional weight of the task.<\/li>\n
    3. Is there a clear handoff to humans when AI doesn’t know the answer.<\/li>\n<\/ol>\n

      If you can’t answer all three, that workflow isn’t ready to be delegated to an AI agent.<\/p>\n

      Design for the feelings AI still can’t replicate<\/h2>\n

      Functional is the baseline now, not the differentiator it used to be.\u00a0 Emotional design is all that’s left to actually compete on because it’s harder to fake memorable moments than it is to generate a clean interface. Tools like session replays, in-app surveys, and AI agents can surface insights a lot faster than ever before, but humans still need to interpret what the feeling means and how to build products or features with that feeling in mind.<\/p>\n

      Book a demo<\/a> to see how Userpilot helps teams close the gap between what users say and what they do, so you can base your emotional design on behavioral product data instead of guesses!
      \n
      \n      \"demo<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

      Looking for emotional design examples to enhance your product experience? People care about how they feel when they’re using products, so you need to consider how your product makes users feel during their moment of interaction. We’ve compiled visceral, behavioural and reflective designs for you<\/p>\n","protected":false},"author":70,"featured_media":643358,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[7559],"tags":[64,52,201,421,51],"class_list":["post-12848","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-design","tag-product-adoption","tag-product-experience","tag-user-experience","tag-user-journey-map","tag-user-onboarding-experience"],"acf":[],"yoast_head":"\nEmotional Design Examples: What AI Still Can't Fake (2026)<\/title>\n<meta name=\"description\" content=\"Emotional design examples with Don Norman's three levels and a curated list of examples. Learn how to apply emotional design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Emotional Design Examples: What AI Still Can't Fake (2026)\" \/>\n<meta property=\"og:description\" content=\"Emotional design examples with Don Norman's three levels and a curated list of examples. Learn how to apply emotional design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-15T01:10:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-15T14:11:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/07\/emotional-design-examples-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1800\" \/>\n\t<meta property=\"og:image:height\" content=\"945\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kevin O'Sullivan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kevin O'Sullivan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/\"},\"author\":{\"name\":\"Kevin O'Sullivan\",\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/e997c8a11dc32c7a5f553e8d108b1ec9\"},\"headline\":\"Emotional Design in 2026: The Human Signal AI Agents Still Can\u2019t Fake\",\"datePublished\":\"2026-07-15T01:10:59+00:00\",\"dateModified\":\"2026-07-15T14:11:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/\"},\"wordCount\":1637,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/07\/emotional-design-examples-1.png\",\"keywords\":[\"product adoption\",\"product experience\",\"User Experience\",\"user journey map\",\"User Onboarding Experience\"],\"articleSection\":[\"UX & Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/\",\"url\":\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/\",\"name\":\"Emotional Design Examples: What AI Still Can't Fake (2026)\",\"isPartOf\":{\"@id\":\"https:\/\/userpilot.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/07\/emotional-design-examples-1.png\",\"datePublished\":\"2026-07-15T01:10:59+00:00\",\"dateModified\":\"2026-07-15T14:11:02+00:00\",\"author\":{\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/e997c8a11dc32c7a5f553e8d108b1ec9\"},\"description\":\"Emotional design examples with Don Norman's three levels and a curated list of examples. Learn how to apply emotional design.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/userpilot.com\/blog\/emotional-design-examples\/#primaryimage\",\"url\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/07\/emotional-design-examples-1.png\",\"contentUrl\":\"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/07\/emotional-design-examples-1.png\",\"width\":1800,\"height\":945,\"caption\":\"Emotional Design in 2026: The Human Signal AI Agents Still Can\u2019t Fake\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/userpilot.com\/blog\/#website\",\"url\":\"https:\/\/userpilot.com\/blog\/\",\"name\":\"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/userpilot.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/userpilot.com\/blog\/#\/schema\/person\/e997c8a11dc32c7a5f553e8d108b1ec9\",\"name\":\"Kevin O'Sullivan\",\"description\":\"Kevin O'Sullivan, Head of Product Design at Userpilot. Kevin is responsible for leading and growing a high-performing design team and fostering a culture of creativity and innovation. His leadership guides the overall user experience and ensures Userpilot's solutions remain intuitive, attractive, and market-leading.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/kevin-o-sullivan-899401aa\/\"],\"url\":\"https:\/\/userpilot.com\/blog\/author\/kevinuserpilot-co\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Emotional Design Examples: What AI Still Can't Fake (2026)","description":"Emotional design examples with Don Norman's three levels and a curated list of examples. Learn how to apply emotional design.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/","og_locale":"en_US","og_type":"article","og_title":"Emotional Design Examples: What AI Still Can't Fake (2026)","og_description":"Emotional design examples with Don Norman's three levels and a curated list of examples. Learn how to apply emotional design.","og_url":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/","og_site_name":"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog","article_published_time":"2026-07-15T01:10:59+00:00","article_modified_time":"2026-07-15T14:11:02+00:00","og_image":[{"width":1800,"height":945,"url":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/07\/emotional-design-examples-1.png","type":"image\/png"}],"author":"Kevin O'Sullivan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kevin O'Sullivan","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/#article","isPartOf":{"@id":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/"},"author":{"name":"Kevin O'Sullivan","@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/e997c8a11dc32c7a5f553e8d108b1ec9"},"headline":"Emotional Design in 2026: The Human Signal AI Agents Still Can\u2019t Fake","datePublished":"2026-07-15T01:10:59+00:00","dateModified":"2026-07-15T14:11:02+00:00","mainEntityOfPage":{"@id":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/"},"wordCount":1637,"commentCount":0,"image":{"@id":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/07\/emotional-design-examples-1.png","keywords":["product adoption","product experience","User Experience","user journey map","User Onboarding Experience"],"articleSection":["UX & Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/userpilot.com\/blog\/emotional-design-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/","url":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/","name":"Emotional Design Examples: What AI Still Can't Fake (2026)","isPartOf":{"@id":"https:\/\/userpilot.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/#primaryimage"},"image":{"@id":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/07\/emotional-design-examples-1.png","datePublished":"2026-07-15T01:10:59+00:00","dateModified":"2026-07-15T14:11:02+00:00","author":{"@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/e997c8a11dc32c7a5f553e8d108b1ec9"},"description":"Emotional design examples with Don Norman's three levels and a curated list of examples. Learn how to apply emotional design.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/userpilot.com\/blog\/emotional-design-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/userpilot.com\/blog\/emotional-design-examples\/#primaryimage","url":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/07\/emotional-design-examples-1.png","contentUrl":"https:\/\/blog-static.userpilot.com\/blog\/wp-content\/uploads\/2026\/07\/emotional-design-examples-1.png","width":1800,"height":945,"caption":"Emotional Design in 2026: The Human Signal AI Agents Still Can\u2019t Fake"},{"@type":"WebSite","@id":"https:\/\/userpilot.com\/blog\/#website","url":"https:\/\/userpilot.com\/blog\/","name":"Thoughts about Product Adoption, User Onboarding and Good UX | Userpilot Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/userpilot.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/userpilot.com\/blog\/#\/schema\/person\/e997c8a11dc32c7a5f553e8d108b1ec9","name":"Kevin O'Sullivan","description":"Kevin O'Sullivan, Head of Product Design at Userpilot. Kevin is responsible for leading and growing a high-performing design team and fostering a culture of creativity and innovation. His leadership guides the overall user experience and ensures Userpilot's solutions remain intuitive, attractive, and market-leading.","sameAs":["https:\/\/www.linkedin.com\/in\/kevin-o-sullivan-899401aa\/"],"url":"https:\/\/userpilot.com\/blog\/author\/kevinuserpilot-co\/"}]}},"_links":{"self":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/12848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/comments?post=12848"}],"version-history":[{"count":5,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/12848\/revisions"}],"predecessor-version":[{"id":643409,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/posts\/12848\/revisions\/643409"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/media\/643358"}],"wp:attachment":[{"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/media?parent=12848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/categories?post=12848"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/userpilot.com\/blog\/wp-json\/wp\/v2\/tags?post=12848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}