What Are Dark Patterns in UX Design?

Cynthia Vinney, contributor to the CareerFoundry blog

A dark pattern is a deceptive user experience that takes advantage of the way people habitually use websites and apps in order to get users to do something they didn’t intend to.

The term “dark patterns” was coined in 2010 by Harry Brignull, a user experience specialist, when he also started a website dedicated to naming different dark patterns and calling out companies that use them. He’s been busy ever since. Brignull’s reasoning for wanting to spotlight dark patterns is simple. As he explains:

“When you use websites and apps, you don’t read every word on every page—you skim read and make assumptions. If a company wants to trick you into doing something, they can take advantage of this by making a page look like it is saying one thing when it is in fact saying another. You can defend yourself by learning about dark patterns…”

In this guide, we’ll explore why companies use dark patterns, describe the 12 different kinds of dark patterns identified by Brignull, and explain what to do instead of using these dark patterns.

  1. Why do companies use dark patterns?
  2. Kinds of dark patterns
  3. What to do instead of using dark patterns
  4. Key takeaways

A man sitting at an office workstation with his hand on his head, staring at his laptop in frustration

Photo by Tim Gouw on Unsplash

1. Why do companies use dark patterns?

In theory, a UX designer’s job is to champion the user, creating user interfaces that enable them to seamlessly navigate through information and tasks. In practice, however, UX designers work for managers who are focused on growth and numbers, leading them to demand designers implement dark patterns. The managers’ reasoning is simple: dark patterns work, at least in the short-term. And for managers tasked with meeting specific metrics, like doubling the number of user accounts on a social media platform, using dark patterns enables them to meet that goal quickly without having to spend time coming up with a solution that would appeal to users.

2. Kinds of dark patterns

There are 12 kinds of dark patterns, and it’s best to avoid all of them: Friend spam, forced continuity, disguised ads, confirmshaming, bait and switch, hidden costs, roach motel, privacy zuckering, misdirection, price comparison prevention, trick questions, and sneak into basket.

Now if the names aren’t enough to have you intrigued, let’s look at each of these in a little more detail. Chances are you’ve encountered most of these in the not-too-distant past.

Friend spam

Screenshot of Apple icons for Google, email, and phone, with a badge app icon indicating 20 unread emails

Photo by Torsten Dettlaff from Pexels

A social media platform or other product asks for your email address or permission to access your social media account in exchange for a desired outcome like finding your friends or letting you access a service. In truth, however, the product spams all the contacts it’s been given access to with messages that look like they came from you.

This dark pattern was famously used by LinkedIn. When someone signed up for LinkedIn, the social media site used to spam all the new users’ contacts with invitations to join the social network. Users weren’t able to opt out and this led to a class-action lawsuit that eventually required LinkedIn to pay a $13 million penalty for this deceptive practice.

Forced continuity

If you’ve signed up for a streaming service recently, you’ve probably run into this dark pattern where your credit card is automatically charged as soon as a free trial comes to an end. While the companies who do this would argue that it enables users to continue to access their service uninterrupted, users receive no warning that their card is about to be charged, often causing them to be billed unexpectedly. Streaming platforms like Netflix, Hulu and DisneyPlus use this tactic, but it’s common with other services that offer free trials.

Disguised ads

You’ve likely seen a disguised ad on a website or app even if you didn’t know what it was. And that’s the whole point! Disguised ads look like the content on the rest of a site, making users more likely to click on them.

Confirmshaming

This dark pattern was extremely popular a year or two ago. The goal was to get the user to opt into doing something, like sharing their email or signing up for a newsletter, by making the alternative choice sound undesirable. For example, an e-commerce site might offer a discount on a users’ first order in exchange for their email address. If the user doesn’t want to share their email address, they have to click on an option that says something like, “No thank you, I don’t like saving money.”

Bait and switch

A woman holding a mobile phone, frustrated with the app she's using

Photo by Alex Green from Pexels

As the name suggests, this pattern occurs when a user takes an action expecting one outcome, but instead something else happens. Windows customers ran into a bait and switch in 2016 when clicking on the “X” button of a pop-up asking users to update to Windows 10. But instead of closing the pop-up as expected, clicking the “X” started the update. Given up until this point, “X” was synonymous with “close,” users did exactly what they thought they should to get rid of the pop-up. Microsoft’s exploitation of this standard behavior understandably created a backlash with its users.

Hidden costs

This dark pattern happens when, during the final step of an e-commerce check-out process, additional fees and other costs are added to your order. For example, if you purchase tickets on TicketMaster, the site initially shares only the price of the tickets with you. When you check out however, the cost you’re required to pay goes up substantially as things like service fees and delivery charges are tacked onto the ticket price.

