--- title: The Dark Side of Design description: Dark Patterns are used on websites, apps, and software. These patterns are intentional – designed to trick users into signing up for a subscription, making a purchase, or spamming their friends and families. image: https://www.bitovi.com/hubfs/Dark%20Pattern_Social%20Media-100.jpg --- - ![AI implementation](https://www.bitovi.com/hubfs/AIConsultingIcon.svg) [AI implementation](https://www.bitovi.com/services/ai-consulting) - ![Systems engineering](https://www.bitovi.com/hubfs/icon%20-%20backend.svg) [Systems engineering](https://www.bitovi.com/services/systems-engineering-consulting) - ![Project Management](https://www.bitovi.com/hubfs/icon%20-%20PM.svg) [Project Management](https://www.bitovi.com/services/agile-project-management-consulting) - ![Product Design](https://www.bitovi.com/hubfs/icon%20-%20design.svg) [Product Design](https://www.bitovi.com/services/product-design-consulting) - ![Frontend development](https://www.bitovi.com/hubfs/icon%20-%20frontend.svg) [Frontend development](https://www.bitovi.com/services/frontend-development-consulting) - [View more → ](https://www.bitovi.com/digital-consulting-services) We're Experts in... - [JavaScript](https://www.bitovi.com/services/frontend/javascript-consulting) - [AI training](https://www.bitovi.com/ai-training-for-software-engineers) - [Angular](https://www.bitovi.com/services/frontend/angular-consulting) - [Design systems](https://www.bitovi.com/services/axure-figma-migration) - [React](https://www.bitovi.com/services/frontend/react-consulting) - [Temporal](https://www.bitovi.com/services/backend/temporal-consulting) - [React Native](https://www.bitovi.com/services/frontend/react-consulting/react-native) - [Node.js](https://www.bitovi.com/services/backend/nodejs-consulting) Showcase ![Yum! Brands](https://www.bitovi.com/hubfs/yum-showcase-link-1.png) [View case study](https://www.bitovi.com/en/bitovi-yum-case-study) More Projects - [![Levi's](https://www.bitovi.com/hubfs/levis.svg)](https://www.bitovi.com/web-application-consulting-work/levis-ecommerce-responsive-redesign) - [![Christie's International Real Estate](https://www.bitovi.com/hubfs/christies.svg)](https://design.bitovi.com/christies) - [![BAFS](https://www.bitovi.com/hubfs/bafs.svg)](https://www.bitovi.com/ux-design-consulting/ux-case-studies/bafs-ppp) - [View more → ](https://www.bitovi.com/our-software-consulting-work) Open Source Tools We build powerful tools and open source them to support the community. [See what we've built →](https://www.bitovi.com/open-source) - [![Blog](https://www.bitovi.com/hubfs/icon%20-%20blog.svg) BlogWe post about delivering products and solving problems. ](https://www.bitovi.com/blog) - [![Partnerships](https://www.bitovi.com/hubfs/Handshake-1.svg) PartnershipsLearn about Bitovi's technology partners ](https://www.bitovi.com/partnerships) - [![Academy](https://www.bitovi.com/hubfs/icon%20-%20academy%20(4).svg) AcademyFree courses to build delivery skills ](https://www.bitovi.com/academy) - [![Open source tools](https://www.bitovi.com/hubfs/icon%20-%20open%20source.svg) Open source toolsUse or contribute to our community ](https://www.bitovi.com/open-source) Let's Connect - [![Discord](https://www.bitovi.com/hubfs/DiscordLogo.svg) Discord ](https://discord.gg/J7ejFsZnJ4) - [![LinkedIn](https://www.bitovi.com/hubfs/LinkedinLogo.svg) LinkedIn ](https://www.linkedin.com/company/bitovi/) - [![GitHub](https://www.bitovi.com/hubfs/GithubLogo.svg) GitHub ](https://github.com/bitovi/) ![Eggbot](https://www.bitovi.com/hubfs/build_assets/bitovi-limbo-cms-react/338/js_client_assets/assets/eggbot-LTGhdSGL.png) Name * Work Email * Phone What's your project? Send ### Contact Us (312) 620-0386contact@bitovi.com April 13, 2022 # The Dark Side of Design Dark Patterns are used on websites, apps, and software. These patterns are intentional – designed to trick users into signing up for a subscription, making a purchase, or spamming their friends and families. ![The Bitovi Team](https://www.bitovi.com/hubfs/TheBitoviTeam%20(1).png) The Bitovi Team Share: [![Twitter](https://www.bitovi.com/hubfs/limbo-generated/_astro/twitter-white.os3xLc3C_Z2nW4or.svg) ](https://twitter.com/intent/tweet?text=) [![Reddit](https://www.bitovi.com/hubfs/limbo-generated/imgs/icons/reddit.png) ](http://reddit.com/submit?url=) Dark Patterns are used on websites, apps, and software. These patterns are intentional – designed to trick users into signing up for a subscription, making a purchase, or spamming their friends and families. There are eleven identified dark patterns; in this post, we break down and discuss how six of them work. ## Intro Have you ever bought or subscribed to something on accident because the interface was confusing? I have... maybe one too many times. I wanted to find out why companies keep creating "bad" UIs. It turns out, these user flows are designed **intentionally** and are called Dark Patterns and are categorized into eleven groups (and growing). The term Dark Pattern was coined back in 2010 by [Harry Brignull](https://www.90percentofeverything.com/about/). According to Bringull, Dark Patterns are tricks used in websites and apps that direct the user to do things they didn't mean to, like buying, subscribing, or signing up for something. The Dark Pattern hall of shame, compiled by Bringull, is a very interesting list that calls out major brands, corporations, and people for using Dark Patterns, with specific examples shown. These UI patterns can vary from being more benign, like [LinkedIn](https://www.fastcompany.com/3051906/after-lawsuit-settlement-linkedins-dishonest-design-is-now-a-13-million-problem) to being malicious, like [Turbo Tax](https://www.propublica.org/article/turbotax-deliberately-hides-its-free-file-page-from-search-engines). In this article, let’s take a look at six of the eleven patterns. ## Bait and Switch This twist on an old classic isn’t what you think, it’s much more deceptive. Just this past week I was on the hunt for some Nike DBreak’s. I thought I found an amazing deal, however as soon as I entered my size, 11.5 the price went up an additional $50! Disappointed with their trick, I kept shopping (I’m still looking for that good deal). ## Disguised Ads File these under sneaky as hell. As a UI designer, I often download free tools like cool design mockups. When I go to press download there are two or more download buttons… hmm, odd… ok – but I click the wrong download button. Turns out the button I hit was a well-disguised ad! Now I'm on some spammy site and miles away from the mockup I needed and need to find my way back. ## Forced Continuity I signed up for all the free streaming trials last year. HBO, Disney Plus, Hulu, you name it. Sure I’ll remember to cancel before the 30 days is up...right? HA – does anyone remember to set a reminder? Next thing ya know you’ve spent $60 on new streaming subscriptions that you’ve only watched a handful of times. ![](https://www.bitovi.com/hs-fs/hubfs/Google%20Drive%20Integration/Mind%20Control%2c%20Dark%20Patterns%20Part%200102.png?width=624&name=Mind%20Control%2c%20Dark%20Patterns%20Part%200102.png) ## Friend Spam I love Airbnb, so much so that when they asked me to invite my friends to their platform for credits towards my next stay – I happily obliged. Then boom – a barrage of messages were sent out to my buddies nagging them to join at my request. Maybe I should have read the fine print, but that itself is a whole other dark pattern called Misdirection. ![](https://www.bitovi.com/hs-fs/hubfs/Google%20Drive%20Integration/Mind%20Control%2c%20Dark%20Patterns%20Part%200102-2.png?width=624&name=Mind%20Control%2c%20Dark%20Patterns%20Part%200102-2.png) ## Hidden Cost It’s lunchtime and I’m ordering some sushi from a popular delivery app that rhymes with goober feets. The Tuna Lover meal is listed for $15.99 which is perfect. I'm thinking that plus a tip and I’ll spend around $18 for a really tasty treat. Only when I go to place my order the total is $26.55 with a tip included. The hidden costs were labeled as “Taxes and Fees, $4.57”, “Delivery Fee $.99” and a 20% tip on top of that. Why not just auto calculate service fees and taxes automatically? Full disclosure: I did buy that sushi and it was delicious. ## Conclusion Users are becoming savvier by the minute and expect a simple, polished UX that doesn’t manipulate them. Brands that continue to employ these patterns will lose both loyal and new customers to their competition. Not sure if you’re using dark patterns? [Contact us for a free review of your product](https://www.bitovi.com/ux-design-consulting) and our team of UX designers can help identify problematic areas. If you need help removing and refining dark patterns in your application or website, [![Tag for ui](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) ui ](https://www.bitovi.com/blog/topic/ui)[![Tag for design patterns](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) design patterns ](https://www.bitovi.com/blog/topic/design-patterns)[![Tag for e-commerce](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) e-commerce ](https://www.bitovi.com/blog/topic/e-commerce)[![Tag for visual design](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) visual design ](https://www.bitovi.com/blog/topic/visual-design)[![Tag for ux](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) ux ](https://www.bitovi.com/blog/topic/ux)[![Tag for dark patterns](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) dark patterns ](https://www.bitovi.com/blog/topic/dark-patterns)[![Tag for ethical design](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) ethical design ](https://www.bitovi.com/blog/topic/ethical-design) Previous Post ![RFC: Strictly Typed Reactive Forms Gotchas Every Angular Developer Needs to Know](https://www.bitovi.com/hs-fs/hubfs/RFC-%20Strictly%20Typed%20Reactive%20Forms%20Gotchas%20Every%20Angular%20Developer%20Needs%20to%20Know.png?height=117&name=RFC-%20Strictly%20Typed%20Reactive%20Forms%20Gotchas%20Every%20Angular%20Developer%20Needs%20to%20Know.png) [ RFC: Strictly Typed Reactive Forms Gotchas Every Angular Developer Needs to Know ](https://www.bitovi.com/blog/rfc-strictly-typed-reactive-forms-gotchas-every-angular-developer-needs-to-know)   Next Post ![Module Federation and Angular Service Workers (PWA)](https://www.bitovi.com/hs-fs/hubfs/Module%20Federation%20and%20Angular%20Service%20Workers%20%28PWA%29.png?height=117&name=Module%20Federation%20and%20Angular%20Service%20Workers%20%28PWA%29.png) [ Module Federation and Angular Service Workers (PWA) ](https://www.bitovi.com/blog/module-federation-and-angular-service-workers-pwa) ```json { "@context": "http://schema.org", "@type": "Organization", "mainEntityOfPage":{ "@type":"WebPage", "@id":"https://www.bitovi.com/blog/the-dark-side-of-design", "description": "Dark Patterns are used on websites, apps, and software. These patterns are intentional – designed to trick users into signing up for a subscription, making a purchase, or spamming their friends and families. " }, "url": "http://bitovi.com", "logo": "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg", "image": "https://www.bitovi.com/hubfs/bitovi-logo-x2.png", "name": "Bitovi Web App Consulting", "alternateName": "Bitovi", "naics": "541511", "description": "Bitovi is a UX, UI design and front-end JavaScript development consulting company", "address": { "@type": "PostalAddress", "streetAddress": "1134 Pine Tree Lane ", "addressLocality": "Libertyville", "addressRegion": "IL", "addressCountry": "United States", "postalCode": "60048" }, "areaServed": { "@type": "GeoCircle", "geoMidpoint": { "@type": "GeoCoordinates", "latitude": "41.8781", "longitude": "87.6298" }, "geoRadius": "5000 km" }, "telephone": "312-620-0386", "email": "contact@bitovi.com", "sameAs": [ "https://www.facebook.com/BitoviLLC/", "https://twitter.com/bitovi", "https://www.linkedin.com/company/bitovi" ] } ``` ```json { "@context": "http://schema.org", "@type": "BlogPosting", "headline": "The Dark Side of Design", "image": { "@type": "ImageObject", "url": "https://www.bitovi.com/hubfs/Dark%20Pattern_Social%20Media-100.jpg" }, "datePublished": "2022-04-13 20:14:06", "dateModified": "April 13, 2022, 8:14:06 PM", "author": { "@type": "Person", "name": "The Bitovi Team" }, "publisher": { "@type": "Organization", "name": "Bitovi", "logo": { "@type": "ImageObject", "url": "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg" } }, "description": "Dark Patterns are used on websites, apps, and software. These patterns are intentional – designed to trick users into signing up for a subscription, making a purchase, or spamming their friends and families. " } ```