Ethics in Usability Research: Exposing Dark Patterns

 

 

There’s a spectrum of dark design

User experience professionals are currently positioned as the greatest potential perpetrators of, as well as the first line of defense against abusive design. We must understand the nuanced modus operandi behind dark design practices and examine our own and others’ context, intent,, and execution. This discussion on dark patterns seeks to encourage our Pratt community to advocate for user-centric design as future professionals.

What are dark patterns?

A dark pattern mainpulates human cognition to implement deception functionality that is not in the not in the user’s best interest. The first light was arguably cast on dark patterns in 2010 by UX Practitioner and academic of cognitive science, Harry Brignull, who defined a dark pattern as “a user interface that has been carefully crafted to trick users into doing things” (Brignull 2013).

A team at Purdue University expanded on Brignull’s magnum opus, restructuring his dark pattern typology into five contemporary strategic categories for practitioner-level comprehension and application: Nagging, obstruction, sneaking, interface interference, and forced action. Strategies can be used in tandem, and each strategy is used for various reasons and with varying degrees of deception, but in all instances stakeholder needs are valued over the users (Gray et al 2018).

Dark pattern strategies:


1. Nagging

 

 

Figure 1: Instagram is nagging for a rating

 

On an interface, nagging is a “reduction of expected functionality that persists beyond one or more interactions” (Gray et al 2018). Nagging typically presents as a repeating intrusion not related to what the user is currently trying to accomplish through obstructions, like pop-ups. Instagram (see Figure 1) and many other apps nag users to rate their product with a pop-up that gives the user no option to discontinue the cycle of nagging. 

2. Obstruction

Gray et al (2018) defines obstruction design as “impeding a task flow, making an interaction more difficult than it inherently needs to be with the intent to dissuade an action.” In terms of trolls on the bridges of Norman’s gulf of execution, this obstruction monster is quite gnarly. Remember our classmate Kerry’s woes of not being able to unsubscribe from Winc, the wine app? Winc obstructs users intentions of canceling or skipping an order by making them contact support outside of the app if they don’t skip by a certain date.

3. Sneaking

Figure 2: After the trial, Tidal’s users won’t expect to be charged

Designers use sneaking to avoid divulging important information to the user, usually done by hiding, disguising, or delaying the information. Sneaking is a very common technique to get a user to complete an action they might not otherwise (if only they knew the whole story). Tidal, the music streaming platform (see Figure 2), uses sneaking by foregrounding their “Start Free Trial” button without revealing the user will be charged after the 30 days are over.

4. Interface Interference

Figure 3: Pop Cubes’ disguised game advertisement


An interface interference is “any manipulation of the user interface that privileges specific actions over others, thereby confusing the user or limiting discoverability of important action possibilities” (Gray et al 2018). Pop Cubes (Figure 3), tricks users into clicking “Play Now”, which loads a site on another page, instead of starting the game.

5. Forced Action

Forced action is a strategy in which users are “required to perform a specific action to access (or continue to access) specific functionality” (Gray et al 2018). A virtual twist of the arm is used by products like Candy Crush, which forces users to either wait, ask their friends, or purchase credits to keep playing after their lives have run out.

Bringing dark design to light

Dark patterns are not the same as anti-patterns, or unintentional usability consequences of designer naiveté. But identifying the intent behind dark pattern designs isn’t so black and white (there is no design studio in a lair with a twisted Tim Gunn pattern-making to deceit for profit). Designing products requires balancing stakeholder and user needs while accounting for organizational pressures —it’s never a simple trade-off.  

Within dark design, there are different shades of darkness that need to be examined. I’ll leave you with this anecdote: While my friend was working on a 2016 Presidential campaign, their team discussed using preselection, a sneaking and interface interference strategy, to make donations recurring. The team prioritized their fundraising goal over the fiscal capacity of the user, but rationalized that they were prioritizing the user’s ultimate goal of not electing someone accused of sexually assaulting at least 19 women to the highest seat of American government. What shade of dark is this?

References:

