Bright Patterns: Towards More Ethical User Experience Design
Hauke Sandhaus, Information Science PhD Student
What are dark patterns*?
*We use this term to connect our efforts to prior scholarship and legal statute, recognizing that other terms, notably “deceptive design” or “manipulative user interface design,” are also used but do not yet encapsulate the broad remit of practices or concepts from academic or regulatory perspectives. We acknowledge that the ACM Diversity and Inclusion Council now includes the term “dark patterns” on a list of problematic terms (https://www.acm.org/diversity-inclusion/words-matter).
Images: from Narayanan, A. et al. 2020. Dark Patterns: Past, Present, and Future: The evolution of tricky user interfaces. ACM Queueing Systems. 18, 2 (May 2020), 67–92.
Conti, G. and Sobiesk, E. 2010. Malicious interface design: exploiting the user. Proceedings of the 19th international conference on World wide web (New York, NY, USA, Apr. 2010).
Mathur, A. et al. 2021. What makes a dark pattern... Dark? Proceedings of the 2021 CHI (New York, NY, USA, May 2021).
Harry Brignull, Marc Miquel, Jeremy Rosenberg, and James Offer. 2015. Dark Patterns - User Interfaces Designed to Trick People. http://darkpatterns.org/
Dark Patterns are tricks used in websites and apps that make you do things that you didn’t mean to.
How does user-centered design practice fail to protect against the creation of dark patterns?
Image: Sandhaus
User Experience as Legitimacy Trap: 2019. Paul Dourish. https://interactions.acm.org/archive/view/november-december-2019/user-experience-as-legitimacy-trap. Accessed: 2022-12-15.
Fig: Common metrics in interface design
User Experience Questionnaire (UEQ) as a UX performance indicator
Attractiveness
Pragmatic Quality
Hedonic Quality
Efficiency
Perspicuity
Dependability
Stimulation
Novelty
Hinderks, A. et al. 2019. Developing a UX KPI based on the user experience questionnaire. Computer Standards & Interfaces. 65, (Jan. 2019)
Schrepp, M. et al. 2017. Construction of a Benchmark for the User Experience Questionnaire (UEQ). International Journal of Interactive Multimedia and Artificial Intelligence. 4, 4 (2017)
Schrepp, M. et al. 2017. Design and evaluation of a short version of the user experience questionnaire (UEQ-S). International journal of interactive multimedia and artificial intelligence. 4, 6 (2017)
Attractiveness
Pragmatic Quality
Hedonic Quality
Efficiency
Perspicuity
Dependability
Stimulation
Novelty
Methodology: Adapting the User Experience Questionnaire by Referring to Known Dark Patterns in Social Media as a Baseline of Unethical User Interface Design
Monge Roffarello, A. and De Russis, L. 2022. Towards understanding the dark patterns that steal our attention. CHI Conference on Human Factors in Computing Systems Extended Abstracts (New York, NY, USA, Apr. 2022).
Mildner, T. et al. 2023. About engaging and governing strategies: A thematic analysis of dark patterns in social networking services. Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems (New York, NY, USA, Apr. 2023).
Guidelines 03/2022 on deceptive design patterns in social media platform interfaces: how to recognise and avoid them: 2022. https://www.edpb.europa.eu/our-work-tools/our-documents/guidelines/guidelines-032022-deceptive-design-patterns-social-media_en. Accessed: 2024-03-20.
1. Roffarello et al. (CHI 2022)
2. EDPB (2022)
3. Mildner et al. (CHI 2023)
15 DPs
&
UEQ
Sneaking (Bad Default)
Mockups: Doris Rhomberg. These stimuli, including video and all UEQ visualizations, are available at https://osf.io/nw2tj/?view_only=9f62bbab141841808118ca6339802bc4
Expectation Result Mismatch (Sneaking)
False Hierarchy (Interface Interference)
Forced Access (Forced Action)
Overcomplicated Process (Obstruction)
Toying With Emotion (Interface Interference)
We employed exploratory data analysis to determine whether and how (1) user experience questionnaires can indicate unethical design, and (2) our proposed extension is necessary for such identification.
Finding 1: An UEQ aggregate score does not effectively indicate unethical interface design
Finding 2&3: Subscale measures from the original UEQ and newly proposed measures show a relationship with unethical design
Finding 4: Evaluations demonstrate consistency within groups of unethical design strategies
How does user-centered design practice fail to protect against the creation of dark patterns?
https://www.nngroup.com/articles/user-need-statements/
In effect, we design for anything that users want.
https://www.interaction-design.org/literature/article/maslow-s-hierarchy-of-needs
https://www.progressfocused.com/2020/11/4-differences-between-maslows-pyramid.html
https://hbr.org/2014/11/what-maslows-hierarchy-wont-tell-you-about-motivation
Example: Juul: User-centered design can lead to harmful products
“Classmates at Stanford's design school discovered in their research, that many smokers love the ritual and the social elements of having a cigarette, but hate the fact that doing so often bothers people and is known to be unhealthy.”
“The Model One maintains the allure of smoking: fire, glow, heat, sound and comes in several flavors--like “kick ass mint,” “cafe noir,” “blue tea,” and others”
Stanford grads hope to change smoking forever: 2010. https://www.cnet.com/culture/stanford-grads-hope-to-change-smoking-forever/. Accessed: 2024-03-19.
Vice Made Nice? 2012. https://stanfordmag.org/contents/vice-made-nice. Accessed: 2024-03-19.
User-centered design can lead to harmful products - even if done in accordance with user needs
Image: https://www.interaction-design.org/literature/topics/user-needs#:~:text=User%20needs%20refer%20to%20users,aesthetics%2C%20accessibility%20and%20emotional%20satisfaction.
The Social Smoker
they appreciate the ritual and social elements of smoking, but are concerned about the health risks and the inconvenience it causes to others.
have a more convenient and appealing smoking experience
User Needs
https://uxdesign.cc/using-jira-as-a-research-repository-pros-cons-and-how-to-eb112936c1e8
https://www.interaction-design.org/literature/article/the-kano-model-a-tool-to-prioritize-the-users-wants-and-desires
https://www.reqview.com/blog/jira-integration/�https://maze.co/blog/user-research-repository/
User-centered design process of new E platform, incorporating all group customers user needs
Want to cite
Dourish, P. et al. 2004. Reflective HCI. CHI ’04 Extended Abstracts on Human Factors in Computing Systems (New York, NY, USA, Apr. 2004).
Sengers, P. et al. 2005. Reflective design. Proceedings of the 4th decennial conference on Critical computing: between sense and sensibility (New York, NY, USA, Aug. 2005), 49–58.
Nyström, T. and Stibe, A. 2020. When Persuasive Technology Gets Dark? Information Systems (2020), 331–345.
Sunstein, C.R. 2014. Why Nudge?: The Politics of Libertarian Paternalism. Yale University Press.
Winner, L. 01 1985. Do Artifacts Have Politics? 26–38.
Nissenbaum, H. From Pre-emption to Circumvention: If Technology Regulates, Why Do We Need Regulation (and vice versa?).
Susser, D. et al. 2019. Technology, Autonomy, and Manipulation.
Different types of influence
How could we learn from dark patterns and use manipulation for good?
Norman, D.A. 1983. Design principles for human-computer interfaces. Proceedings of the SIGCHI conference on Human Factors in Computing Systems - CHI ’83 (New York, New York, USA, 1983).
Cox, A.L. et al. 2016. Design Frictions for Mindful Interactions: The Case for Microboundaries. Proceedings of the 2016 CHI Conference Extended Abstracts on Human Factors in Computing Systems (New York, NY, USA, May 2016).
Berdichevsky, D. and Neuenschwander, E. 1999. Toward an ethics of persuasive technology. Communications of the ACM. 42, 5 (May 1999), 51–58. DOI:https://doi.org/10.1145/301353.301410.
Fogg, B.J. 2003. Persuasive Technology: Using Computers to Change What We Think and Do. Persuasive Technology: Using Computers to Change What We Think and Do. (2003), 1–282. DOI:https://doi.org/10.1016/B978-1-55860-643-2.X5000-8.
Lee, J. et al. 2017. Characteristics of revolving door use as a countermeasure to the stack effect in buildings. Journal of Asian architecture and building engineering. 16, 2 (May 2017), 417–424. DOI:https://doi.org/10.3130/jaabe.16.417.
Design for Society: 1997. https://press.uchicago.edu/ucp/books/book/distributed/D/bo3536585.html. Accessed: 2024-03-20.
Norman, D.A. 2023. Design for a Better World: Meaningful, sustainable, humanity centered. MIT Press.
Persuasive design
Design friction
Usable design
Design for society
“Early this morning, I was in a bad mood and decided to break a law and start my car without buckling my seat belt. My car usually does not want to start before I buckle the belt. It first flashes a red light ‘‘ FASTEN YOUR SEAT BELT!,’’ then an alarm sounds; so high-pitched, so relentless, so repetitive, that I cannot stand it. After ten seconds, I swear and put on the belt. This time, I stood the alarm for twenty seconds and then gave in. My mood had worsened quite a bit, but I was at peace with the law—at least with that law. I wished to break it, but I could not. Where is the morality? In me, a human driver, dominated by the mindless power of an artifact? Or in the artifact forcing me, a mindless human, to obey the law that I freely accepted when I get my driver’s license?”
Motivation to look into bright patterns: �Old and new threats to autonomy
Some threats to individual autonomy are external, many are within us.
While some threats just deprive autonomy, many harm individuals' well-being.
‘Gray’ Patterns can cause significant harm too.
Algorithmic risks of social media
Profiling
Algorithmic risks of social media
Doomscrolling
Algorithmic risks of social media
Stuck in patterns
- Dark Patterns
Deceptive user interface design functionality that prioritizes business’ objectives over users’ well-being and goals.
Gray et al. 2018 The Dark (Patterns) Side of UX Design
https://darkpatterns.org
https://en.wikipedia.org/wiki/Dark_pattern
Motivations to design dark patterns
Motivations to design bright patterns
Moving from attention economy to ethical design https://www.europarl.europa.eu/news/en/press-room/20231208IPR15767/new-eu-rules-needed-to-address-digital-addiction
- Bright Patterns
Benevolent user interface design functionality that prioritizes users’ well-being and goals over their desires and business’ objectives.
Sandhaus 2023 Promoting Bright Patterns, CHI '23 Workshop: Designing Technology and Policy Simultaneously
A front page to define Bright Patterns and publish the first collection with examples of their use in digital ecosystems
Old Design Tensions
Thaler, R.H. and Sunstein, C.R. 2003. Libertarian Paternalism. American Economic Review. 93, 2 (Apr. 2003)
Floridi, L. 2016. Tolerant paternalism: Pro-ethical design as a resolution of the dilemma of toleration. Science and engineering ethics. 22, 6 (Dec. 2016)
Delgado, F. et al. 2021. Stakeholder Participation in AI: Beyond “Add Diverse Stakeholders and Stir.” arXiv [cs.AI].
Khadilkar, P. and Jagtap, S. 2021. Can design be non-paternalistic? Conceptualizing paternalism in the design profession. She Ji The Journal of Design Economics and Innovation. 7, 4 (Dec. 2021)
https://www.lorentzcenter.nl/fair-patterns-for-online-interfaces.html
Final thoughts
Image: Vape Battery by Azam Ishaq, Netflix Binge by Becca O'Shea, Fake News by Anatolii Babii from Noun Project (CC BY 3.0)