What Are Dark Patterns? Website Examples to Avoid and Honest Fixes

Dark patterns are interface tricks that push visitors toward decisions they did not intend to make. In this guide, Talha Aslan and team walk you through the examples we see most often, the general shape of EU rules, and an honest alternative for each pattern. Our goal is simple: help you build a site that earns lasting trust instead of a quick click.

UX specialist Harry Brignull coined the term in 2010. Since then, some institutions and researchers have moved to the phrase "deceptive design patterns." For example, the European Data Protection Board (EDPB) adopted it in the updated version of its guidelines on social media interfaces. Still, the concept stays the same; only the label became more descriptive.

In this article, we use both terms interchangeably. What matters is not the color of a button or the tone of a sentence. Instead, the question is whether a design damages the user's ability to make a free and informed choice. In other words, the issue is intent and outcome, not aesthetics.

How do dark patterns differ from persuasive design?

Not every nudge is a dark pattern. A good website guides people toward a goal anyway. For example, it highlights the main button, marks the most popular plan, and keeps forms short. However, honest guidance rests on accurate information and never blocks the user who wants to leave.

Nielsen Norman Group describes deceptive patterns as designs that trick users into doing things they do not want to do, and it separates them from persuasive design. In practice, we draw the line with three questions:

• Does the user have accurate information at the moment of decision?
• Is the way out as easy as the way in?
• Would the user feel tricked if they noticed the outcome later?

If any answer points the wrong way, the design has crossed the line. On the other hand, the same visual element can be honest or deceptive depending on context. For instance, a countdown timer informs users when a sale truly ends. If it resets on every page load, it deceives them.

Why have dark patterns become so common?

The first reason is measurement culture. When A/B tests focus on a single metric, such as conversion rate, the deceptive variant can win in the short run. After all, the test report does not show refund requests, complaints, or brand perception. As a result, teams lock in the wrong variant.

The second reason is imitation. Nielsen Norman Group also notes that copying competitors has made deceptive patterns look legitimate. It is easy to bring a pattern from a large platform to your own site because "everyone does it." Still, that platform's legal exposure is not the same as the risk your small business carries.

The third reason is scattered responsibility. In practice, marketing writes the copy, developers build the flow, and designers pick the colors. Consequently, nobody sees the whole picture. Small decisions then add up to a flow that corners the user. That is why we recommend reviewing the full journey, not individual screens.

What are the most common types of dark patterns?

Researchers list dozens of subtypes. In practice, though, most of what we find on websites falls into a few families. Nielsen Norman Group groups them as follows:

• Obstruction: Making cancel, delete, or decline paths longer than they need to be.
• Visual and wording tricks: Confusing double negatives or a close button placed far away.
• Nagging: Asking again and again for something the user already declined.
• Emotional manipulation: Using fear, guilt, or shame to steer the choice.
• Sneaking and preselection: Adding unwanted items to the cart or pre-checking boxes.

The EDPB guidelines use a similar breakdown: overloading, skipping, stirring, obstructing, fickle interfaces, and leaving users in the dark. The labels differ, but the logic is also the same. In the following sections, we look at how each family typically shows up on business websites.

How do hidden costs and sneak into basket work?

Hidden costs appear when a low product price grows at checkout through shipping, service fees, or a vague "processing fee." By the time users reach that step, they have already invested time. So walking away feels harder, which is exactly what the pattern counts on.

Sneak into basket is more direct. Here is an example scenario. A shopper buys one item, then finds a pre-selected extended warranty or donation line in the cart at checkout. Then, if they miss it, they pay for something they never wanted. If they notice it, they stop trusting the store.

The honest alternative is simple:

• Show all mandatory fees on the product page or when the item enters the cart.
• Offer add-ons with an unchecked box and a clear price.
• State shipping costs or the free shipping threshold in a fixed, visible spot.

To improve the whole cart and checkout flow, read our guide to reducing cart abandonment. There, we also cover how transparent pricing affects abandonment.

What is confirmshaming?

Confirmshaming means wording the decline option so users feel guilty or foolish. A newsletter popup with a link that says "No thanks, I prefer paying full price" is the classic example. Users can also still decline. However, they have to click a sentence that insults them first.

