DarkToBrightPattern.de - Bachelor Thesis Project
UX Research, Interaction Design and Fullstack Development Project.
Inhaltsverzeichnis
Mein Bachelorarbeitsprojekt: Ein interaktiver Leitfaden, der Nutzenden dabei hilft, manipulative UI-Muster zu erkennen und den Übergang von Dark Patterns zu Bright Patterns zu erleichtern. Das Projekt vereint UX-Forschung, Informationsarchitektur, iterative Evaluierung und Implementierung auf einer voll funktionsfähigen Website. Das Resultat ist ein englischer Leitfaden, der die wichtigsten Dark Patterns katalogisiert, ethische Alternativen anbietet und praktische Umsetzungshinweise liefert. Die Bachelorarbeit wurde auf Deutsch verfasst.
Warum dieses Projekt existiert
Dark Patterns sind in modernen Benutzeroberflächen weit verbreitet und nutzen oft das Verhalten der Nutzenden aus, anstatt deren Ziele zu unterstützen. Dieses Projekt wurde ins Leben gerufen, um die Lücke zu schließen zwischen:
- dem Erkennen eines manipulativen Musters
- dem Verständnis, warum es schädlich ist
- dem Finden und Anwenden einer ethischen Alternative
Die Arbeit folgte einem nutzerzentrierten Prozess mit zwei vollständigen Design- und Evaluierungszyklen, basierend auf Fachliteratur, UX-Methoden und Usability-Tests.
Das finale Ergebnis
Die Startseite führt schnell in die Grundidee ein und leitet Nutzende in die drei Hauptbereiche: Dark Patterns, Bright Patterns und das Symbiosis-Mapping.
Dark Patterns
Nutzende können Muster durchsuchen und filtern, sowie Detailansichten mit Beschreibungen, Visualisierungen, Kontext und Quellenangaben öffnen.
Symbiosis: Vom Problem zur Alternative
Die zentrale Innovation ist das Symbiosis-Konzept: Jedes Dark Pattern ist mit einer oder mehreren Bright-Pattern-Alternativen verknüpft, inklusive praktischer Hinweise zur Umsetzung (“how to apply”).
Bright Pattern Bibliothek
Neben direkten Alternativen enthält der Bright-Pattern-Bereich auch eigenständige ethische Muster, die über einen reinen Eins-zu-Eins-Ersatz hinausgehen.
Globale Suche und unterstützende Elemente
Ein globaler Suchindex ermöglicht es, Dark Patterns, Bright Patterns und Symbiosis-Einträge gebündelt von einem Ort aus zu durchsuchen.
Prozess und Methodik
Das Projekt wurde in iterativen Phasen entwickelt:
- Analyse bestehender Lösungen und Nutzeranforderungen
- Konzeption und Implementierung des Dark Pattern Leitfadens
- Evaluierungsphase I und Optimierung des Designs
- Erweiterung um Bright Patterns und das Symbiosis-Mapping
- Evaluierungsphase II und finale Konzeptphase (Startseite, globale Suche, Vereinfachung der Filter)
Um die Orientierung und die Entscheidungsgeschwindigkeit zu fördern, nutzt der Inhalt eine klare Hierarchie, kompakte Vorschauen und detaillierte Modalansichten.
Design-System
Für alle Mustereinträge wurden benutzerdefinierte Visualisierungen erstellt, um abstrakte Konzepte verständlicher und vergleichbarer zu machen. Das Interface wurde unter Berücksichtigung von Barrierefreiheit (Ziel: WCAG 2.2 AA) gestaltet und beinhaltet unter anderem eine tastaturfreundliche Interaktion sowie einen Dark- und Light-Mode.
Meine Learnings
Forschung wird zum Produkt: Die Übertragung theoretischer Konzepte in ein praktisches Interface erfordert eine stringente Priorisierung von Informationen.
Designs zum besseren Verständnis: Visuelle Hinweise, kurze Beschreibungen und ein einheitlicher Aufbau der Detailansichten waren entscheidend, um den kognitiven Aufwand zu reduzieren.
Iteration ist wichtig: Die größten Fortschritte entstanden aus dem Feedback der Evaluierungsphasen, insbesondere bei der Vereinfachung von Filtern und Anpassung der Querverlinkungen.
Ethisches Design braucht Kontext: Es gibt keinen universellen “Ein-Klick-Ersatz” für jedes Dark Pattern. Deshalb liefert der Leitfaden Heuristiken und praktische Handlungsempfehlungen anstelle starrer Regeln.
Öffne DarkToBrightPattern.de
Dark to Bright Pattern
Bachelorarbeitsprojekt - Interaktiver Leitfaden, der dabei hilft, Dark Patterns zu identifizieren und in Bright Patterns umzuwandeln.
Wizard Score App
Design and development of a score counter and analysis webapp for the card game Wizard