How Designers Sneak Products into Users’ Shopping Baskets

• 13 min read

591 Shares

Like a naughty kid who wants the Oreo cookies you just told him he couldn’t have, dark pattern designers are masters at slipping things into your shopping basket without your knowledge. Here, we will show you how they do that, and get away with it. We will give you some examples that behave in ways you’ll instantly recognize from many of the purchases you may have made, or considered making, on the web. And, although you’ll learn how to implement them in your future designs, we’ll also challenge you to take a responsible attitude towards your users. That balance is what lies behind a win-win situation for everyone involved.

Designers often take actions on behalf of users that may end up being annoying but not costly to the user, such as subscribing users to newsletters unless they select or deselect a checkbox. However, there are also times when designers use unethical tactics to get you to buy things you really do not want. For example, when you are booking a flight from the Dutch Royal Airlines web page, a charitable donation on your behalf is made to compensate for your carbon footprint. Although we believe this is an environmentally responsible step to take, they don’t ask you explicitly and try to trick you into accepting it, which makes it a dark pattern.

Author/Copyright holder: KLM. Copyright terms and license: Fair Use.

Sometimes, dark patterns can be used for charitable purposes. For example, the Dutch Royal Airlines use the ‘sneak into basket design pattern’ to get people to contribute to a CO2 compensation organization. They go even as far as not accepting an amount of zero Euros when a user attempts to adjust the amount to pay.

Why is this classified as a dark pattern?

Harry Brignull, dark pattern expert, states that this maneuver is the equivalent of a supermarket worker putting things into your shopping cart without your knowledge, items which only come to your attention when you reach the checkout, if they even do so at all. Therefore, unless you carefully go through all of the information before completing the transaction, you may well end up buying things you did not want or need.

Dark pattern designers might suggest this method merely shows users what they could buy and makes the task of purchasing items as straightforward as possible. However, by placing things in the users’ baskets, instead of simply showing them a list of possible additions to their purchases, these designers are effectively slipping things in without the users’ permission. Governments now acknowledge the danger of this design pattern, which is why it is outlawed by the European Commission, under the consumer rights directive. As of 2017, we’re not aware of any comparable laws in other nations, so check with your local authorities on what your situation is. As ever, be wary of client organizations who insist on your working this technique into your design for them. Don’t worry – we’re going to show you the benefits of being more upfront with users, and your future clients are likely to agree with the rationale we provide.

“The Directive on Consumer Rights aims at achieving a real business-to-consumer (B2C) internal market, striking the right balance between a high level of consumer protection and the competitiveness of enterprises.”
—The European Commission

Companies can no longer add additional products to a shopping basket when additional fees apply. It involves all cases in which a user would have to take action (e.g., unchecking a box) to avoid paying these extra costs. If the product or service (e.g., a newsletter subscription) is free, the consumer rights directive does not apply. So, if you find an instance of the ‘sneak into basket’ pattern, and you feel as though you’re being tricked into spending more money than you intended, don’t hesitate to check your local laws and contact the authorities when appropriate!

A more responsible way to persuade people to buy items related to the ones they have already placed in their shopping basket is to give them suggestions. These suggestions can be based on the products that other customers often buy together, or based on what the company thinks would make a sensible combination. In any case, by presenting the products as suggestions—rather than adding them to the shopping basket behind the user’s back—you’re more likely to add to a positive user experience and can expect returning customers. Amazon does this masterfully by offering you additional selections according to what other buyers have bought in addition to the item you are considering.

Let’s take a scenario to show just how great the benefits of offering suggestions can be, and how the emotions associated with not having that liberty can sour the user’s experience in an instant. For example—and using the concept of a donation to alleviate the carbon footprint as our axis—let’s consider three users: Adam, Ben, and Carl. Adam’s a family man; he understands environmental concerns and would be only too happy to donate in this way. Ben’s a busy designer – he’s too caught up in his creative work to give the topic a whole lot of thought other than some tacit recognition that things aren’t the best with the state of the planet. Carl is a corporate manager; he thrives off generating sales and adding value to a company he has high hopes for rising up in. While he is aware of emissions issues in the atmosphere, it’s a low priority to him. Let’s say we’re designing for our imaginary client airline, and all three men need to book their flights with us. For the sake of argument, we’ll split what happens into two alternate realities – what they may just think and do if they have the choice to make a small donation to help with the carbon footprint, but also what they might do if they are more or less compelled to make some donation, if they are to fly with us at all.

Adam

Ben

Carl

Possible reaction if not given a Suggestion to Donate and Fee appears in Shopping Cart

“Yes, that’s fine for me. Some people mightn’t like that, though.”

He clicks to agree without giving too much further thought.

“Hang on; where did that come from? Hey, why can’t I set it to zero?!”

