Designpsychologie
Kernfrage
Wie gestalten wir verantwortungsvoll?
Wer versteht, wie Menschen wahrnehmen und entscheiden, kann ihnen helfen und sie ausnutzen. Verantwortungsvolle Gestaltung stellt deshalb die Frage nach dem Zweck zuerst: Wem nützt diese Entscheidung?
Dieses Modul behandelt Dark Patterns, rechtliche Rahmenbedingungen, Inklusion und die Methoden, mit denen du Annahmen überprüfst. Es endet mit dem Abschlussprojekt.
Lernziel: Du erkennst manipulative Gestaltung, begründest ethische Entscheidungen und prüfst deine Lösungen mit passenden Methoden.
Erst fragen, wem eine Gestaltung nützt.
8.1 / Dark Patterns
Manche Gestaltung arbeitet gegen die Nutzenden.
Der Begriff Dark Patterns (Harry Brignull, 2010) bezeichnet Gestaltungsmuster, die Menschen zu Entscheidungen drängen, die nicht in ihrem Interesse liegen. Heute spricht man auch von Deceptive Patterns.
Typische Beispiele: versteckte Kosten, die erst am Ende auftauchen; ein Abo, das mit einem Klick abgeschlossen, aber nur über viele Schritte gekündigt werden kann; Confirmshaming, also Ablehnungstexte wie «Nein, ich mag keine Rabatte»; vorangekreuzte Optionen; erfundene Knappheit («Nur noch 2 Zimmer!»); ständiges Nachfragen (Nagging).
Ein einfacher Test: Würden die Nutzenden dieselbe Entscheidung treffen, wenn sie alle Informationen klar, vollständig und ohne Druck vor sich hätten? Wenn nein, ist die Gestaltung wahrscheinlich manipulativ. Dark Patterns schaden langfristig auch dem Anbieter: Sie kosten Vertrauen und können rechtliche Folgen haben.
Wenn man die Gestaltung verstecken muss, stimmt etwas nicht.
Viele Dark Patterns sind inzwischen auch rechtlich problematisch. In der EU muss eine Einwilligung freiwillig und eindeutig sein: Vorangekreuzte Kästchen genügen nicht, und das Ablehnen sollte so leicht sein wie das Zustimmen. In der Schweiz verlangt das revidierte Datenschutzgesetz (seit 2023) dasselbe, wo eine Einwilligung nötig ist, und das Lauterkeitsrecht (UWG) verbietet irreführende Angaben wie erfundene Knappheit.
8.2 / Führen oder täuschen
Der Unterschied liegt in Absicht, Offenheit und Wahl.
Legitime Führung hilft Menschen, ihr eigenes Ziel zu erreichen: Sie ist offen erkennbar, lässt echte Wahlfreiheit und dient dem Interesse der Nutzenden. Täuschung und Ausnutzung verschleiern die Absicht, erschweren die Alternative oder nutzen Schwächen aus.
Vier Prüffragen helfen bei der Unterscheidung:
FRAGE 1
Erkennbar?
Ist die Absicht für Nutzende erkennbar?
FRAGE 2
Ablehnbar?
Lässt sich die Option leicht ablehnen oder rückgängig machen?
FRAGE 3
Nützlich?
Nützt die Gestaltung auch der Person selbst?
FRAGE 4
Vorzeigbar?
Würdest du die Gestaltung offenlegen, etwa in einer Pressemitteilung?
Gestaltende tragen Verantwortung. Sie können Anforderungen hinterfragen, Alternativen vorschlagen und im Zweifel Nein sagen. Gute Argumente sind Vertrauen, Kundenbindung und das geltende Recht.
Führung ist offen, Täuschung versteckt sich.
8.3 / Inklusion
Gestaltung für alle beginnt bei den Rändern.
Barrierefreiheit heisst, dass möglichst viele Menschen Inhalte wahrnehmen, bedienen und verstehen können. Die WCAG fassen das in vier Prinzipien:
01
Wahrnehmbar
Ausreichende Kontraste, Alternativtexte für Bilder, Untertitel für Videos.
02
Bedienbar
Alles per Tastatur erreichbar, genug Zeit, grosse Klickflächen.
03
Verständlich
Klare Sprache, vorhersehbares Verhalten, hilfreiche Fehlermeldungen.
04
Robust
Sauberer Code, der auch mit Hilfsmitteln wie Screenreadern funktioniert.
Inklusives Design denkt über dauerhafte Einschränkungen hinaus. Wer ein Kind auf dem Arm trägt, ist vorübergehend einhändig; wer in der Sonne liest, hat situativ einen schwachen Kontrast. Was für Menschen mit Einschränkungen hilft, hilft oft allen.
Barrierefreiheit ist keine Zusatzaufgabe am Ende, sondern gehört von Beginn an zu Konzept, Farbwahl und Struktur.
Was für wenige notwendig ist, hilft vielen.
8.4 / Methoden
Jede Methode beantwortet andere Fragen.
Wähle die Methode nach dem, was du wissen willst:
ZEIGT: MEINUNGEN
Befragung & Interview
Erwartungen und Gründe. Befragungen erreichen viele, Interviews gehen in die Tiefe. Sie zeigen, was Menschen sagen, nicht unbedingt, was sie tun.
ZEIGT: VERHALTEN
Usability-Test
Personen lösen typische Aufgaben, man beobachtet, wo sie zögern oder scheitern. Wenige Personen decken viele Probleme auf.
ZEIGT: WAS WIRKT
A/B-Test
Vergleicht zwei Varianten bei vielen echten Nutzenden anhand einer Kennzahl. Zeigt, was besser abschneidet, aber nicht warum.
ZEIGT: BLICKVERLAUF
Eye-Tracking
Zeigt, wohin der Blick geht, aber nicht, ob etwas verstanden wurde oder warum.
Gute Forschung kombiniert Methoden: erst verstehen (Interview, Beobachtung), dann vergleichen (Test) und dabei Grenzen und Unsicherheit offen benennen.
Wer nur eine Methode kennt, sieht nur einen Teil.
Abschlussprojekt
Redesign mit psychologischer Begründung
Aufgabe: Du wählst ein bestehendes Design und verbesserst es, ohne zu raten. Jede Änderung begründest du mit Konzepten aus dem Kurs und überprüfst sie, soweit möglich.
SCHRITT 1
Auswahl
Wähle ein bestehendes Design (Webseite, App, Verpackung oder Plakat), das dich interessiert und das du dokumentieren darfst.
SCHRITT 2
Analyse
Analysiere es mit mindestens vier Linsen aus dem Analyse-Werkzeugkasten. Dokumentiere jeweils Beobachtung, Konzept, Wirkung und Beleg.
SCHRITT 3
Entwurf
Überarbeite das Design. Dokumentiere jede Änderung nach dem Muster: Ich habe X geändert, weil Prinzip Y erwarten lässt, dass Z.
SCHRITT 4
Überprüfung
Teste deine Lösung mit mindestens einer einfachen Methode, zum Beispiel fünf kurzen Testgesprächen. Halte fest, was sich bestätigt hat und was nicht.
SCHRITT 5
Reflexion
Wo könnte deine Lösung Nutzende beeinflussen, und ist das vertretbar? Wende dazu die Prüffragen aus 8.2 an.
Bewertungskriterien: Verständnis der Konzepte, Qualität der Begründung, Gestaltungsqualität, methodische Sorgfalt und Reflexion.
Ohne Begründung ist eine Änderung nur Geschmack.
Analyse-Werkzeugkasten
Jedes Konzept des Kurses ist ein Analysewerkzeug.
Für die Analyse im Abschlussprojekt nutzt du die Konzepte dieses Kurses als Werkzeuge. Dokumentiere jede Beobachtung in vier Schritten:
SCHRITT 1
Beobachtung
Was genau siehst du? Beschreibe neutral, ohne zu werten.
SCHRITT 2
Konzept
Welches Prinzip aus dem Kurs erklärt die Beobachtung?
SCHRITT 3
Wirkung
Welche Folge hat das für Nutzende: Was verstehen, fühlen oder tun sie?
SCHRITT 4
Beleg
Woran lässt sich die Vermutung prüfen, etwa mit einem Blinzeltest oder Testgespräch?
Diese acht Linsen ordnen die Werkzeuge nach den vier Ebenen aus Modul 01. Jede Karte führt zu dem Abschnitt, in dem du das Werkzeug lernst:
WAHRNEHMEN / MODUL 02
Gruppierung
Welche Elemente werden als Gruppe gelesen? Stimmen visuelle Gruppen mit inhaltlichen überein? Werkzeug: Gestaltgesetze.
WAHRNEHMEN / MODUL 03
Aufmerksamkeit & Hierarchie
Was fällt im Blinzeltest zuerst auf? Passt die Rangfolge zur Aufgabe der Nutzenden?
WAHRNEHMEN / MODUL 04
Farbe & Lesbarkeit
Reicht der Kontrast? Trägt Farbe allein Information? Sind Schriftgrösse und Zeilenlänge lesbar?
DENKEN / MODUL 05
Denkbelastung
Wo entsteht unnötige Denkarbeit? Sind Informationen sinnvoll gebündelt? Passen Signifier zum mentalen Modell?
DENKEN / MODUL 05
Heuristiken
Welche der zehn Heuristiken werden verletzt, und wie schwer wiegt jedes Problem?
FÜHLEN / MODUL 06
Eindruck & Marke
Welcher erste Eindruck und welche Tonalität entstehen? Passen sie zu Inhalt und Zielgruppe?
HANDELN / MODUL 07
Entscheidung
Welche Voreinstellungen, Anker oder Formulierungen lenken die Wahl? Wie leicht ist die gewünschte Handlung?
ETHIK / MODUL 08
Führen oder täuschen
Ist die Absicht erkennbar, lässt sich ablehnen, nützt es der Person? Ist das Design barrierefrei?
Erst beobachten, dann benennen, dann begründen.