Blog

Six Dark Patterns to Avoid On Your Website

Posted by in UX Design

Graphic of naive and happy cursor being led into an oven of dark patterns by a trail of candy

Every business or organization wants to see increased conversion rates. When we work with clients to define goals for the digital products we build, a consistent desire for increased donations, purchases, or email sign-ups over time drives most of these conversations. Everyone wants to see a graph of KPIs trending upward, but how far are we willing to go to keep increasing those numbers? Some companies have turned to deceptive practices—or dark patterns in UX parlance—to keep the balance sheet in the black.

As a B Corp, Mightybytes is committed to using business as a force for good in the world. As a digital agency, the internet is where we do that. Below are six examples of using UX design as a force for deception. Don’t do these things.

 

Dark Patterns

UX consultant Harry Brignull put up the website Dark Patterns to point out interfaces that are designed to intentionally deceive users. According to his website, “Dark Patterns . . . are not mistakes, they are carefully crafted with a solid understanding of human psychology, and they do not have the user’s interests in mind.”

You sign up for a product or service, but can’t unsubscribe. You get tricked into creating an account that then spams your contacts list. Or you click on something that looks like content but in reality is just a disguised ad, or worse, starts downloading software to your device. These are dark patterns. They are all over the internet and not just the domain of independent hackers or nefarious Nigerian princes. Some of the biggest brands around the world employ them liberally.

Logos of Brands that use dark patterns

In his presentation Dark Patterns: User Interfaces Designed to Trick People Harry Brignull points out that some of the biggest brands in the world employ dark patterns.

Mr. Brignull notes that four factors commonly play into dark patterns taking shape:

  1. An aggressive business environment.
  2. A heavy emphasis on metrics.
  3. Social proof (i.e. “many big brands are doing it, so should we”).
  4. Unlike black hat SEO techniques, dark patterns can’t (yet) be detected by software.

The boss says you’ve got to get the numbers up at all costs. He or she points to several other well-known companies doing similar things. Who’s going to know? That’s all it takes. While we are big fans of data-driven decision making, taking metrics obsession to the extreme creates an environment where getting the numbers up no matter what can lead to ill-advised decisions that result in unhappy users and lots of wasted energy.

Evil by Design by Chris Fodder

In Evil by Design, author Chris Fodder gives 57 examples of manipulative design patterns.

Similarly, in his book Evil by Design: Interaction Design to Lead Us Into Temptation, author Chris Nodder breaks 57 examples of persuasive design patterns meant to manipulate into seven familiar categories:

  1. Pride: Use social proof to position your product in line with your visitors’ values.
  2. Sloth: Build a path of least resistance that leads users where you want them to go.
  3. Gluttony: Escalate customers’ commitment and use loss aversion to keep them there.
  4. Anger: Understand the power of metaphysical arguments and anonymity.
  5. Envy: Create a culture of status around your product and feed aspirational desires.
  6. Lust: Turn desire into commitment by using emotion to defeat rational behavior.
  7. Greed: Keep customers engaged by reinforcing the behaviors you desire.

These practices all have one thing in common: they prey on our cognitive psychological biases in order to persuade us to do things that are most likely not in our own best interests. Below are six examples.

The Roach Motel

Don’t make it easy for users to subscribe but then difficult to unsubscribe. Roach motels are all over the internet and take the shape of newsletter signups, software subscriptions, and so on.

The Bait and Switch

Don’t misdirect users by changing patterns without warning. In other words, if the blue button consistently takes you to the next screen, then suddenly becomes a ‘Buy’ button, users will instinctively click it before realizing that it does something different than the other 19 buttons of the same size and color. Users don’t want to feel they’ve been tricked into taking an action, especially not if it requires spending money.

Disguised Ads

Don’t disguise ads as other kinds of potentially more desirable content. Nuff said.

Screenshot of song purchase page showing ads that deceivingly look like download buttons

If you search on any song title along with the word MP3 you’ll get dozens of results like this one. The prominent ‘Start Download’ text is actually an ad for Giant Sender.

Sneak Into Basket

Don’t slip unwanted items into a user’s cart. A customer purchases a tablet, for instance, and a $20 case is added to the cart to “protect your purchase”. Similarly, some sites will add surprise or hidden costs at the last step in your checkout process.

Screenshot of Host Gator's website showing how they bait and switch customers

When setting up an account with HostGator, nearly $40 of “Hosting Addons” were sneakily added to our basket. Bad Gator.

Trick Questions

Don’t take advantage of the fact that users scan copy on the web rather than reading in detail, as in the case of disguising opt-in buttons as opt-out buttons with misleading copy.

Scarcity Inflation

A common practice used on shopping networks that has found its way to the internet, scarcity inflation preys upon the fact that we humans have emotional biases toward missing out on something. Don’t fake limited availability unless of course there is actually limited availability.

Screenshot to show the false sense of urgency sites can give a user in order to purchase a product

Booking.no: Booking.com uses scarcity inflation in several places on each listing.

Run Into the Light

These are just a few of examples of deceptive UX patterns that run rampant across the web. Harry Brignull proposes that UX designers adopt an industry-wide code of ethics that not only highlights these practices for the shady deceptions they are but also arms designers with a Hippocratic oath-like response to every time someone in management asks for a dark pattern.

Because of these patterns, users waste untold amounts of time and energy poking around a product or service looking for a way to close their account or fix the “mistake” they just made via an intentional deception that was put in their path. Dark patterns undermine integrity and customer confidence in the brands that employ them. Use UX as a force for good, not deception, on your site instead.

 

Tim Frick is the author of four books including, most recently, Designing for Sustainability: A Guide to Building Greener Digital Products and Services, from O'Reilly Media. He is @timfrick on Twitter. Mightybytes is a full-service creative firm for conscious companies and a certified B Corporation. Connect with us on Twitter or fill out our contact form.