Brignull, Harry. “Dark Patterns: Inside the Interfaces Designed to Trick You.” The Verge, August 29, 2013. https://www.theverge.com/2013/8/29/4640308/dark-patterns-inside-the-interfaces-designed-to-trick-you.

Gray, Colin M., Yubo Kou, Bryan Battles, Joseph Hoggatt, and Austin L. Toombs. “The Dark (Patterns) Side of UX Design.” In Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems  – CHI ’18, 1–14. Montreal QC, Canada: ACM Press, 2018. https://doi.org/10.1145/3173574.3174108.

Design Critique: Depop iOS app

Perusing Depop: A peer-to-peer global marketplace for second-hand shopping

The UK-based Depop is a peer-to-peer iOS and Android application for the purpose of selling, browsing, and buying second-hand items from around the world. This critique follows a Depop user looking to browse items on their iPhone 7+. The 8-year-old app uses Instagram as a standard, or model, which boosts and limits the app’s usability.

Logging in on Depop

Depop’s initial encounter with the user, the log-in page, uses Instagam’s grid-structure to signify scrolling. The scroll feature uses mapping to engage users as they move their fingers down a page to view more items, or back up to return to previously viewed items. Mirroring Instagram enables such feedforward behavior. Yet, Depop’s log-in affords users more liberty than Instagam’s static design, allowing exploration of the application prior to sign-up, by hitting the aptly named explore button.

Depop product view

From the log-in page, it is clear Depop applies the ubiquitous design of Instagram as a standard, harnessing the user’s knowledge in the brain to create a pleasant, familiar experience. However, modeling after one of the most famous applications isn’t all smooth sailing. Detouring into independent design can confuse and frustrate users. When first looking at an individual product post on Depop, my visceral reaction is “something is not right.” My lizard brain longs for the cleanliness of Instagram’s spacing and less of the kerning headache of Depop’s typography and clutter of icons. Depop does succeed with using Instagram’s favorite signifiers, like the circles that encourage swiping a carousel of images. Depop even takes the image view a step further than it’s role model by applying a form of mapping. Once an image is dragged to a zoomed-in view, users can rotate the pop-up graphic in different directions by moving their fingers. When buying a product, especially one loved by a previous owner, zooming-in on details is essential to the e-commerce experience.

Liking items on Depop

Depop’s design easily encourages users to fall in love with products, but can confuse those who want to save an item to admire later, and not immediately put it in their cart for check-out. As on Instagram, Depop users have the option to like or favorite a post by double-tapping or clicking on the heart icon underneath the image. Users understand they liked the post as the heart fills red, a form of feedback. What isn’t clear, however, is that Depop, unlike Instagram, holds an accessible record of the items liked in the profile section. Instagram also keeps an account of posts users save, but these posts are collected by pushing the bookmark icon, not by the act of liking.

Saving items on Depop

It seems smart for Depop to morph Instagram’s like and save feature together for e-commerce window browsing. However, the design has a flaw — Depop has a save feature, too. Once you tap the bookmark icon on a Depop product page, a pop-up directs you to visit the saved item in a log within the profile section, right next to the likes log. The pop-up, however, doesn’t indicate a difference between the likes and saved pages. The only way to learn that saved items are private, and liked items are public, is to visit the saved page without having bookmarked an item. This is problematic as most of users will visit the page for the first time after being directed by the pop-up that appears only after they’ve bookmarked an item.

Solving for visibility

Having visibility options is a great privacy addition, especially for those who don’t want anyone else finding the vintage treasures they’ve spent hours hunting down. To solve for this need and eliminate the likes vs. saves confusion, Depop should apply a feature used by Etsy, another popular e-commerce app for thrifted goods. Etsy’s web browser has the option for users to change their privacy settings by checking off their preferred visibility of their liked items. Depop should enhance the liked items page with the addition of an on/off toggle for public/private view on their preferences page. Therefore, the unnecessary saved items page can be eliminated, which not only lessens confusion but helps declutter to soften the user’s visceral reaction.