<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:googleplay="http://www.google.com/schemas/play-podcasts/1.0"><channel><title><![CDATA[TheUXForge]]></title><description><![CDATA[The Psychology of UX and Product Design.]]></description><link>https://www.theuxforge.com</link><image><url>https://substackcdn.com/image/fetch/$s_!0xug!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6732618e-7f34-426b-935e-b7905bd584ed_500x500.png</url><title>TheUXForge</title><link>https://www.theuxforge.com</link></image><generator>Substack</generator><lastBuildDate>Thu, 16 Apr 2026 07:48:52 GMT</lastBuildDate><atom:link href="https://www.theuxforge.com/feed" rel="self" type="application/rss+xml"/><copyright><![CDATA[Elunyx]]></copyright><language><![CDATA[en]]></language><webMaster><![CDATA[theuxforge@substack.com]]></webMaster><itunes:owner><itunes:email><![CDATA[theuxforge@substack.com]]></itunes:email><itunes:name><![CDATA[TheUXForge]]></itunes:name></itunes:owner><itunes:author><![CDATA[TheUXForge]]></itunes:author><googleplay:owner><![CDATA[theuxforge@substack.com]]></googleplay:owner><googleplay:email><![CDATA[theuxforge@substack.com]]></googleplay:email><googleplay:author><![CDATA[TheUXForge]]></googleplay:author><itunes:block><![CDATA[Yes]]></itunes:block><item><title><![CDATA[Designing for AI: Don't Do It for Me]]></title><description><![CDATA[Why users don't always want AI to take over and how to design for those who don't.]]></description><link>https://www.theuxforge.com/p/designing-for-ai-dont-do-it-for-me</link><guid isPermaLink="false">https://www.theuxforge.com/p/designing-for-ai-dont-do-it-for-me</guid><dc:creator><![CDATA[TheUXForge]]></dc:creator><pubDate>Mon, 06 Apr 2026 13:02:52 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/7b0dfb24-ddff-46b9-a477-92bb9d587e17_1200x630.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h1>Let Me Cook.</h1><p>Picture this. You&#8217;re cooking your famous chilli for your best friend. You&#8217;ve pulled out the ingredients, you know the recipe by heart, and you&#8217;re ready to go. Now imagine a helpful stranger walks into your kitchen, looks around, and just... starts doing things. They preheat the oven, and they dice your onions . Great, that&#8217;s helpful! But then they start mixing in their own spices, they decide to use ground turkey instead of beef, and they substitute kidney beans for pinto beans.</p><p>Sure, the chilli will be made, but it doesn&#8217;t feel like yours anymore.</p><p>This is what bad AI design feels like. Not because the AI made bad choices, but because it made choices that it wasn&#8217;t supposed to make. And as designers building AI-powered products, this is one of the most consequential decisions we face: not <em>what</em> the AI does, but what it <em>should</em> be allowed to do on its own<em>.</em></p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><h2>Automation Should Be a Spectrum</h2><p>The instinct in most AI product teams is to frame automation as binary. Either the AI does it, or the user does. But that&#8217;s not how it works in practice, and designing as if it were leads to products that can be frustrating and sometimes even dangerous.</p><p>Automation is a spectrum. Researchers have known this since 1978, when Thomas Sheridan and William Verplank at MIT published what became the foundational framework for human-machine interaction: a scale from full human control to full computer autonomy, with meaningful gradations in between. It was built for undersea robotics and aviation. The principles apply just as well to AI product design.</p><p>On one end of the spectrum, <em>the AI suggests</em>, it offers recommendations and waits. Think of the Smart Compose feature in Gmail, when you type something, it suggests a sentence; you can press tab to accept the suggestion or simply keep typing to ignore it. On the other end of the spectrum, the AI acts autonomously, silently, and without asking. The interesting design decisions don&#8217;t live at either extreme, but somewhere in the middle.</p><p>The first is <em>how</em>. How should the AI approach the task? What tone, what format, what level of confidence should it project? These are questions of execution, and they&#8217;re the ones most product teams spend their time on.</p><p>The second is <em>if</em>. Should the AI complete this task at all? And if so, in what way, and at what point does it stop and hand back control? These are harder questions, and more consequential ones. A feature that answers <em>how</em> beautifully but gets <em>if</em> wrong can still cause real harm; it can send the email you didn&#8217;t mean to send, make the edit you wanted to review first, or take the action you weren&#8217;t ready for.</p><p>At the very heart of this is the real trade-off that designers need to make when it comes to designing for AI automation: <strong>Speed vs Responsibility.</strong></p><p></p><h2>The Trade-Off</h2><p>Every step toward more automation is a step toward faster outcomes and reduced user accountability. Every step toward more control is a step toward slower outcomes and higher user ownership. This is the fundamental trade-off across every AI feature. The question designers need to answer is where on that spectrum any given feature should sit, and why.</p><p>The research bears this out. A 2014 meta-analysis of automation studies found that while higher automation reliably improves routine performance and reduces workload, it creates a serious problem when things go wrong: users who&#8217;ve been out of the loop struggle to take back control precisely when it matters most. Psychologists call this the &#8220;out-of-the-loop&#8221; phenomenon. The faster the AI has been operating, the harder the handoff back to the human. A product that automates completely is implicitly saying: <em>we own the outcome</em>. A product that keeps the human in control is saying: <em>you do</em>. Most AI features sit somewhere in the middle, which means designers need to be honest about how much responsibility they&#8217;re quietly shifting away from the user and whether that shift is appropriate for what&#8217;s at stake.</p><p>And what&#8217;s at stake depends on two things: who&#8217;s using it, and what they&#8217;re doing with it.</p><p></p><h2>Novices Want Speed, Experts Want Control</h2><p>The right position on the automation dial isn't the same for everyone. It can change depending on the user&#8217;s skill level, goals, and responsibilities. </p><p><strong>Novice users tend to want more automation.</strong> They&#8217;re trying to close a gap between what they know and what they need to produce. An AI that fills in, simplifies, and handles the hard parts feels genuinely useful. The cognitive cost of manual control &#8212; understanding the options, making the call, taking responsibility for the outcome &#8212; is a cost they&#8217;d rather not pay yet. Automation lowers the floor and gets them to a result.</p><p><strong>Expert users tend to want less.</strong> They already know how to do the thing. What they want is to do it faster, with less friction. The moment an AI overrides their judgment, produces output they didn&#8217;t sanction, or makes a decision they would have made differently, it creates frustration. It&#8217;s in the way. Experts have what psychologists call a strong <strong>internal locus of control</strong>: a deep sense of agency over their work. Automation that bypasses them doesn&#8217;t feel like a shortcut.</p><p>This has a practical implication that most AI products ignore: the optimal place in the spectrum of control is a moving target. A useful design pattern is to start new users with higher automation defaults and progressively surface manual controls as they grow in confidence. Let the product earn the trust and right to automate. Provide users with the ability to control their level of automation during onboarding, so novices and experts can start exactly where they want. </p><p></p><h2>High Stakes Always Mean High Control</h2><p>When the outcome of an AI action is consequential: medically, financially, or legally, these are the situations where the human in the loop is a design requirement.<br><br>There&#8217;s a well-documented cognitive phenomenon called <strong>automation bias</strong>: our tendency to over-trust automated systems, even when we have information that contradicts them. The more confident an AI appears, the more likely users are to defer to it uncritically. In low-stakes contexts, this is tolerable. In high-stakes ones, it can be catastrophic.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!wzKp!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!wzKp!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png 424w, https://substackcdn.com/image/fetch/$s_!wzKp!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png 848w, https://substackcdn.com/image/fetch/$s_!wzKp!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png 1272w, https://substackcdn.com/image/fetch/$s_!wzKp!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!wzKp!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png" width="1360" height="1040" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1040,&quot;width&quot;:1360,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:67178,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.theuxforge.com/i/192437061?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!wzKp!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png 424w, https://substackcdn.com/image/fetch/$s_!wzKp!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png 848w, https://substackcdn.com/image/fetch/$s_!wzKp!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png 1272w, https://substackcdn.com/image/fetch/$s_!wzKp!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F301eddd8-c990-48f0-9e9a-603bdcd41526_1360x1040.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Where your feature sits on this map should determine how much control you give the user.</figcaption></figure></div><p>Consider AI diagnostic tools in healthcare. These systems can analyse imaging, flag anomalies, and identify patterns a human eye might miss. These tools can be extremely useful and valuable. But a radiologist who accepts an AI&#8217;s recommendation without scrutiny has abdicated judgment, and the AI cannot bear that responsibility in their place. These functional high-stakes AI have a defining characteristic: the output is factual, verifiable, and the error has a clear victim. In these types of applications, transparency and override control are absolutely essential because a single error can cost someone their health, money, or freedom. The AI&#8217;s job in these cases is not to make decisions, but to provide accurate information to inform the decision.</p><p>High-stakes creative or personal AI (writing a eulogy, designing a brand identity, producing music for release) is different in a subtler way. There&#8217;s no objectively right answer. If an AI writes your eulogy for you, it might be a perfectly good eulogy. but it isn&#8217;t yours. The emotional weight of that piece comes from the fact that <em>you</em> found those words. Automate it, and you&#8217;ve solved the wrong problem. The design implication here is about <strong>augmentation over generation</strong>. The AI should sharpen your thinking, surface possibilities, remove friction, not produce the finished thing. Control matters here not because mistakes are dangerous, but because the process is the point.</p><p></p><h2>The Essential Feature: Undo</h2><p>Wherever your product sits on the control spectrum, one principle is non-negotiable: users must always be able to go back.</p><p>The more autonomous the AI, the more essential undo becomes. It builds trust, encourages experimentation, and most importantly, provides a failsafe for when the AI gets it wrong. And it will get it wrong, because that&#8217;s how LLMs are by design. </p><p>Most AI tools today are powered by large language models, and LLMs are non-deterministic by design. This means if you run the same prompt twice, you&#8217;ll likely get two different responses. At its most benign, this produces useful variability. At its most disruptive, it produces what the industry calls <strong>hallucinations</strong>: outputs that are confident, fluent, and factually wrong. The model didn&#8217;t malfunction; it has no concept of right or wrong, only probability. It just landed on the wrong part of the distribution.</p><p>This is the thing that makes undo categorically different in AI products than in traditional software. A deterministic system makes predictable mistakes, the same bug triggers the same error, and you can design around it. A probabilistic system can fail in ways nobody anticipated, including the people who built it. If the AI can act, the user must be able to reverse it, cleanly, immediately, and without penalty for having trusted the system in the first place.</p><p></p><h2>Good AI is a Great Sous Chef</h2><p>The best sous chef in the world knows two things: how to cook, and when to stay out of the way. They prep, they assist, they catch things you&#8217;d miss. But when you&#8217;re plating the dish, they hand you the spoon.</p><p>AI works exactly the same way. The question isn&#8217;t how much can we automate, its how much does this person want automated, right now, for this specific task. And the honest answer to that varies by user, by task, by stakes, and by how much someone&#8217;s own judgment and voice are wrapped up in the outcome.</p><p>Design for the spectrum of control thoughtfully, default to augmentation over automation, and let users adjust their own level of trust. And always, always let them go back.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Microinteractions: The Tiny Moments That Make Users Trust a Product ]]></title><description><![CDATA[Good design closes the loop. Great design makes you glad it did.]]></description><link>https://www.theuxforge.com/p/microinteractions-the-tiny-moments</link><guid isPermaLink="false">https://www.theuxforge.com/p/microinteractions-the-tiny-moments</guid><dc:creator><![CDATA[TheUXForge]]></dc:creator><pubDate>Mon, 23 Mar 2026 13:40:36 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/5d10a4ef-06ac-465a-aae4-40453523bf24_1200x630.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Think about the last time you liked a photo on Instagram. You tapped the heart, it burst into red with a little bounce, and you moved on. The whole thing took less than a second, and you probably didn&#8217;t think about it at all.</p><p>That tiny animation wasn&#8217;t just decoration, but an intentionally designed interaction. It was doing two things at once: confirming that your action registered, and making the confirmation feel good. Most microinteractions only do the first part. The best ones manage both, and the difference between those two outcomes is what separates products that feel functional from products that feel alive.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><h2>The Job Microinteractions Were Built to Do</h2><p>A <strong>microinteraction</strong> is a single-task interaction built around one contained moment, a tap, a toggle, a swipe, or a form submission. The concept was defined by product designer Dan Saffer, and at its core, it describes something simple: every action a user takes deserves a response from the system.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!DJsq!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!DJsq!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png 424w, https://substackcdn.com/image/fetch/$s_!DJsq!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png 848w, https://substackcdn.com/image/fetch/$s_!DJsq!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png 1272w, https://substackcdn.com/image/fetch/$s_!DJsq!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!DJsq!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png" width="1456" height="243" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:243,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:54484,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.theuxforge.com/i/191694432?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!DJsq!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png 424w, https://substackcdn.com/image/fetch/$s_!DJsq!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png 848w, https://substackcdn.com/image/fetch/$s_!DJsq!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png 1272w, https://substackcdn.com/image/fetch/$s_!DJsq!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F48bdaea3-fb60-4521-86d1-391cca7dc618_2340x390.png 1456w" sizes="100vw" fetchpriority="high"></picture><div></div></div></a><figcaption class="image-caption">The anatomy of every microinteraction (Dan Saffer, 2013)</figcaption></figure></div><p>The reason this matters goes back to basic psychology. Our brains are prediction machines. We constantly scan our environment to understand cause and effect, and when we take an action and get no visible response, something feels off. Not dramatically wrong, just slightly unsettled. It&#8217;s the same feeling you get pressing a crosswalk button with a dead light, or submitting a form and staring at a screen that hasn&#8217;t changed. You find yourself asking: Did that actually work?</p><p>Microinteractions exist to answer that question before it forms. They close the <strong>feedback loop</strong>, the psychological mechanism that makes systems feel predictable and trustworthy. When the loop is open, users hesitate, second-guess, and sometimes abandon. When it&#8217;s closed, they move forward with confidence. </p><h2>Feedback First, Always</h2><p>The foundation of any microinteraction is feedback: some signal that the system heard you. This can be visual (a button changing color on press), auditory (the iOS &#8220;sent&#8221; whoosh when an email leaves your outbox), or haptic (the subtle vibration when you toggle a switch on your phone). Often, the most effective designs layer all three together, because redundancy ensures that even if one channel is missed, another catches it.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!MF7l!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd9debd3-d29c-4497-9bf1-b09992c9ce8e_1500x730.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!MF7l!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd9debd3-d29c-4497-9bf1-b09992c9ce8e_1500x730.png 424w, https://substackcdn.com/image/fetch/$s_!MF7l!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd9debd3-d29c-4497-9bf1-b09992c9ce8e_1500x730.png 848w, https://substackcdn.com/image/fetch/$s_!MF7l!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd9debd3-d29c-4497-9bf1-b09992c9ce8e_1500x730.png 1272w, https://substackcdn.com/image/fetch/$s_!MF7l!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd9debd3-d29c-4497-9bf1-b09992c9ce8e_1500x730.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!MF7l!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd9debd3-d29c-4497-9bf1-b09992c9ce8e_1500x730.png" width="1456" height="709" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/fd9debd3-d29c-4497-9bf1-b09992c9ce8e_1500x730.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:709,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Button design for websites and mobile apps - Justinmind&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Button design for websites and mobile apps - Justinmind" title="Button design for websites and mobile apps - Justinmind" srcset="https://substackcdn.com/image/fetch/$s_!MF7l!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd9debd3-d29c-4497-9bf1-b09992c9ce8e_1500x730.png 424w, https://substackcdn.com/image/fetch/$s_!MF7l!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd9debd3-d29c-4497-9bf1-b09992c9ce8e_1500x730.png 848w, https://substackcdn.com/image/fetch/$s_!MF7l!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd9debd3-d29c-4497-9bf1-b09992c9ce8e_1500x730.png 1272w, https://substackcdn.com/image/fetch/$s_!MF7l!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ffd9debd3-d29c-4497-9bf1-b09992c9ce8e_1500x730.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><em>Well-designed button states give users clear visual confirmation at every stage of interaction.</em> Image from <a href="https://www.justinmind.com/blog/button-design-websites-mobile-apps/">Justinmind.</a></figcaption></figure></div><p>What&#8217;s easy to underestimate is how much the <em>absence</em> of feedback costs you. Research from <a href="https://www.nngroup.com/">Nielsen Norman Group</a> shows that delays of even 100 milliseconds can disrupt a user&#8217;s sense of direct manipulation, that feeling that they are controlling the interface rather than waiting on it. The implication for designers is that feedback doesn&#8217;t just need to be present, it needs to be immediate. A spinner that appears half a second after a button press still creates doubt. A state change that happens the moment your finger lifts does not.</p><p>Progress and loading states are a particular place where designers can either earn trust or quietly lose it. A blank screen while content loads feels like nothing is happening. A skeleton screen (the placeholder layout that mimics incoming content) feels like the product is already at work on your behalf. The difference in actual load time is zero. The difference in perceived wait time is significant, because our brains interpret visible activity as progress, even when it&#8217;s only a representation.</p><p>The same logic applies to form validation, error states, and success confirmations. A "Message sent" banner that slides in after you submit a contact form isn't just a nice touch; it's closing a loop that would otherwise stay open. I&#8217;m sure you&#8217;ve had times where that confirmation was missing, and you&#8217;ve found yourself asking, &#8220;Did it work? &#8220;Do I need to resubmit?&#8221; That&#8217;s the cost of leaving the loop open.<br></p><h2>Where Feedback Becomes Delight</h2><p>Here&#8217;s where it gets more interesting. Once feedback is doing its job reliably, you have an opportunity to make it do something more: to make the interaction feel good, not just correct.</p><p>This is the realm of <strong>motion design</strong> and <strong>delight</strong>, and it&#8217;s one of the most misunderstood areas of product design. Delight doesn&#8217;t mean playful animations everywhere, or confetti cannons on every button press. It means using motion with intention, to communicate something that a static state change cannot.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!MmZW!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F16827432-82f2-4a3b-9d3a-a20b2e29802c_992x600.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!MmZW!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F16827432-82f2-4a3b-9d3a-a20b2e29802c_992x600.jpeg 424w, https://substackcdn.com/image/fetch/$s_!MmZW!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F16827432-82f2-4a3b-9d3a-a20b2e29802c_992x600.jpeg 848w, https://substackcdn.com/image/fetch/$s_!MmZW!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F16827432-82f2-4a3b-9d3a-a20b2e29802c_992x600.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!MmZW!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F16827432-82f2-4a3b-9d3a-a20b2e29802c_992x600.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!MmZW!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F16827432-82f2-4a3b-9d3a-a20b2e29802c_992x600.jpeg" width="992" height="600" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/16827432-82f2-4a3b-9d3a-a20b2e29802c_992x600.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:600,&quot;width&quot;:992,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Animating the Duolingo Streak - Duolingo Blog&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Animating the Duolingo Streak - Duolingo Blog" title="Animating the Duolingo Streak - Duolingo Blog" srcset="https://substackcdn.com/image/fetch/$s_!MmZW!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F16827432-82f2-4a3b-9d3a-a20b2e29802c_992x600.jpeg 424w, https://substackcdn.com/image/fetch/$s_!MmZW!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F16827432-82f2-4a3b-9d3a-a20b2e29802c_992x600.jpeg 848w, https://substackcdn.com/image/fetch/$s_!MmZW!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F16827432-82f2-4a3b-9d3a-a20b2e29802c_992x600.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!MmZW!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F16827432-82f2-4a3b-9d3a-a20b2e29802c_992x600.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"><em>Duolingo&#8217;s streak celebration uses animation as emotional reinforcement, not just visual confirmation.<a href="https://blog.duolingo.com/streak-milestone-design-animation/"> Image from Duolingo Blog.</a></em></figcaption></figure></div><p>Consider Duolingo&#8217;s correct answer animation. The green glow, the cheerful sound, the way the screen seems to briefly celebrate with you. Each of those elements is feedback in the technical sense (the system is confirming you got it right), but the animation goes further than acknowledgment. It creates a small emotional reward. Psychologists call this <strong>positive reinforcement</strong>, and it&#8217;s exactly what Duolingo is engineering: a conditioned association between getting an answer right and feeling good about it. It&#8217;s a deliberate design decision that keeps people coming back.</p><p>Or take the iOS rubber-band scroll effect, the way the screen stretches and snaps back when you reach the edge of a page. It serves no functional purpose in the strict sense. Nothing new happens when you hit the bottom. But the elasticity communicates something important: <em>you&#8217;ve reached a boundary, and the system is acknowledging it.</em> Without that feedback, hitting the scroll limit feels abrupt and disorienting. With it, the interface feels physical, like something with real edges and weight.</p><p>What both examples share is that the animation isn&#8217;t just decorating a state change. It&#8217;s communicating a relationship between the user and the system. Duolingo&#8217;s animation says: <em>We noticed what you did, and it mattered.</em> The scroll effect says: <em>you pushed against a limit, and the product pushed back.</em> That kind of communication builds a subtle but cumulative sense of trust.</p><h2>What This Means When You&#8217;re Designing</h2><p>Every interaction in your product is a conversation between the user and the system. Microinteractions are the responses in that conversation, and how you respond shapes how the user feels about the relationship over time.</p><p>The baseline is always feedback: every action needs an acknowledgment. A button press without a state change is a question with no answer. A form submission without a confirmation is an email left on read. Once that baseline is solid, you have room to go further, to use motion not just as confirmation but as communication, as an emotional cue, as the thing that makes a product feel like it was designed by someone who cared about the experience of using it.</p><p>The best microinteractions are the ones users never consciously notice. They&#8217;re the reason an app feels smooth, but nobody can explain why. They&#8217;re the millisecond animations, the haptic nudges, the state changes that arrive before doubt has a chance to form. Get them right, and your product doesn&#8217;t just work. It feels like it&#8217;s on your side.</p><p></p>]]></content:encoded></item><item><title><![CDATA[The Power of Reciprocity in UX and Product Design]]></title><description><![CDATA[Why giving value first builds trust, loyalty, and conversions.]]></description><link>https://www.theuxforge.com/p/the-power-of-reciprocity-in-ux-and</link><guid isPermaLink="false">https://www.theuxforge.com/p/the-power-of-reciprocity-in-ux-and</guid><dc:creator><![CDATA[TheUXForge]]></dc:creator><pubDate>Mon, 29 Sep 2025 14:03:02 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/783ae498-b83b-4631-9b03-486702bf6850_420x300.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Imagine you walk into a grocery store and someone hands you a free sample of chocolate. You weren&#8217;t exactly planning to buy chocolates, but now you&#8217;re suddenly thinking about it&#8230;maybe even putting a box into your cart. Why does this happen? This is a social norm called reciprocity, and it triggers the feeling (sometimes even an obligation) of giving back. Of course, it&#8217;s not some magic spell; you&#8217;re not guaranteed to buy a box of chocolates, but I bet if you&#8217;ve ever been in one of these situations, you&#8217;ve certainly felt that tug of reciprocity.</p><h3>Why the Principle of Reciprocity Matters</h3><p>In social psychology, reciprocity is the principle that when someone gives us something of value, we feel an innate obligation to return the favor. It&#8217;s why free samples work, it&#8217;s why lead magnets are effective, and why a small gesture of goodwill can spark long-term trust. In UX, reciprocity is just as important. Have you ever really considered when the best time to ask users to sign-up or subscribe is? Understanding this principle will help you design more effective user flows. In our example of free samples, there is a physical exchange, but in the digital world, it&#8217;s more often about providing something of value before expecting user commitment. When users feel like a product has already given them something of value, they&#8217;re much more willing to return the favor, whether that&#8217;s subscribing to your app, signing up for a newsletter, or providing you with contact information.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><h3>Reciprocity in UX Design</h3><p>Reciprocity isn&#8217;t just an abstract theory; it is well-researched psychology, and some of the most successful products utilize it. Let&#8217;s look at two examples and see how powerful reciprocity can be.</p><h4><em>Free Trials - Figma</em></h4><p>If you&#8217;re reading this article, you&#8217;re no doubt familiar with Figma. Figma implements one of my favourite forms of free trials: there are no time limits, and you have full access to core features. You might be wondering how on earth this could be effective; they&#8217;re literally giving their product away for free! Let&#8217;s think about it from a product strategy perspective. By letting you access its full feature set, you get to experience the product exactly as you would if you were a paid user. This builds immediate trust with the user because they can see firsthand the value your product provides. As you use Figma, you&#8217;re investing your time, effort, and creativity on the platform, which makes them much more likely to stick around.</p><p>When does Figma actually gate you? When you require more than 1 project or more than 3 pages per project. By this time, you&#8217;ve already fully invested and you&#8217;re perfectly primed to reciprocate the value they&#8217;ve provided by purchasing a subscription. <br><br>There&#8217;s another benefit to this approach: it removes the barrier to entry. Whether you&#8217;re a student, a freelancer, or in the early stages of a startup, you can start without spending a dollar. Eventually, you grow, scale, and continue getting value from Figma; now paying for it feels like a cost and more like a natural next step to your growth.<br><br>All of this revolves around Figma providing you with value before it asks for your money.</p><h4><em>Gradual Engagement - Duolingo</em></h4><p>Duolingo also employs a similar strategy of reciprocity called gradual engagement. Like Figma, they let you jump into the core product experience right away, but they go a step further: you don&#8217;t even need to create an account to get started! Instead, they turn this barrier into a reciprocal action at the end of the user flow (we&#8217;ll get to that later).</p><p>Duolingo is a language learning app, which makes understanding the value of the app much more direct than something like Figma. Within seconds of launching the app for the first time, you&#8217;re already learning words from a different language. Baked into this process is gamification, visual indicators of progression, positive reinforcement, and many other strategies to make you feel like you&#8217;re getting value from the app. Similar to Figma, you get the full core experience with nothing gated behind a paywall. Unlike Figma, there&#8217;s no hard limitation for when you need to upgrade; instead, Duolingo uses different criteria to prompt you to subscribe. Some of those moments include: reaching certain milestones in your learning journey (which also plays into the <a href="https://www.theuxforge.com/p/cognitive-biases-1-not-every-moment">peak-end rule</a>), offering a premium free trial after multiple days of usage, when you frequently run out of hearts, etc.</p><p>By the time you get prompted to create an account to &#8220;save your progress&#8221;, it&#8217;s no longer a barrier; instead, it&#8217;s additional value! Now signing up is no longer about locking content; it&#8217;s framed in a way where they&#8217;re removing friction, preserving your progress, and it&#8217;s really an additional feature. You&#8217;re already invested, you&#8217;ve already learned a bunch of words and phrases, and you&#8217;re ready to sign up.</p><p>These strategies work because there is a psychological investment; people don&#8217;t like to abandon things they&#8217;ve started or invested time into.</p><h3>How to use Reciprocity</h3><p>How can you apply the Principle of Reciprocity in your designs? Just remember the core concept: provide the value first and ask for their loyalty later. This can take many forms depending on what your product or goals are. If you&#8217;re creating a lead magnet, provide a preview of your eBook or Whitepaper rather than completely gatekeeping it behind a form. If your product can provide a free model like Figma or Duolingo, that&#8217;s great! If you can&#8217;t, substitute it by providing smaller moments of delight, welcome discounts, or some other form of instant value that will trigger reciprocity. The timing of your ask is also important. It should always be <em>after </em>you provide users with value or removing a pain point. This heightens the sense that they&#8217;re making a fair exchange of value.</p><p>As you&#8217;re designing with reciprocity in mind, remember that you&#8217;re not trying to trick the user; always provide something of actual value, not the illusion of it. Because if it&#8217;s done in a way where it feels inauthentic, reciprocity can backfire, and you can lose the user&#8217;s trust.</p><h3>Conclusion</h3><p>Reciprocity is a fundamental social norm that shapes how people interact with your product. When you build trust, reduce friction, and create a fair exchange, you foster a user base that is loyal to your product. The most effective call to action starts with a gift of value.</p><p></p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Why Feedback is Essential for Human Interactions]]></title><description><![CDATA[Explore why providing feedback is fundamentally important to a positive user experience.]]></description><link>https://www.theuxforge.com/p/why-feedback-is-essential-for-human</link><guid isPermaLink="false">https://www.theuxforge.com/p/why-feedback-is-essential-for-human</guid><dc:creator><![CDATA[TheUXForge]]></dc:creator><pubDate>Tue, 12 Aug 2025 14:03:23 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/0c444adf-f0be-42e7-bbce-8ebe00c518d0_1200x630.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h3>The Human Need for Feedback</h3><p>You&#8217;ve just had a productive workday and you&#8217;re ready to go home. You get to the elevators and press the button, but nothing happens. No light, no ding, no change in the state of the world to signal that your request was received. Within seconds, uncertainty sets in. Did the button work? Is the elevator out of service? Do I need to press the button again? I&#8217;ve no doubt many of you have experienced something similar; it&#8217;s not just mild annoyance, it&#8217;s a deep-rooted human need being ignored. From birth, we&#8217;ve always relied on feedback to understand cause and effect: when a baby cries, the caregiver responds. One of the very first lessons we learn is the fundamental feedback loop of actions and reactions. In psychology, this is called <strong>Operant Learning</strong> (aka <strong>Operant Conditioning</strong>). Without proper feedback, behavior becomes random, user interfaces and buttons lose meaning, and the user gets frustrated. </p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><h2>Why Feedback Matters in UX/UI</h2><p>When it comes to UX/UI in the digital world, feedback is the proof that the system is listening and responding. Feedback in design isn&#8217;t just about aesthetics or usability, it&#8217;s about addressing one of the most deeply embedded psychological needs humans have: certainty.</p><p>Our brains are prediction machines. We constantly scan our environment to understand and analyze cause and effect. Uncertainty and the fear of the unknown is a primal fear, and it is likely why when we break the feedback loop, we feel a sense of unease. It is in some ways a micro version of our primal survival mechanisms, and it triggers a &#8220;something is wrong&#8221; signal. Your brain tells you: If you can&#8217;t predict what&#8217;s next, you need to stay alert. </p><p>In the modern digital world, the dangers we used to face for survival are gone, but the primal circuitry is still there. When you press the &#8220;Pay Now&#8221; button and nothing happens, the same &#8220;something is wrong&#8221; signal still triggers. Neuroscience research indicates that uncertainty activates the amygdala, the brain&#8217;s threat detection center, while predictable actions activate the prefrontal cortex. This suggests that when things are clear and consistent, our brain feels more secure, safe, and in control. The solution to this problem is simple: Provide users with appropriate feedback and complete the loop. Every action in the UI should have an accompanying reaction. This could be a small animation, a loading bar, a spinner, a message, anything that acknowledges the user&#8217;s actions. </p><h2>Types of Feedback </h2><p>There are many ways you can implement feedback in UX/UI, but they all share the same purpose: <strong>to let the user know their action as been acknowledged, understood, and is leading somewhere. </strong>The most effective designs often layer multiple feedback types together, creating a richer experience.</p><h4>Visual Feedback</h4><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!8Bhx!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe13169da-3661-498e-888a-1d5bdc333e86_2147x1203.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!8Bhx!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe13169da-3661-498e-888a-1d5bdc333e86_2147x1203.jpeg 424w, https://substackcdn.com/image/fetch/$s_!8Bhx!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe13169da-3661-498e-888a-1d5bdc333e86_2147x1203.jpeg 848w, https://substackcdn.com/image/fetch/$s_!8Bhx!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe13169da-3661-498e-888a-1d5bdc333e86_2147x1203.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!8Bhx!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe13169da-3661-498e-888a-1d5bdc333e86_2147x1203.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!8Bhx!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe13169da-3661-498e-888a-1d5bdc333e86_2147x1203.jpeg" width="1456" height="816" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e13169da-3661-498e-888a-1d5bdc333e86_2147x1203.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:816,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Button States: Communicate Interaction - NN/g&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Button States: Communicate Interaction - NN/g" title="Button States: Communicate Interaction - NN/g" srcset="https://substackcdn.com/image/fetch/$s_!8Bhx!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe13169da-3661-498e-888a-1d5bdc333e86_2147x1203.jpeg 424w, https://substackcdn.com/image/fetch/$s_!8Bhx!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe13169da-3661-498e-888a-1d5bdc333e86_2147x1203.jpeg 848w, https://substackcdn.com/image/fetch/$s_!8Bhx!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe13169da-3661-498e-888a-1d5bdc333e86_2147x1203.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!8Bhx!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe13169da-3661-498e-888a-1d5bdc333e86_2147x1203.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Examples of button feedback states from the Nielsen Norman group.</figcaption></figure></div><p>Visual feedback is the most common form in digital design as it appeals to our dominant sense and is often the fastest to register. </p><p><strong>Examples:</strong></p><ul><li><p><strong>Button states:</strong> Hover highlights, click depressions, or color changes.</p></li><li><p><strong>Progress indicators:</strong> Spinners, bars, percentage counters.</p></li><li><p><strong>Success/confirmation states:</strong> Checkmarks, &#8220;Message Sent&#8221; banners, order confirmation pages.</p></li><li><p><strong>Psychological impact:</strong> Visual changes give immediate proof that the system &#8220;heard&#8221; you, calming the brain&#8217;s uncertainty alarm. A well-designed animation can also add a touch of delight, rewarding the action and encouraging continued engagement.</p></li></ul><p></p><h4>Auditory Feedback</h4><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Ypzl!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff290ef9e-2507-4377-b0ca-766bb64b8bbe_2160x1146.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Ypzl!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff290ef9e-2507-4377-b0ca-766bb64b8bbe_2160x1146.jpeg 424w, https://substackcdn.com/image/fetch/$s_!Ypzl!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff290ef9e-2507-4377-b0ca-766bb64b8bbe_2160x1146.jpeg 848w, https://substackcdn.com/image/fetch/$s_!Ypzl!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff290ef9e-2507-4377-b0ca-766bb64b8bbe_2160x1146.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!Ypzl!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff290ef9e-2507-4377-b0ca-766bb64b8bbe_2160x1146.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Ypzl!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff290ef9e-2507-4377-b0ca-766bb64b8bbe_2160x1146.jpeg" width="1456" height="772" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/f290ef9e-2507-4377-b0ca-766bb64b8bbe_2160x1146.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:772,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Ypzl!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff290ef9e-2507-4377-b0ca-766bb64b8bbe_2160x1146.jpeg 424w, https://substackcdn.com/image/fetch/$s_!Ypzl!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff290ef9e-2507-4377-b0ca-766bb64b8bbe_2160x1146.jpeg 848w, https://substackcdn.com/image/fetch/$s_!Ypzl!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff290ef9e-2507-4377-b0ca-766bb64b8bbe_2160x1146.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!Ypzl!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff290ef9e-2507-4377-b0ca-766bb64b8bbe_2160x1146.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Duolingo plays a distinct sound effect when you answer a question correctly. Image taken from Vendo.</figcaption></figure></div><p>Sound can convey meaning instantly and efficiently. This can also be an excellent choice when considering accessibility and multitasking applications. It can also be used to train users to associate sound with positive outcomes, like Duolingo&#8217;s famous correct answer sound.</p><p><strong>Examples:</strong></p><ul><li><p><strong>Success chimes:</strong> Sending an email in Outlook or iOS &#8220;sent&#8221; whoosh or Duolingo&#8217;s da-ding effect when you answer correctly.</p></li><li><p><strong>Error alerts:</strong> Low-pitched beeps, buzzer sounds.</p></li><li><p><strong>Status cues:</strong> Notification pings, incoming message sounds.</p></li><li><p><strong>Psychological impact:</strong> Humans are wired to respond emotionally to sound: high tones can feel positive and confirming, while harsh tones trigger alertness. This taps into primal survival wiring: certain sounds historically signaled safety or danger. </p><p></p></li></ul><h4>Haptic Feedback</h4><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!D9t6!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F96885edf-a0d1-44e2-880e-958316e4dcc5_2000x1000.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!D9t6!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F96885edf-a0d1-44e2-880e-958316e4dcc5_2000x1000.jpeg 424w, https://substackcdn.com/image/fetch/$s_!D9t6!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F96885edf-a0d1-44e2-880e-958316e4dcc5_2000x1000.jpeg 848w, https://substackcdn.com/image/fetch/$s_!D9t6!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F96885edf-a0d1-44e2-880e-958316e4dcc5_2000x1000.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!D9t6!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F96885edf-a0d1-44e2-880e-958316e4dcc5_2000x1000.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!D9t6!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F96885edf-a0d1-44e2-880e-958316e4dcc5_2000x1000.jpeg" width="1456" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/96885edf-a0d1-44e2-880e-958316e4dcc5_2000x1000.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;What Are Haptic Alerts On Apple Watch &amp; Should You Enable Them?&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="What Are Haptic Alerts On Apple Watch &amp; Should You Enable Them?" title="What Are Haptic Alerts On Apple Watch &amp; Should You Enable Them?" srcset="https://substackcdn.com/image/fetch/$s_!D9t6!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F96885edf-a0d1-44e2-880e-958316e4dcc5_2000x1000.jpeg 424w, https://substackcdn.com/image/fetch/$s_!D9t6!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F96885edf-a0d1-44e2-880e-958316e4dcc5_2000x1000.jpeg 848w, https://substackcdn.com/image/fetch/$s_!D9t6!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F96885edf-a0d1-44e2-880e-958316e4dcc5_2000x1000.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!D9t6!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F96885edf-a0d1-44e2-880e-958316e4dcc5_2000x1000.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Image of an Apple Watch Haptic Alert from ScreenRant</figcaption></figure></div><p>Tactile cues provide a physical sensation that reinforces interaction, particularly in mobile and wearable devices. It provides an excellent way of feedback without the user needing to actively pay attention.</p><p><strong>Examples:</strong></p><ul><li><p><strong>Micro-vibrations:</strong> A gentle &#8220;tick&#8221; when a virtual dial turns.</p></li><li><p><strong>Press feedback:</strong> Subtle vibration when tapping a touchscreen button.</p></li><li><p><strong>Gesture confirmation:</strong> A pulse when you swipe to complete an action.</p></li><li><p><strong>Psychological impact:</strong> Haptics close the sensory loop in a uniquely visceral way; they make the digital feel tangible. This can increase confidence, especially when visual confirmation is delayed.</p></li></ul><p></p><h4>Contextual/Informational Feedback</h4><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!1d0f!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d19a981-d130-40aa-8183-965c287a4da2_834x480.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!1d0f!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d19a981-d130-40aa-8183-965c287a4da2_834x480.png 424w, https://substackcdn.com/image/fetch/$s_!1d0f!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d19a981-d130-40aa-8183-965c287a4da2_834x480.png 848w, https://substackcdn.com/image/fetch/$s_!1d0f!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d19a981-d130-40aa-8183-965c287a4da2_834x480.png 1272w, https://substackcdn.com/image/fetch/$s_!1d0f!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d19a981-d130-40aa-8183-965c287a4da2_834x480.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!1d0f!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d19a981-d130-40aa-8183-965c287a4da2_834x480.png" width="834" height="480" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/9d19a981-d130-40aa-8183-965c287a4da2_834x480.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:480,&quot;width&quot;:834,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:17377,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.theuxforge.com/i/170621096?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d19a981-d130-40aa-8183-965c287a4da2_834x480.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!1d0f!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d19a981-d130-40aa-8183-965c287a4da2_834x480.png 424w, https://substackcdn.com/image/fetch/$s_!1d0f!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d19a981-d130-40aa-8183-965c287a4da2_834x480.png 848w, https://substackcdn.com/image/fetch/$s_!1d0f!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d19a981-d130-40aa-8183-965c287a4da2_834x480.png 1272w, https://substackcdn.com/image/fetch/$s_!1d0f!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9d19a981-d130-40aa-8183-965c287a4da2_834x480.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">ChatGPT provides a &#8220;Thinking&#8221; feedback message after you ask it a long question.</figcaption></figure></div><p>This type focuses on guiding the next step, not just acknowledging the current one. It provides additional information to the user, helping them understand the current situation. You may have noticed these with the rise of the AI bots like ChatGPT. These LLMs take time to analyze and generate responses and many of them have started displaying notices like &#8220;Thinking&#8230;&#8221; or even displaying each step of the process its going through to assure users that they&#8217;re working in the background. Sometimes, UX designers will add progress bars or contextual information even if nothing is really happening in the background; this is known as the <strong>Labor Illusion</strong>, but we&#8217;ll talk about that in another post.</p><p><strong>Examples:</strong></p><ul><li><p>&#8220;Your file is uploading&#8230; 30% complete.&#8221;</p></li><li><p>&#8220;Password is strong.&#8221; or &#8220;This username is already taken.&#8221;</p></li><li><p>Smart tooltips that appear after an error.</p></li><li><p><strong>Psychological impact:</strong> Reduces cognitive load by telling the user exactly what&#8217;s happening and what to do next. It keeps the mind from wandering into uncertainty and prevents repeated trial-and-error.</p></li></ul><h4>Multi-Sensory Feedback</h4><p>The most powerful feedback loops often combine visual, auditory, and haptic cues for redundancy and reinforcement.<br><strong>Example:</strong> Sending a message in a mobile app might:</p><ul><li><p>Show a &#8220;sent&#8221; checkmark (visual)</p></li><li><p>Play a soft chime (auditory)</p></li><li><p>Give a micro-vibration (haptic)</p></li><li><p><strong>Psychological impact:</strong> Redundancy ensures that even if one sense misses the cue, another catches it. This mirrors how, in nature, important survival cues often come through multiple channels like seeing, hearing, and feeling a storm approaching.</p></li></ul><h2>Conclusion</h2><p>Every digital interaction is a conversation between a human and a system. In human conversation, silence after a question feels awkward, even unsettling. In UX, silence after an action feels the same, and it leaves us with a primal discomfort rooted in the fear of the unknown. Feedback is essential to every part of the UX/UI, and it builds trust between the user and the system. The next time you&#8217;re designing something, remember to always close the feedback loop and ensure the user feels confident and acknowledged. </p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Gestalt Psychology: Designs That Thinks Like We Do]]></title><description><![CDATA[How Gestalt Psychology Shapes User Perception and Better UX/UI]]></description><link>https://www.theuxforge.com/p/gestalt-psychology-designs-that-thinks</link><guid isPermaLink="false">https://www.theuxforge.com/p/gestalt-psychology-designs-that-thinks</guid><dc:creator><![CDATA[TheUXForge]]></dc:creator><pubDate>Mon, 28 Jul 2025 14:02:47 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/9ec895e5-0de7-46f8-aabb-5aa4293c9af0_420x300.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Why do some designs feel intuitive while others seem chaotic and frustrating? The answer partly lies in the Gestalt principles; the psychological rules that shape how we perceive, organize, and interpret visual information. Rooted in the idea that we see the world as unified &#8220;wholes&#8221; rather than individual parts, Gestalt is commonly summed up by the phrase, <strong>"The whole is greater than the sum of its parts."</strong> While this may sound abstract, these principles have real, tangible effects on design. From websites to apps and beyond, designers use them to create experiences that feel seamless and natural.</p><p>At its core, Gestalt psychology explains how our brains instinctively group elements, recognize patterns, and simplify complexity. Once you understand these principles, you'll start noticing them everywhere: in branding, user interfaces, and even everyday objects. I think it&#8217;s important for every designer, whether you&#8217;re a graphics designer or a UI designer to understand the very basics of Gestalt principles.</p><p>While there are more Gestalt principles, there are typically six core principles that are particularly essential to design, so let&#8217;s go through them!<br></p><h3>Proximity</h3><p>The principle of proximity states that objects placed close together are perceived as part of the same group; creating a visual relationship between them. This principle is widely used in UI design to enhance usability and reduce cognitive load. For example, navigation menus group related links together, and connectivity controls like WiFi and Bluetooth settings are always clustered together for quick access. By leveraging proximity, designers guide users intuitively, making interfaces more efficient and easy to navigate. Design decisions like these are often taken for granted because they&#8217;ve become standard practice. A good designer can follow conventions and make things look right, but a great designer understands <em>why</em> those conventions exist, and knows when breaking them can lead to something even better.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p><h3>Similarity</h3><p>The principle of similarity states that visually similar elements are perceived to be part of the same group. This is a fundamental concept in UI design, helping users quickly recognize related functions. Lets use the navigation menu as an example again, they often share the same typography, color, and spacing to show they are a part of the same system. Similarities in typography and iconography create a feeling of cohesion and unity. This also extends into functionality where a designer will use a certain color for primary actions, and often red for anything destructive. By using similarity properly, designers can create more intuitive and cohesive experiences, and even convey meaning like functionality.</p><h3>Closure</h3><p>The principle of closure states that our brains will fill in gaps to perceive incomplete shapes. This is one of the most commonly used principles in logo design. Many recognizable logos use closure to create visually interesting designs such as the famous WWF panda or IBM&#8217;s logo. Beyond branding, closure is also used in icon design. By strategically omitting parts of a shape, you can create minimalistic icons that improve clarity while reducing clutter. Closure invites users to interpret designs in interesting ways.</p><h3>Continuity</h3><p>The principle of continuity states that our eyes tend to follow lines or curves. This is to say that we have a perception bias to perceive things as connected forms rather than disconnected. This is used in fundamental UI design almost everywhere you look, from the way navigation menus are laid out to progress bars and onboarding sequences, continuity helps subtly guide the user&#8217;s eye.</p><h3>Figure-Ground</h3><p>The Figure-Ground principle describes how our brains instinctively separate objects (figure) from their backgrounds (ground). This technique is used extensively in visual design to create emphasis and direct attention. In marketing, for example, product images and logos are often placed against high-contrast backgrounds to make them stand out. In UX/UI design techniques like <strong>lightboxes</strong>, where the background is dimmed while the main content remains bright and sharp, ensure users stay focused on key content. Drop shadows, overlays, and layered UI elements also help establish hierarchy, making important components more visually dominant.</p><h3>Pragnanz</h3><p>The principle of Pragnanz states that our brains prefer to interpret complex visuals in the simplest, most organized way possible. The most common example of Pragnanz is The Olympic Rings. The Olympic Rings is actually an intricate design made up of overlapping and intersecting lines, however, our brain naturally perceives the symbol as 5 distinct rings that create a sense of order and symmetry. Pragnanz is often used in logo and icon design to reduce visual complexity and improve clarity.</p><h3>Conclusion</h3><p>Gestalt principles play a fundamental role in how we perceive and interact with design. By understanding how our brains naturally group, organize, and simplify visual information, designers can create experiences that feel seamless, intuitive, and visually harmonious. Once you start recognizing them, you'll see Gestalt psychology at work everywhere, from the apps you use daily to the logos of your favorite brands. When we design with these principles in mind, we can make our experiences feel natural and intuitive and sometimes, even a little magical.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Cognitive Biases 1: Not Every Moment is Equal]]></title><description><![CDATA[How Four Key Biases Shape User Perception and Recall]]></description><link>https://www.theuxforge.com/p/cognitive-biases-1-not-every-moment</link><guid isPermaLink="false">https://www.theuxforge.com/p/cognitive-biases-1-not-every-moment</guid><dc:creator><![CDATA[TheUXForge]]></dc:creator><pubDate>Tue, 15 Jul 2025 01:00:35 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/2ecaaba1-873d-41d6-82a8-4b5fe0684a39_1200x630.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Welcome to the <strong>Cognitive Bias Series</strong>, where I break down key psychological principles and explain why they&#8217;re critical to consider when designing user experiences. In this first part, we&#8217;ll be exploring the theme of <strong>impact and recall</strong>, how certain moments shape the way users remember an experience.</p><p>Before we dive in, think about a product you&#8217;ve recently used. Hold onto that memory, we&#8217;ll come back to it soon.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p>When users interact with a product, they aren't processing every moment equally. Certain experiences like the emotional highs, the standout moments, and the way things end, matter far more than others. If you can design around these moments, you can leave a lasting, positive impression.</p><p>Today, we&#8217;ll focus on four key cognitive biases that influence how users remember an experience:</p><ul><li><p><strong>The Peak-End Rule</strong></p></li><li><p><strong>The Serial Position Effect</strong></p></li><li><p><strong>The Zeigarnik Effect</strong></p></li><li><p><strong>The Von Restorff Effect (Isolation Effect)</strong></p></li></ul><p>Understanding these biases will help you craft experiences that don&#8217;t just work, they stick. Let&#8217;s dive in!</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!O3hX!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!O3hX!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png 424w, https://substackcdn.com/image/fetch/$s_!O3hX!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png 848w, https://substackcdn.com/image/fetch/$s_!O3hX!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png 1272w, https://substackcdn.com/image/fetch/$s_!O3hX!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!O3hX!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png" width="1200" height="630" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/b9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:630,&quot;width&quot;:1200,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:82146,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.theuxforge.com/i/168220822?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!O3hX!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png 424w, https://substackcdn.com/image/fetch/$s_!O3hX!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png 848w, https://substackcdn.com/image/fetch/$s_!O3hX!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png 1272w, https://substackcdn.com/image/fetch/$s_!O3hX!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb9c52ad4-4529-4fa3-9942-249759275e70_1200x630.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><h3><strong>The Peak-End Rule</strong></h3><p>Not every moment is equal, and according to the Peak-End Rule, users recall the <strong>emotional peak</strong> and the <strong>end of an experience</strong> the most. This principle, coined by psychologist Daniel Kahneman, has been supported by studies across healthcare, entertainment, and everyday experiences. For example, patients undergoing medical procedures rated their experiences based not on the total pain endured, but on the most painful moment and the ending. The same logic applies in UX.</p><p>As designers, these are the perfect moments to create emotional impacts and make the experience more memorable for users. For example, when a user accomplishes a task/goal in your app you can play a celebratory animation, play a positive sound cue, provide visual affirmations, or provide social reinforcement. Think of apps like Duolingo or Finch, which uses many of these tactics to give users a sense of delight when they answer a question correctly or complete a daily goal. These moments are also great for softening the effect of negative experiences, like providing a quick path to resolving an error.<strong><br></strong></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!DTO2!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!DTO2!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png 424w, https://substackcdn.com/image/fetch/$s_!DTO2!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png 848w, https://substackcdn.com/image/fetch/$s_!DTO2!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png 1272w, https://substackcdn.com/image/fetch/$s_!DTO2!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!DTO2!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png" width="1200" height="630" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:630,&quot;width&quot;:1200,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:79499,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.theuxforge.com/i/168220822?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!DTO2!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png 424w, https://substackcdn.com/image/fetch/$s_!DTO2!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png 848w, https://substackcdn.com/image/fetch/$s_!DTO2!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png 1272w, https://substackcdn.com/image/fetch/$s_!DTO2!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe02705ac-be3e-4015-ad18-751a1e3b9f68_1200x630.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><h3><strong>The Serial Position Effect</strong></h3><p>Similar to the peak-end rule, the serial position effect has to do with moments. The serial position effect states that people tend to remember the first and last items in a sequence the most. Have you ever noticed CTAs are almost always placed at the top or bottom of a navigation menu? That&#8217;s on purpose. You might be wondering why this is the case, and the answer lies in the two &#8220;sub effects&#8221;:</p><ul><li><p><strong>The Primacy Effect:</strong> People tend to remember the first items the best because they&#8217;re processed first and given more cognitive attention.</p></li><li><p><strong>The Recency Effect:</strong> People recall the last items better because they&#8217;re still held in their short-term memory, making them easily accessible.</p></li></ul><p>Make sure to always put the most important elements, like CTAs, at the beginning or the end of sequences. There are many ways you can take advantage of this and here are a few examples:</p><ul><li><p>For onboarding processes, make the first screen simple, motivating, and aligned to the user&#8217;s goals, and make the final screen a success state that creates delight.</p></li><li><p>When listing features for your product, place the highest-value proposition features at the beginning and end of the list.</p></li><li><p>If you have an e-commerce website, research shows that the first and last product in a carousel or search result list gets the most clicks.</p></li></ul><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!XDBi!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!XDBi!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png 424w, https://substackcdn.com/image/fetch/$s_!XDBi!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png 848w, https://substackcdn.com/image/fetch/$s_!XDBi!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png 1272w, https://substackcdn.com/image/fetch/$s_!XDBi!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!XDBi!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png" width="1200" height="630" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:630,&quot;width&quot;:1200,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:183747,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.theuxforge.com/i/168220822?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!XDBi!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png 424w, https://substackcdn.com/image/fetch/$s_!XDBi!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png 848w, https://substackcdn.com/image/fetch/$s_!XDBi!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png 1272w, https://substackcdn.com/image/fetch/$s_!XDBi!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F05d211e1-b5ec-4de7-96c3-7c49342aa8f5_1200x630.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><h3><strong>Zeigarnik Effect</strong></h3><p>The Zeigarnik Effect states that incomplete or interrupted tasks are remembered more often than completed tasks. Have you ever had moments where you were writing an email, got interrupted, and kept thinking about getting back to that email? That&#8217;s the Zeigarnik Effect. Our brains crave closure, and unfinished tasks create a mental tension that keeps tasks at the top of our mind.</p><p>If we want to help users complete their task there are a few effective methods. Visual cues like progress bars and checklists trigger a psychological urge to complete a task. This is commonly done with onboarding checklists in SaaS dashboards. E-commerce websites often provide consistent reminders about having items left in your cart, prompting you to checkout. You can also implement gamification and habit-forming strategies to create engagement loops; this is often found in educational apps like Duolingo.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!PyEF!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!PyEF!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png 424w, https://substackcdn.com/image/fetch/$s_!PyEF!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png 848w, https://substackcdn.com/image/fetch/$s_!PyEF!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png 1272w, https://substackcdn.com/image/fetch/$s_!PyEF!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!PyEF!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png" width="1200" height="630" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/c744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:630,&quot;width&quot;:1200,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:121853,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.theuxforge.com/i/168220822?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!PyEF!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png 424w, https://substackcdn.com/image/fetch/$s_!PyEF!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png 848w, https://substackcdn.com/image/fetch/$s_!PyEF!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png 1272w, https://substackcdn.com/image/fetch/$s_!PyEF!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc744b7f7-21ca-46e8-af7b-c2736f32debb_1200x630.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>While the other biases we&#8217;ve talked about so far clearly revolves around timing, the Von Restorff Effect is more about contrast. The Von Restorff effect is a cognitive bias where people are more likely to remember an item that stands out from its surroundings. Imagine a table with a line of oranges, but there&#8217;s an apple right in the middle. That apple is going to stick out like a sore thumb.</p><p>There are many ways we can take advantage of this in terms of contrast, but I will save those ideas for a post dedicated to contrast. Let&#8217;s think about how this bias works in conjunction with timing. The reason why providing moments of delight during peak-end events works, is because of the Von Restorff Effect. If we always provided fun animations and positive reinforcement for everything a user does, it would dull its effect. These moments of delight are effective because of temporal contrast; if everything delights all the time, nothing stands out. With proper timing, emotions significantly boost memory. It is essential that these moments should occur <strong>immediately </strong>after emotional effort or anticipation, not before.</p><p></p><h3><strong>Conclusion</strong></h3><p>What these 4 cognitive biases teach us is this: not every moment is experienced equally, users remember specific moments. The highs, the endings, the unfinished tasks, and the standout elements all shape how people feel, recall, and ultimately return.</p><p>As designers, understanding these crucial moments helps us create experiences that delight and impact the users. And it is often these key moments that convince a user whether they&#8217;ll continue using your product or not.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[The Hidden Shortcuts Shaping Your UX]]></title><description><![CDATA[How heuristics quietly guide user behavior.]]></description><link>https://www.theuxforge.com/p/the-hidden-shortcuts-shaping-your</link><guid isPermaLink="false">https://www.theuxforge.com/p/the-hidden-shortcuts-shaping-your</guid><dc:creator><![CDATA[TheUXForge]]></dc:creator><pubDate>Tue, 17 Jun 2025 13:00:27 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/dd2c389f-1761-41e7-bd3e-80239084fc9a_1200x630.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>A <strong>heuristic</strong> is a mental shortcut we use to make decisions, pass judgments, and solve problems quickly. Think of them as psychological &#8220;rules of thumb.&#8221; These shortcuts shape how we interpret the world, and they&#8217;re incredibly useful in UX design.</p><p>In the world of user experience, the term &#8220;heuristics&#8221; likely brings to mind <strong>Jakob Nielsen&#8217;s 10 Usability Heuristics</strong>. These are foundational guidelines for designing user-friendly interfaces (and if you haven&#8217;t read them, I recommend starting <strong><a href="https://www.nngroup.com/articles/ten-usability-heuristics/">here</a></strong>).</p><p>But today, I want to go one level deeper and look at heuristics through a psychological perspective, and explore why they&#8217;re so effective when applied to UX and UI design.<br></p><h3>First, a Quick Detour: Cognitive Load</h3><p>Before diving into heuristics, we need to understand the concept of <strong>cognitive load</strong>. Cognitive load refers to the mental effort required to process information in your working memory. When cognitive load is high, users have to work harder to complete tasks. When it&#8217;s low, things feel intuitive and seamless. As UX designers, our mission is to reduce unnecessary mental effort, which is where heuristics shine. To learn more about Cognitive Load, check out my previous blog <strong><a href="https://www.theuxforge.com/p/cognitive-load-the-secret-behind">here</a></strong>. </p><p>Heuristics reduce cognitive load because they operate at a subconscious level. They draw from our mental models and lived experiences, allowing us to make rapid judgments with minimal thinking. </p><h3><br>The Psychology Behind Heuristics</h3><p>Our brains naturally categorize the world around us. This is how we manage the overwhelming amount of information we take in every second. By sorting things into these mental buckets, we can quickly make assumptions, assign meaning, and most importantly, respond to these stimuli. This is the foundation of heuristics, the mental shortcuts we rely on every day to guide our decisions and behaviors. </p><p>Take a dog, for example. You don&#8217;t need to see every breed to know what a dog is. You&#8217;ve built a mental model: four legs, barks, and wags its tail. So when you see a new breed of dog, you recognize it instantly and act accordingly; maybe give it a pet, or if you&#8217;ve previously had a bad experience, avoid approaching it altogether. </p><p>The same principle applies to digital interfaces.</p><p>When users encounter a familiar element like a magnifying glass icon, they immediately associate it with &#8220;search,&#8221; even if they&#8217;ve never used the product before. This is an example of <strong>Jakob&#8217;s Law</strong>: Users spend most of the time on <em>other</em> websites and applications, and expect yours to function the same as well. The magnifying glass is a perfect example of a <strong>Universal Icon, </strong>which means the vast majority of users will immediately recognize it and associate it with a particular function. You should almost never replace these icons as swapping these out for something creative or novel will go against a user&#8217;s expectations.<br><br>By properly leveraging heuristics, you ultimately accomplish one thing: lower cognitive load. It saves your users&#8217; time, mental effort, and makes your UI feel intuitive.</p><p></p><h3>The Flip Side: Cognitive Biases</h3><p>Here&#8217;s where it gets tricky. Heuristics deal with categorizations based on assumptions and learned behaviors; however, assumptions are not always correct. Because of this natural vulnerability to false assumptions, heuristics are responsible for many of our cognitive biases, which are systematic errors in reasoning.. </p><p>Let&#8217;s consider a simple example of <strong>confirmation bias</strong>. If a user signs up for a task management app, they&#8217;ve likely used something similar like Trello or Asana, for example. The user may have expectations for how it is organized: maybe they expect to see drag-and-drop boards, color-coded labels, or a &#8220;+&#8221; button to add a task. If your app organizes tasks in an entirely different way, like a calendar-first layout or timeline view, then they may have automatically assumed this is not as "good," even if your solution is actually better. Why? Because the new solution does not confirm what they believe "good" task management should look like.</p><p>This is the essence of confirmation bias: people look to find information that matches what they already have a mental model for, and ignore/dismiss what doesn't. If users never had any previous assumptions about the product, there wouldn&#8217;t be a mismatch in expectations. It all stems from heuristics, and most of the time, the user isn&#8217;t even aware that any of this is happening at all.</p><p>But this isn&#8217;t necessarily bad news. If we understand how biases work, we can design with them in mind. As designers, it&#8217;s our job to understand and leverage these heuristics and biases to create experiences that truly resonate with the users.</p><h3>Conclusion</h3><p>Heuristics are one of the most primal and powerful tools of our minds. They help us quickly understand our environments, make snap judgments, and come to decisions, all without us thinking about it at all. By understanding and intentionally using heuristics, we can create more than just usable interfaces; we can create intuitive experiences. As designers, we can guide users with familiar cues, put things where they are expected, and make their journey as effortless as possible.<br></p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption"><em>Thanks for reading!</em> If you enjoyed this post, consider subscribing to get future insights on the psychology of UX, product design, and human-centered thinking.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Cognitive Load: The Secret Behind Intuitive Design]]></title><description><![CDATA[Why great design feels easy &#8212; even when the task isn&#8217;t.]]></description><link>https://www.theuxforge.com/p/cognitive-load-the-secret-behind</link><guid isPermaLink="false">https://www.theuxforge.com/p/cognitive-load-the-secret-behind</guid><dc:creator><![CDATA[TheUXForge]]></dc:creator><pubDate>Tue, 03 Jun 2025 13:02:48 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/e85ab656-5b68-4dbb-950f-6b6f5eecafbc_1200x630.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Ever used an app or product and thought, &#8220;<em>That was surprisingly easy</em>&#8221; even if it was something complicated like doing your taxes? That magic feeling isn&#8217;t accidental. It&#8217;s the result of good UX design and the management of something called <strong>cognitive load</strong>, which is the amount of mental effort it takes for someone to complete a task.</p><p>You can think of cognitive load as your brain&#8217;s &#8220;bandwidth.&#8221; If you&#8217;re trying to process too many things at once mistakes happen and frustration creeps in. But when cognitive load is well-managed, even complex tasks feel doable, sometimes even enjoyable, and dare I say, even magical.So, what exactly are the types of cognitive load we deal with in UX? Let&#8217;s break it down using a real-world example: <em>tax software</em>. (Stick with me and I promise it won&#8217;t be painful).</p><p></p><h3>1. Intrinsic Cognitive Load (ICL)</h3><p>This is the inherent difficulty of a task. Some things are just naturally complex (Tesler&#8217;s Law). Filing your taxes, for example, involves legal forms, personal details, income breakdowns, and more. You can&#8217;t really eliminate that complexity, but there are ways we can design around the complexity to make it feel a lot more manageable.</p><p>One of the best strategies? <strong>Progressive Disclosure</strong>: showing only what&#8217;s needed, when it&#8217;s needed. </p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!RrE7!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!RrE7!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png 424w, https://substackcdn.com/image/fetch/$s_!RrE7!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png 848w, https://substackcdn.com/image/fetch/$s_!RrE7!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png 1272w, https://substackcdn.com/image/fetch/$s_!RrE7!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!RrE7!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png" width="1456" height="1801" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1801,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:235729,&quot;alt&quot;:&quot;An example of progressive disclosure in a job application form.&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.theuxforge.com/i/164608370?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="An example of progressive disclosure in a job application form." title="An example of progressive disclosure in a job application form." srcset="https://substackcdn.com/image/fetch/$s_!RrE7!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png 424w, https://substackcdn.com/image/fetch/$s_!RrE7!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png 848w, https://substackcdn.com/image/fetch/$s_!RrE7!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png 1272w, https://substackcdn.com/image/fetch/$s_!RrE7!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F53676167-9674-40d3-b1c4-707be0d7180e_3008x3720.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Example of Progressive Disclosure on a job application form. </figcaption></figure></div><p>If the app throws every question and input at the user all on one page, it&#8217;s overwhelming, and users will make more mistakes. But if that same information is separated into logical groupings like <em>Personal Info, Income, Deductions, and Tax Credit</em>s, and revealed one chunk at a time, it&#8217;s suddenly much more manageable. Now the user can focus on just one category at a time with a more manageable amount of information. </p><p>This not only helps reduce cognitive overload, but it also gives users a clear sense of progress and direction. When the design mirrors the way people naturally think and process information, it makes even complicated tasks feel more intuitive and a lot less stressful.</p><p></p><h3>2. Extrinsic Cognitive Load (ECL)</h3><p>This is the mental junk we don&#8217;t need, the stuff that distracts or confuses. Think cluttered layouts, inconsistent navigation, or long-winded copy. All of it pulls users away from their actual goal. And as designers, <em>this is the kind of load we can and should eliminate.</em></p><p>Let&#8217;s go back to our tax software. You already have a mentally heavy task &#8212; so now imagine that on top of that, the interface is a chaotic mess:</p><ul><li><p>Five different fonts</p></li><li><p>Buttons in random places</p></li><li><p>Menus that make no sense</p></li><li><p>Inconsistent color usage</p></li></ul><p>How do we prevent this? Ensure we have clean layouts, clear visual hierarchy, and well-structured information architecture. When the task itself is already mentally demanding, we must do everything we can to ensure the design does not add to it:</p><ul><li><p>Use white space to reduce visual noise</p></li><li><p>Group related items together</p></li><li><p>Label elements and use simple language</p></li><li><p>Maintain consistency in your design</p></li><li><p>Use common patterns and universal icons</p></li></ul><p>The goal is to ensure the user feels in control and focused on the task at hand.</p><p></p><h3>3. Germane Cognitive Load (GCL)</h3><p>Finally, there is the Germane Cognitive Load, this is the good kind of mental effort. It&#8217;s what helps users understand, learn, and feel empowered by what they&#8217;re doing. You actually want to encourage this, as long as it&#8217;s well-balanced. Continuing with our tax example, here are some examples:</p><ul><li><p>A short animated explainer showing how tax brackets work</p></li><li><p>Visual charts breaking down your income sources</p></li><li><p>Quick notes explaining why a certain deduction matters</p></li><li><p>Tooltips explaining line items in plain language</p></li></ul><p>Germane cognitive load is all about helping users learn and integrate information. These design elements don&#8217;t just help users complete a task; they help them get better at it. And when you apply germane cognitive load properly, you can make users feel a real sense of confidence and satisfaction.</p><p></p><h3>Conclusion</h3><p>At the end of the day, UX isn&#8217;t just about slick interfaces and pretty buttons. It&#8217;s about managing how people feel as they interact with your product. To recap, the three types of cognitive loads:</p><ul><li><p>Organize <strong>intrinsic cognitive load</strong>, so even hard tasks feel manageable.</p></li><li><p>Reduce <strong>extraneous cognitive load</strong>, so your users don&#8217;t get frustrated.</p></li><li><p>Encourage <strong>germane cognitive load</strong>, so people walk away feeling smarter.</p></li></ul><p>If you get these right, even filing taxes can feel smooth, simple, and maybe even a little bit magical.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">If this post sparked an idea or made you think differently, hit that subscribe button&#8212;it's free! And if you're feeling generous, a paid subscription helps keep this writing going.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[Welcome to The UX Forge]]></title><description><![CDATA[The Psychology of UX and Product Design]]></description><link>https://www.theuxforge.com/p/welcome-to-the-ux-forge</link><guid isPermaLink="false">https://www.theuxforge.com/p/welcome-to-the-ux-forge</guid><dc:creator><![CDATA[TheUXForge]]></dc:creator><pubDate>Thu, 29 May 2025 13:02:05 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/b8d670b7-99d4-4292-be58-e3a4a3cbffad_420x300.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hey there - and welcome! I&#8217;m Bennet Ngan, a passionate UX/UI and web designer who is endlessly curious about how people think, feel, and interact.</p><p>A brief introduction about myself &#8212; my journey into UX design was a little unorthodox. I originally studied Microbiology and Immunology, with a minor in psychology. Even though psychology was a small part of my classes, they were always my favourite. I loved understanding how we think, make decisions, and form behaviours. After graduating and working in medical labs for a few years, I decided to go back to school for software development. While I was there, I realized something: UX and product design is essentially a combination of psychology and technology, two things I truly loved. Fast forward to today, I am creating a space to share my passion for thoughtful and human-centered design. The UX Forge is a space where we break down the why behind good design by exploring the cognitive science of user behavior and psychology. <br><br>Here&#8217;s what you can expect from this newsletter:<br><br>Every 2 weeks or so, you&#8217;ll get thoughtful posts across a few key categories:</p><ul><li><p><strong>UX Laws</strong> &#8211; Psychological principles and heuristics (like Hick&#8217;s Law or the Von Restorff Effect) that help explain how users think and interact.</p></li><li><p><strong>UX Principles</strong> &#8211; Best practices and design ideas like feedback, clarity, empathy, and reciprocity &#8212; the softer, essential side of human-centered design.</p></li><li><p><strong>General Posts</strong> &#8211; Editorials, industry observations, and other news.</p></li><li><p><strong>Product &amp; Tool Spotlights</strong> &#8211; A look at the software, tools, or even physical things that help me design and work more effectively.</p></li><li><p><strong>Case Studies</strong> &#8211; We&#8217;ll take a look at real products and dissect aspects of it from a psychological and UX perspective.</p></li></ul><p>Whether you're a designer, product manager, or curious designer, I hope this newsletter gives you fresh insight into how people think &#8212; and how we can design better because of it.</p><p>Let&#8217;s forge better experiences together :)<br></p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/subscribe?&quot;,&quot;text&quot;:&quot;Subscribe&quot;,&quot;language&quot;:&quot;en&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">This Substack is reader-supported. To receive new posts and support my work, consider becoming a free or paid subscriber.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Type your email&#8230;" tabindex="-1"><input type="submit" class="button primary" value="Subscribe"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.theuxforge.com/?utm_source=substack&utm_medium=email&utm_content=share&action=share&quot;,&quot;text&quot;:&quot;Share TheUXForge&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.theuxforge.com/?utm_source=substack&utm_medium=email&utm_content=share&action=share"><span>Share TheUXForge</span></a></p>]]></content:encoded></item></channel></rss>