Not very impressed, he sets it to the lowest donation option.

“Forget it. Why should I have to help foot the bill for your social conscience?”

Disgusted, he mutters something about ‘rampant liberalism’ and looks for another airline.

Possible reaction if given Suggestion to Donate for Carbon Footprint

“Oh, yes; let’s do that. That’s a good idea, actually!”

He agrees to the suggestion, happy to consider he’s doing his part.

“Hmm... No, not today, thanks. Maybe some other time.”

He does not agree to it but has at least considered the option.

“Forget it, thanks. I’ve got a plane ticket to order.”

He does not agree to it, but at least he doesn’t leave so as to try seeking another airline.

Notice the difference—the freedom involved in asking is what will keep users more likely to maintain a friendly disposition. Adam may or may not agree to add a donation on that occasion, but that is probably a better risk to take than earning Ben’s irritation and Carl’s outrage by putting it in the shopping cart without checking that it’s okay. At the philosophical level, we can argue that Adam is the most responsibly minded in this context; however, Carl reserves the right to disagree (he may say he only needs the world for another 40–50 years or so and his kids’ generation will—hopefully!—figure out a way to deal with matters). It’s not that he hates the planet; he just doesn’t want to be forced to ‘love’ it in this way. Ben’s goodwill is of particular concern here, as he might well represent the silent majority in many parts of the world. Keeping him happy is paramount in this regard. While enforcement of some fee may seem justifiable in a few contexts, remember this equation: enforcement = lack of user choice. If users are dealing with governmental entities such as tax bureaus, they will (to a certain extent) put up with that lack of choice. Otherwise, they are well within their rights to switch off and go elsewhere (if a competitor can be found)... or reluctantly agree to the terms and have none-too-salutary things to tell their friends later. Users want to get things done; they don’t want to be force-fed ideals.

“Because to take away a man’s freedom of choice, even his freedom to make the wrong choice, is to manipulate him as though he were a puppet and not a person.”
—Madeleine L’Engle, American Newbery Medal-winning writer

So, keep this concept in mind at all times, regardless of how small an add-on may be (people will or will not do things on principle, after all). Similarly, many users will be wise enough to notice any catches in a company’s offers – for instance, if it has low prices but tries sneaking in items/services/tariffs as ‘strings attached’. The value of asking and preserving the users’ full freedom of choice can prove priceless in keeping them trusting and loyal to a brand. Aside from good manners, there is an added potential benefit in that people like Ben, in our example, will see the option to donate and may think more on the subject later, perhaps even research the matter, and maybe even make a donation the next time.

Author/Copyright holder: Staples, Inc.. Copyright terms and license: Fair Use.

A more responsible way to persuade people to buy items related to the ones they already placed in their shopping basket is to give them suggestions. The Staples website gives the customers these suggestions based on what other customers bought. This provides users with a mix of what’s popular and what’s a useful combination with products in their basket.

The Take Away

Sneaking products into the user’s basket is a dark design pattern that is prohibited in Europe and other parts of the world. Therefore, finding this design pattern in the wild has become quite difficult. However, sometimes you can still come across products that you don’t want to purchase. And even when the underlying sentiments are admirable—like in the case of compensating for the CO2 emissions from a flight you book—it is designed with another stakeholder than yourself in mind. If this is the case, and you’re convinced you’ve encountered this dark pattern on a website, you might want to report it to the appropriate authorities. As a designer, always remember the positive impact you can make through asking users if they would like to buy add-ons – that politeness will not only help keep them open to suggestion, but it will also mean the organization you’re designing for will at least not have to worry about disgruntled users telling embittered tales about it and/or casting cynical aspersions as to its motives. Keeping your fingers out of the basket means keeping the ‘door’ open in this sense.

References & Where to Learn More

Hero Image: Author/Copyright holder: Steven Depolo. Copyright terms and license: CC BY 2.0.

Jenifer Tidwell, Designing Interfaces: Patterns for Effective Interaction Design, 2010

Martijn van Welie, Pattern Library, 2008

Harry Brignull’s website dedicated to dark patterns

Learn More in This Course:

AI for Designers

12 days
13 % booked
View Course