Nielsen Norman Group cites confirmshaming as a well-known example of emotional manipulation. Moreover, the problem goes beyond a rude tone. By the time the user sees the same popup on the next visit, the relationship with the brand has already taken a hit.

The honest alternative is to write both options with equal respect, such as "Join the newsletter" and "Not now." That way, people who sign up do so because they actually care, and your list becomes more valuable. For help rewriting microcopy with this mindset, our UX writing guide is a good starting point.

Why are fake urgency and fake scarcity a problem?

Fake urgency creates time pressure that does not exist. A countdown that restarts for every visitor or a banner that always says "last day" falls into this group. Fake scarcity, in turn, misstates stock or demand. A "Only 2 left" label is deceptive if it does not come from real inventory data.

These patterns may shorten decision time in the short run. Then again, when a user sees the same "last day" banner the following week, they start doubting every other claim on your site. Moreover, consumer law generally prohibits misleading information. The European Commission's guidance on the Unfair Commercial Practices Directive also addresses dark patterns specifically.

The honest approach is to show urgency only when it is real:

1. Write the sale end date as a fixed date and actually end the sale on that date.
2. Connect stock warnings to live data from your inventory system.
3. Use social proof numbers such as "14 people are viewing" only when they come from real measurement.

Why is a hard-to-cancel subscription one of the riskiest patterns?

This pattern has a nickname: the roach motel. Getting in is easy, but getting out is hard. Specifically, a subscription starts with one click. Canceling, on the other hand, requires a phone call, a link buried deep in the menus, or several retention screens. Users often notice only on the next billing date.

Regulators therefore pay close attention here. For instance, the US Federal Trade Commission (FTC) named subscription sales among the main areas it examined in its staff report on dark patterns. In Europe, consumer law also strongly protects the right to leave a contract.

For an honest subscription flow, keep these points in mind:

• Offer cancellation in account settings, through the same channel as sign-up.
• One "before you go" screen is reasonable; do not stack retention screens.
• Send a reminder before a free trial ends.

If you want to design the subscription model correctly from the start, our subscription model guide covers pricing and trial length decisions in detail.

What do dark patterns look like in cookie banners?

Cookie banners are one of the most common places for dark patterns. Typical examples include a large, colorful "Accept all" button next to a "Reject" option hidden in a second layer. Others pre-check dozens of boxes in the settings screen or reopen the banner on every page after a user declines.

The FTC report also lists cookie consent banners among the areas where dark patterns appear. In Europe, data protection rules expect valid consent to be free, informed, and unambiguous. Therefore, making reject as easy as accept is the safe path for both user experience and compliance.

An honest cookie banner places accept and reject on the same layer with similar visual weight. It also lets users change their choice easily. For detailed design principles, read our cookie banner design article. For the broader data protection picture, see our guide to building a GDPR compliant website.

Which traps hide in forms and sign-up flows?

Forms also hide small but effective tricks. The most common one is a marketing consent box that arrives pre-checked. Users fill out the form quickly, miss the box, and receive emails they never asked for. Another example is asking for far more personal data than a trial requires.

We see similar traps in sign-up flows:

• Forced account creation: Requiring an account for a one-time purchase.
• Double negative consent: Confusing lines such as "Do not uncheck if you do not want updates."
• Hidden permissions: Requesting location, contacts, or notification access without explanation.

The honest alternative is to ask for each consent separately, with an unchecked box and a plain sentence. For example, "I want to receive promotional emails" is easy to understand and easy to audit. In addition, a guest checkout option removes the friction of a registration wall. A short, honest form often brings better leads, too.

Do intrusive popups affect SEO performance?

Yes, they can, at least indirectly. Google Search Central publishes a dedicated page on intrusive interstitials and dialogs. According to that page, full-page interstitials and dialogs that hide content frustrate users, erode trust, and can make it harder for search engines to understand your content.

The same page also lists acceptable examples, such as small banners that take up only a fraction of the screen or small HTML banners that link to a newsletter sign-up. Legally required interstitials, such as age gates, fall outside that rule.

