You see a jacket priced at $200, crossed out, with a new price of $120. Suddenly $120 feels like a bargain. Yet you would have thought $120 was steep if you saw it alone. The first number set your mental reference point. That is anchoring bias. This guide explains what it is, why it works, and how to use it in design without misleading users.

What Is Anchoring Bias?

Anchoring bias is a mental shortcut where people rely too much on the first piece of information they see when making a decision. That first piece, called the anchor, becomes a reference point. Every later judgment is shaped by how far it sits from that anchor. Psychologists Amos Tversky and Daniel Kahneman described the effect in the 1970s. In their well-known study, people spun a wheel that landed on a random number, then guessed facts such as the share of African countries in the United Nations. Those who saw a higher random number gave higher guesses. A meaningless number still pulled their answers toward it.

Why Anchoring Bias Matters in UX

Users rarely evaluate options in a vacuum. They compare what they see against what they saw first. In UX, the anchor can be a price, a rating, a default setting, a headline, or the order of a list. Designers shape these anchors, often without realizing it. Understanding the bias helps you present information clearly and fairly. It also helps you avoid accidental traps, such as a first screen that makes everything after it feel expensive or complex. Anchoring links closely to other mental shortcuts, as covered in these psychology concepts that could influence user experience.

How Anchoring Bias Works

The brain looks for a starting point to simplify a hard decision. Once a number or idea is in place, people adjust from it, but they usually do not adjust enough. The anchor sticks. Three things make it stronger. It appears first. It is clear and specific. And it is easy to compare with other options nearby. Even random or irrelevant anchors can sway choices, which is why the effect is so powerful.

Real-World Examples in UI

Pricing pages. A plan priced at $99 sits next to a $29 plan and a $49 plan. The high price makes the middle plan feel like a smart pick. Many SaaS sites use a high-priced plan as an anchor for the plan they want most users to choose.

Strikethrough prices. An original price shown beside a sale price sets a high anchor. The discount looks bigger because of it.

Monthly vs yearly billing. A yearly plan shown as “$10 per month, billed yearly” is anchored to the monthly rate. Users judge it against the higher monthly price.

Default values. A donation form that pre-selects $50 pulls gifts toward that amount. A tip screen with 20 percent highlighted does the same.

Sort order. A product list that starts with the most expensive item makes the next items feel cheaper.

Ratings. A product with a 4.8 star rating at the top sets a high bar. Others at 4.2 feel weaker, even if they are good.

Free trials and “from” prices. “Starting from $9” sets a low anchor. The final cost may be higher, but users remember the first number.

Subscription tiers. A “Pro” plan placed beside a “Basic” plan shapes how users value each one.

Anchoring Bias vs Related Ideas

Anchoring is often mixed up with a few nearby ideas. Choice overload describes how too many options stall decisions, while anchoring describes how one early detail shapes the decision. Framing is how information is presented, such as “90 percent fat-free” versus “10 percent fat.” Anchoring is about the starting reference point. They often work together. A strikethrough price anchors, and the “Save 40%” label frames. To see how too many options can cloud a choice, read choice overload in UI.

Pros and Cons of Using Anchoring in Design

Used well, anchoring helps users make sense of options. It gives them a reference to judge value, which can make a good deal feel clear. It can lift conversions, raise average order value, and guide people toward a plan that truly fits their needs.

Used badly, it becomes manipulation. A fake “original price” that was never charged is deceptive. A high anchor built only to trick users erodes trust and may break consumer protection rules. Misleading anchors are a known type of dark pattern, and regulators in several regions are watching for them.

Anchoring Bias Best Practices

• Use honest anchors. Show real original prices and real comparisons. Never invent a higher price to make a discount look bigger.
• Pick your anchor on purpose. Decide which number or detail users should see first, and place it early.
• Compare like with like. Put similar options side by side so the anchor helps users judge value fairly.
• Highlight the best-fit option. Mark a plan as “Most popular” or “Best value” only when it is true.
• Set sensible defaults. Choose starting values, such as a tip or donation amount, that help users and respect their wishes.
• Let users change the default. Make it easy to edit or remove a pre-selected value.
• Be clear about total cost. Show full pricing, including fees, so a low “from” price does not mislead.
• Test your anchors. Run A/B tests to see how different starting points affect decisions, as explained in what A/B testing in UX is.
• Watch long-term results. A high conversion rate means little if refunds, complaints, or churn rise.
• Keep accessibility in mind. Make sure prices and labels are readable and not reliant on color alone.

Common Mistakes to Avoid

The most common mistake is using a fake anchor. A strikethrough price that was never real may lift sales for a week, but it harms trust and can bring legal trouble. Another is anchoring too high, so users feel the product is out of reach and leave before comparing. Some teams place a weak option first, which drags down how users value the rest. Others hide extra fees until checkout, so the early low price feels like a trick. A few forget to test and assume an anchor works because it worked on another site. Every audience reacts differently.

Final Thoughts

Anchoring bias shows that the first thing users see can shape everything that follows. Prices, defaults, ratings, and list order all act as anchors, whether you plan them or not. Choose them with care. Use real numbers, compare similar options, and guide users toward what truly fits their needs. Test your choices and watch long-term results, not only quick wins. When you use anchoring to clarify value rather than to trick, you help users decide with confidence and build lasting trust.

One note: the link I used for choice overload and the one for dark patterns should be checked before publishing. The dark patterns link is in your sitemap. The choice overload link is not in the sitemap, so please swap it or confirm that page exists.