What You Should Read Next

  • Read full article
    10 Great Sites for UI Design Patterns - Article hero image
    Interaction Design Foundation logo

    10 Great Sites for UI Design Patterns

    You don’t want to spend your whole life redesigning the wheel, do you? No, neither do we. If you are looking for a design that solves a problem that has been solved with a different application before, then the template for your wheel is probably already out there. This lets you save time and make a

    Social shares
    1.4k
    Published
    Read Article
  • Read full article
    Implement Global Navigation to Improve Website Usability - Article hero image
    Interaction Design Foundation logo

    Implement Global Navigation to Improve Website Usability

    When you’re designing a new website, application, or other product, you always start with the global idea and structure before addressing more detailed issues. Designing the navigation on a website is no different. Getting the global navigation right is the first step in designing a great user exper

    Social shares
    826
    Published
    Read Article
  • Read full article
    Split the Contents of a Website with the Pagination Design Pattern - Article hero image
    Interaction Design Foundation logo

    Split the Contents of a Website with the Pagination Design Pattern

    The pagination design pattern is widely used in websites that open up a lot of content to users. From search engines such as Google and Firefox, to e-commerce sites such as Amazon and Asos—the use of pagination is very, very broad. And although it seems straightforward, implementing pagination in th

    Social shares
    817
    Published
    Read Article
  • Read full article
    Best Practices and UI Design Patterns for Help in Mobile - Article hero image
    Interaction Design Foundation logo

    Best Practices and UI Design Patterns for Help in Mobile

    When users start to get to grips with your mobile app, they will need a little help from time to time. The good news is that standard design patterns can reduce design time for help in mobile apps. Here are some practical guidelines that you can use to improve the UX of help in general.You should no

    Social shares
    813
    Published
    Read Article
  • Read full article
    Make it Easy on the User: Designing for Discoverability within Mobile Apps - Article hero image
    Interaction Design Foundation logo

    Make it Easy on the User: Designing for Discoverability within Mobile Apps

    Discoverability sometimes also referred to as “learnability” is the ease at which users can find new features or functions with an app and learn to use the things that they find. While this has always been an important part of user experience design – it becomes even more important in the mobile des

    Social shares
    787
    Published
    Read Article
  • Read full article
    How to Apply Search Boxes to Increase Efficiency - Article hero image
    Interaction Design Foundation logo

    How to Apply Search Boxes to Increase Efficiency

    Have you ever felt overwhelmed with information while you were searching for something specific? Have you ever been lost in the haystack, looking for that one tiny needle? If your users are anything like you, they will sometimes feel overwhelmed or lost, too, unless you minimize their efforts by pro

    Social shares
    742
    Published
    Read Article
  • Read full article
    Use Color to Prevent Confusion and Help Your Users - Article hero image
    Interaction Design Foundation logo

    Use Color to Prevent Confusion and Help Your Users

    As designers, we can use color to guide our users in the right direction to accomplish a task effectively and efficiently. But some designers who focus more on their company’s needs than their users’ can twist things so that colors turn into a bewildering nightmare, hiding buttons and information us

    Social shares
    722
    Published
    Read Article
  • Read full article
    Giving Your Users Freedom with Editable Input Fields - Article hero image
    Interaction Design Foundation logo

    Giving Your Users Freedom with Editable Input Fields

    When you want to purchase something on the internet, no matter what it is, or which e-commerce service you use, you don’t want to encounter any restrictions. Just imagine what your user experience would be like if a web shop presented you with a limited set of options to choose from when asking for

    Social shares
    717
    Published
    Read Article
  • Read full article
    Display Achievements to Encourage Website Usage - Article hero image
    Interaction Design Foundation logo

    Display Achievements to Encourage Website Usage

    You are doing so great; you’re top of the class! Don’t you just love to hear a compliment like this? We’re all human, and this is the way we are wired. We thrive on accomplishment. Whether you want to be better than everyone else or simply be better than your former self, knowing your achievements i

    Social shares
    716
    Published
    Read Article
  • Read full article
    How to Implement Sitemap Footers to Keep Users Going - Article hero image
    Interaction Design Foundation logo

    How to Implement Sitemap Footers to Keep Users Going

    In your attempts to minimize the effort your users need for performing actions on the website you’re designing, you just might be overlooking one major opportunity: sitemap footers. You might think about footers as a page section where you can dump any links or contact information you couldn’t fit a

    Social shares
    714
    Published
    Read Article

Top Articles

Top Topic Definitions

Feel Stuck?
Want Better Job Options?

AI is replacing jobs everywhere, yet design jobs are booming with a projected 45% job growth. With design skills, you can create products and services people love. More love means more impact and greater salary potential.

At IxDF, we help you from your first course to your next job, all in one place.

See How Design Skills Turn Into Job Options
Privacy Settings
By using this site, you accept our Cookie Policy and Terms of Use.
Customize
Accept all

Be the One Who Inspires

People remember who shares great ideas.

Share on:

Academic Credibility — On Autopilot

Don't waste time googling citation formats. Just copy, paste and look legit in seconds.

Feel Stuck? Want Freedom?

Join 326,020+ designers who get one powerful email each week. Learn to design a life you love.

Next email in
1
day
15
hrs
21
mins
43
secs

Free forever. No spam. Unsubscribe anytime.