Nagging comes into play here. If a user closes a newsletter popup and it opens again in the same session, that is a dark pattern and a poor page experience at once. So we suggest these rules:

• Do not show a declined popup again for a set period.
• On mobile, use a small banner instead of a full-screen overlay that covers content.
• Make the close button visible, large enough, and reachable by keyboard.

How can you spot visual tricks and confusing wording?

Visual tricks turn our habits against us. For example, users usually assume the prominent button means "continue." Labeling the bold button "Upgrade plan" and the faint link "Continue for free" exploits that expectation. Similarly, a tiny or low-contrast close icon is a common trick.

Confusing wording, in addition, uses language itself. Double negatives such as "Cancel if you do not want to disable notifications" lead users to the opposite choice. So how do you catch these issues on your own site?

1. Read every button label out of context. Does it make sense on its own?
2. Compare the contrast and size of the decline option with the accept option.
3. Try the page one-handed on a phone. Can you reach the close icon easily?
4. Ask someone who has never seen your site to read the copy and tell you which option they would pick.

This quick test does not replace a professional usability study. Still, it surfaces the obvious problems fast.

What do EU regulations say about dark patterns?

First, a note: this section is general information, not legal advice. Please consult a legal professional about your own situation. Regulations change over time, so check the current text with official sources.

In the European Union, several regulations touch on dark patterns at once. The Digital Services Act (DSA) prohibits online platform providers from designing interfaces that distort or impair users' ability to make free and informed decisions. The relevant article deals with "online interface design and organisation," and its scope mainly covers platforms.

For an online store that is not a platform, other rules come to the fore:

• Unfair Commercial Practices Directive: It bans misleading and aggressive commercial practices. The guidance referenced on the European Commission's directive page addresses dark patterns.
• GDPR: It requires consent to be free and unambiguous. The EDPB guidelines on deceptive design patterns offer practical direction here.
• Consumer rights rules: They expect payment obligations and total price to be clear.

In short, the law may have different names, but the message is the same: an interface that misleads users or distorts their choice carries risk.

How do consumer rules in the US and other markets approach this?

This section is also general information and not legal advice. In the US, the FTC stated clearly in its report that dark patterns are an enforcement priority. The report examined patterns across e-commerce, cookie consent banners, children's apps, and subscription sales.

Consumer authorities in other markets are moving in a similar direction. Misleading price displays, extra charges without the consumer's clear consent, and consent that does not reflect free will are practices that consumer and data protection rules generally treat as problematic. That said, details vary from country to country. Therefore, always check current rules with the relevant official body.

Our practical advice is this: design your site for the strictest market you serve. When accept and reject are equally easy, prices are transparent from the start, and canceling is as easy as signing up, you meet the core expectations of most markets. On top of that, this kind of design naturally increases visitor trust.

What is the honest alternative to each dark pattern?

The table below places the patterns we see most often next to the honest design decisions you can use instead. You can use it as a checklist during design reviews.

As you can see, most honest alternatives cost nothing extra. Often, all you need to do is flip an existing setting in the user's favor.

How do accessibility principles relate to dark patterns?

Accessibility and honest design serve the same goal: everyone can make informed decisions. The W3C Web Content Accessibility Guidelines (WCAG) do not use the term dark patterns. Still, several success criteria describe the opposite of these patterns.

• 2.2.1 Timing Adjustable: Users can turn off, adjust, or extend a time limit. This principle is the exact opposite of artificial time pressure.
• 3.3.4 Error Prevention (Legal, Financial, Data): Submissions with legal or financial consequences should be reversible, checked, or confirmed.
• 3.2.6 Consistent Help: Help mechanisms should appear in the same place across pages. Hiding the support or cancel path works against this idea.
• 2.4.7 Focus Visible: Keyboard focus must be visible. Hiding the close button also affects keyboard users.

In practice, an accessibility review doubles as a dark pattern scan. To learn more about honest interfaces that support every visitor, see our article on UX mistakes that kill sales.

What forms do dark patterns take on mobile?

Phone screens are small, and users are often in a hurry. Both conditions create fertile ground for dark patterns. For example, a close icon may be too small to tap or sit too close to the edge of the screen. The user tries to close it and taps the ad instead.

