{"id":225,"date":"2025-09-09T16:57:50","date_gmt":"2025-09-09T16:57:50","guid":{"rendered":"https:\/\/hitchhikersguidetodesign.com\/book\/?p=225"},"modified":"2025-09-11T00:23:32","modified_gmt":"2025-09-11T00:23:32","slug":"uncanny-valley","status":"publish","type":"post","link":"https:\/\/hitchhikersguidetodesign.com\/book\/uncanny-valley\/","title":{"rendered":"10 \u2022 Uncanny Valley"},"content":{"rendered":"\n<p>The \u201cuncanny valley\u201d is that unsettling gap between <em>almost human<\/em> and <em>human<\/em>. In UX and product design, it\u2019s the moment when something looks realistic enough to trigger our expectations for real-world behavior, but falls just short, creating discomfort instead of delight. Think avatars with glassy eyes, chatbots with suspiciously human typing pauses, or \u201crealistic\u201d micro interactions that feel <em>off<\/em> in a way you can\u2019t quite name.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">ORIGIN<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>The term was coined in 1970 by Masahiro Mori, a Japanese roboticist. Mori observed that as robots became more human-like, people\u2019s comfort with them increased, up to a point. Then, just before they became indistinguishable from humans, comfort levels plummeted into a \u201cvalley\u201d of eeriness.<br>The theory has since expanded beyond robotics to include animation, virtual reality, and UX design.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">WHEN<\/h3>\n\n\n\n<p>You might stumble into the uncanny valley when:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Your 3D app mascot looks just human enough to be creepy.<\/li>\n\n\n\n<li>An AI assistant uses slang or humor in a way that feels forced.<\/li>\n\n\n\n<li>A micro interaction mimics physics too perfectly, making the rest of the UI feel unnatural.<\/li>\n\n\n\n<li>A voice interface nails tone but messes up basic context.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">WHY<\/h3>\n\n\n\n<p>The uncanny valley matters because:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It breaks user trust, if something looks human but behaves unnaturally, we start questioning everything else.<\/li>\n\n\n\n<li>It creates cognitive dissonance; our brains expect certain sensory and behavioral cues that aren\u2019t delivered.<\/li>\n\n\n\n<li>It\u2019s distracting, users focus on the weirdness instead of their task.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">HOW<\/h3>\n\n\n\n<p>To avoid plunging into the uncanny valley:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dial back realism.<\/strong> Lean into stylization if you can\u2019t cross the valley convincingly.<\/li>\n\n\n\n<li><strong>Prioritize behavior over looks.<\/strong> Users forgive simple visuals if the interaction feels natural.<\/li>\n\n\n\n<li><strong>Test with fresh eyes.<\/strong> What you\u2019ve been staring at for weeks might feel \u201cnormal\u201d to you but unsettling to new users.<\/li>\n\n\n\n<li><strong>Aim for consistency.<\/strong> A hyper-realistic avatar in a cartoonish UI feels jarring.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">PRO TIP<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>When in doubt, <em>stop at charmingly fake<\/em>. It\u2019s better to be delightfully unrealistic than disturbingly almost real.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">EXAMPLES<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Early CGI movie characters that looked like wax figures.<\/li>\n\n\n\n<li>A realistic hand cursor in a stylized 2D app.<\/li>\n\n\n\n<li>An AI-generated profile picture that looks great, until you notice the teeth.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">CONCLUSION<\/h3>\n\n\n\n<p>The uncanny valley isn\u2019t just a robotics thing; it\u2019s a design reality check. Sometimes, the most human touch is knowing when <em>not<\/em> to be too human.<\/p>\n\n\n\n<p><em>Also known as: Creepy realism gap \u2022 Almost-human discomfort \u2022 The Eerie Dip<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The \u201cuncanny valley\u201d is that unsettling gap between almost human and human. In UX and product design, it\u2019s the moment when something looks realistic enough to trigger our expectations for real-world behavior, but falls just short, creating discomfort instead of delight. Think avatars with glassy eyes, chatbots with suspiciously human typing pauses, or \u201crealistic\u201d micro interactions that feel off in a way you can\u2019t quite name.<\/p>\n","protected":false},"author":1,"featured_media":326,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[22],"tags":[19,21,20,35,50,39],"class_list":["post-225","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-style-over-substance","tag-design","tag-funny","tag-idiom","tag-ui","tag-uncanny-valley","tag-ux","entry","has-media","owp-thumbs-layout-horizontal","owp-btn-big","owp-tabs-layout-horizontal","has-no-thumbnails","has-product-nav"],"jetpack_featured_media_url":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-content\/uploads\/2025\/09\/10.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-json\/wp\/v2\/posts\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":1,"href":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-json\/wp\/v2\/posts\/225\/revisions\/227"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-json\/wp\/v2\/media\/326"}],"wp:attachment":[{"href":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hitchhikersguidetodesign.com\/book\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}