DarkToBrightPattern.de - Bachelor Thesis Project
UX Research, Interaction Design and Fullstack Development Project.
Table of Contents
My bachelor thesis project: an interactive guide that helps users identify manipulative UI patterns and transition from Dark Patterns to Bright Patterns. The project combines UX research, information architecture, iterative evaluation, and implementation in one production-ready website.
Why this project exists
Dark Patterns are widespread in modern interfaces and often exploit user behavior instead of supporting user goals. This project was built to close the gap between:
- recognizing a manipulative pattern
- understanding why it is harmful
- finding and applying an ethical alternative
The thesis followed a user-centered process with two full design and evaluation cycles, grounded in literature, UX methods, and usability testing.
Final result
The landing page introduces the core idea quickly and guides users into the three main areas: Dark Patterns, Bright Patterns and the Symbiosis mapping.
Dark Patterns
Users can browse, search and filter patterns, then open detail modals with description, visualization, context and source references.
Symbiosis: from problem to alternative
The core innovation is the Symbiosis concept: Each Dark Pattern is linked to one or more Bright Pattern alternatives, including practical “how to apply” guidance.
Bright Pattern library
Besides direct alternatives, the Bright Pattern section also includes independent ethical patterns that go beyond one-to-one replacement.
Global search and supporting elements
A global search index allows users to search across Dark Patterns, Bright Patterns and Symbiosis entries from one place.
Process and methodology
The project was developed in iterative phases:
- Analysis of existing solutions and user requirements
- Design and implementation of the Dark Pattern guide
- Evaluation phase I and design refinement
- Extension with Bright Patterns and the Symbiosis mapping
- Evaluation phase II and final concept phase (landing page, global search, filter simplification)
To support orientation and decision speed, the content uses a clear hierarchy, compact previews, and detailed modal views.
Design system
Custom visualizations were created for all pattern entries to make abstract concepts easier to understand and compare. The interface was designed with accessibility in mind (WCAG 2.2 AA target), including keyboard-friendly interaction and both dark and light modes.
What I learned
Research to product: Translating theoretical frameworks into a practical interface requires strict information prioritization.
Designing for understanding: Visual cues, short descriptions, and consistent modal anatomy were key to reducing cognitive load.
Iteration matters: The biggest improvements came from evaluation feedback loops, especially filter simplification and cross-linking behavior.
Ethical design is contextual: There is no universal one-click replacement for every Dark Pattern, so the guide provides heuristics and actionable guidance instead of rigid rules.
Open DarkToBrightPattern.de
FRØ - kein schlechtes Wetter mehr
Umfassendes Brand Design Projekt mit Logo Gestalltung, Typografie, UI Design, Animation und vielem mehr.
Wizard Score App
Design und Entwicklung einer Scoring-Counter- und Analyse-Webapp für das Kartenspiel Wizard