Here is another example scenario. On the checkout screen, fee lines below the total appear only after scrolling. Everything fits on one screen on desktop. On mobile, however, the user taps the confirm button without ever seeing the key information. Likewise, sticky bottom bars can permanently cover part of the content.

For honest mobile design, we recommend these principles:

• Give close and decline options a size you can tap comfortably.
• Show the total price and extra fees right above the confirm button, without scrolling.
• Keep sticky bars small and let users dismiss them.

In short, review each mobile screen with one question: can the user see this without scrolling?

How do you audit your site for dark patterns?

Audit the user journey, not individual screens. Nielsen Norman Group notes that regular usability testing catches obvious patterns, but mild ones often slip through. So it recommends adding an amended cognitive walkthrough. We follow these steps in our audits:

1. List the critical journeys: purchase, sign-up, newsletter, cancellation, account deletion, and cookie choice.
2. Walk through each journey as your most vulnerable user, for instance someone in a hurry, on a phone, or using a screen reader.
3. At every step, ask: Is the user oversharing? Could they misread the options? Are they rushed? Do they feel ashamed to decline?
4. Write down the number of clicks for the accept path and the decline path side by side.
5. Rank the findings by severity and define an honest alternative for each.

For the other steps of a full UX review, see our UX audit guide. If you would like us to run this audit on your site, you can request a quote through our web design service. We deliver the findings and priorities as a written report.

How do you build an honest design culture in your team?

A one-time audit fixes the problem for a while. However, as new campaigns, popups, and tests arrive, old patterns can creep back. That is why honest design should be the whole team's job, not one person's.

A few habits work well in practice:

1. Add written rules to your design system, such as "decline sits on the same layer as accept."
2. Include at least one guardrail metric in every A/B test plan, for example refunds or unsubscribes.
3. Make the prelaunch checklist as mandatory as code review.
4. Ask one team member to raise the question "does this mislead the user?" in every meeting.

Nielsen Norman Group also recommends calling out deceptive patterns when someone proposes or builds them and looking for fairer alternatives. This way, honesty stops being a choice and becomes the team's default way of working.

Which checklist should you use before launch?

Use the checklist below before every new page, campaign, or checkout change. Running it together with design, development, and marketing gives the best results.

• Is the total price the same from the first display to the payment step?
• Does any item enter the cart or order that the user did not select?
• Are all consent boxes empty by default?
• Are decline, cancel, and close options as visible and easy as accept?
• Do countdown, stock, and demand messages rely on real data?
• Does the site ask again for something the user declined in the same session?
• Do button labels make sense out of context?
• Can users cancel a subscription through the same channel, in a reasonable number of steps?
• Do accept and reject sit on the same layer in the cookie banner?
• Can keyboard and screen reader users reach every option?

If any answer makes you uneasy, redesign that point before launch. A small fix is far cheaper than the complaints that would follow.

Short-term conversions or long-term trust?

The main argument for dark patterns is that they increase conversions. In some cases, they may in the short run. However, an incomplete metric leads to an incomplete decision. Unless refund rates, support tickets, chargebacks, cancellations, and negative reviews go into the same table, you cannot see the real result.

For that reason, we recommend watching a set of guardrail metrics in A/B tests, not a single conversion number. For example, in a newsletter popup test, track bounce rate, unsubscribe rate, and return visits alongside sign-ups.

Trust, on the other hand, compounds. A site that states the price up front, makes canceling easy, and never shames its visitors brings people back and earns recommendations. We explain how to build these signals in our guide to website trust signals.

How we build honest interfaces into your site

When Talha Aslan and team start a new site, we make honest interface principles part of the design system. That means the visual weight of the decline button, the default state of consent boxes, and the price display follow the same rule on every page. As a result, the rule holds even when someone adds a new campaign later.

For existing sites, we first run the audit described above. Then we plan the fixes by impact and effort. Most fixes stay at the level of copy, default settings, and button hierarchy, so they rarely require a full redesign.

If you want to apply this approach to your site, tell us about your project on our web design services page and request a quote. We share the scope, timeline, and deliverables in writing. A site free of dark patterns is an investment in both your users and your brand's long-term reputation.