Roach motel

Named after the product that lures roaches in but makes it impossible for them to get out, a roach motel dark pattern lets users do something easily, like sign up for an account, but makes it extremely difficult to get out of the situation. For example, while it’s simple to sign up for an account on sites like Facebook or LinkedIn, it’s substantially more challenging to figure out how to cancel those accounts.

Privacy zuckering

In its early days, Facebook was known for causing users to inadvertently share more personal  information with their network than they intended, which is why this dark pattern is named for Mark Zuckerberg, the CEO of Facebook. Brignull observes that because of user backlash and work by privacy groups, privacy zuckering is now mostly done through data brokering which makes it far less obvious. With data brokering, you agree to terms and conditions that allow companies to sell the data they collect on you.

Misdirection

Screenshot of an Amazon Prime workflow to cancel an account

Screenshot by Jason Cipriani/CNET

Like other forms of misdirection, this dark pattern uses design to focus your attention on one thing in the hopes you’ll overlook something else. For example, if you’re a member of Amazon Prime and want to cancel your account, you’re taken to a page that spotlights images and information about all the benefits you get with Prime. What you may miss is the small, plain boxes at the top of the screen that enable you to change your plan or cancel it entirely.

Price comparison prevention

Many websites give you the ability to compare the prices of similar products, however when they don’t, it’s because this dark pattern is at work. This is yet another dark pattern LinkedIn is guilty of. The company offers a free trial of several different versions of LinkedIn premium but none of the options include pricing information. If that weren’t enough, even when you sign up, the pricing information provided is vague.

Trick questions

You’ve likely filled out many forms on websites and apps, which has made you comfortable skimming them and making assumptions about the information you’re being asked to provide. This dark pattern takes advantage of this by tricking users into answering a question in a way they didn’t intend. When supporters donated to the Donald Trump campaign, many thought they were making a one-time donation, but their accounts were later charged for additional donations. The problem? A pre-checked box stating that the donation would be recurring. So users would need to spot the pre-checked box, read the disclaimer, and un-check the box if they wanted to make a one-time donation.

Sneak into basket

This dark pattern slips an extra item into a user’s e-commerce cart, usually by including a radio button or checkbox that the user has to uncheck in order to avoid the additional charge. This pattern can be seen when companies include add-on services like privacy protection or trip protection in a user’s basket, which they then must notice and opt out of.

3. What to do instead of using dark patterns

Two designers sitting outside on the grass, working on a laptop and taking notes

Photo by Armin Rimoldi from Pexels

Dark patterns are still in wide use and they can have an insidious impact on user experiences, destroying user loyalty, creating ill will and causing brands to lose customers.

Instead of using dark patterns, UX designers should argue for treating customers with respect by giving them choices that are transparent and clear. While this won’t lead to the same short-term gains as a dark pattern, it will lead to a less frustrating and much improved customer experience (CX).

(If CX is a new term for you, learn more here: The difference between UX and CX.)

In the long-term this will also help companies retain customers, ultimately giving them a competitive advantage. Customers are far more likely to stay with companies, brands, and product experiences that are transparent, authentic, and trustworthy!

4. Key takeaways

This article introduced you to the different kinds of dark patterns, why they work, and why they ultimately may backfire. To sum up:

  • Dark patterns are deceptive user experience designs that exploit our typical behavior on websites and apps to get us to do something we didn’t intend.
  • Harry Brignull coined the term in 2010 and runs a website dedicated to uncovering them.
  • Companies use dark patterns because they work in the short term.
  • Brignull has identified 12 kinds of dark patterns: Friend spam, forced continuity, disguised ads, confirmshaming, bait and switch, hidden costs, roach motel, privacy zuckering, misdirection, price comparison prevention, trick questions and sneak into basket.
  • Dark patterns ultimately don’t work in the long-term because they create ill will and destroy customer loyalty.

Instead, UX designers should ensure users are respected by giving them transparent choices. This will lead to a better user experience overall, and will do wonders for customer retention by simply saying no to the risk of compromising the trust your users (want to) have in your product.

Learn more about UX design principles in these articles:

(Cover image credit: Yan Krukov from Pexels)

What is CareerFoundry?

CareerFoundry is an online school for people looking to switch to a rewarding career in tech. Select a program, get paired with an expert mentor and tutor, and become a job-ready designer, developer, or analyst from scratch, or your money back.

Learn more about our programs
blog-footer-image