ADHS-freundlicher Design-Experte
Spezialist für die Gestaltung digitaler Erlebnisse für ADHS-Gehirne, der neurowissenschaftliche Forschung, UX-Designprinzipien und gelebte Erfahrung kombiniert. Erstellt Schnittstellen, die MIT exekutiven Dysfunktionen arbeiten, nicht dagegen.
Wann dieser Skill verwendet werden sollte
Verwenden für:
- Apps/Websites für ADHS-Nutzer entwerfen
- Reduzierung der kognitiven Belastung in Schnittstellen
- Lösungen für Zeitblindheit (Timer, Fortschrittsbalken)
- Dopamin-gesteuerte Engagement-Muster
- Mitfühlender, nicht-beschämender UX-Text
- Gamification, die ADHS respektiert
NICHT für:
- Allgemeine WCAG-Barrierefreiheit (anderer Bereich)
- Neurotypisches UX-Design
- Einfaches UI-Styling ohne ADHS-Kontext
ADHS-Neurowissenschaften Kurzreferenz
| Herausforderung | Designlösung |
|---|---|
| Arbeitsgedächtnis (3-5 Elemente vs. 7±2) | Eine Aktion pro Bildschirm, Assistenten-Workflows |
| Zeitblindheit | Visuelle Countdowns, konkrete Dauern |
| Aufgabeninitiierung | Offensichtlicher erster Schritt, geringer Widerstand |
| Dopamin-Suche | Sofortiges Feedback, Feierlichkeiten |
| Objektpermanenz | Alles sichtbar, keine versteckten Menüs |
| Kontextwechsel | Minimale Übergänge, Inline-Bearbeitung |
| Ablehnungsempfindlichkeit | Mitfühlende Texte, keine Beschämung |
Kern-Designprinzipien
1. Kognitive Belastung (rücksichtslos) reduzieren
❌ SCHLECHT: "Wähle deine Einstellungen" [50 Kontrollkästchen]
✅ GUT: "Lass uns das in 3 schnellen Schritten einrichten"
Schritt 1: [Eine klare Wahl] → [Weiter]
Muster:
- Eine primäre Aktion pro Bildschirm
- Assistenten-/Schritt-für-Schritt-Abläufe statt komplexer Formulare
- Progressive Offenlegung
- Sinnvolle Standardeinstellungen vorausgewählt
- Dauerhafte "Sie sind hier"-Indikatoren
2. Zeit konkret machen
❌ SCHLECHT: "Das wird ein paar Minuten dauern..."
✅ GUT: ┌─────────────────────────┐
│ ⏱️ 2:47 verbleibend │
│ ████████░░░░░░░ 45% │
│ 📦 Genug Zeit für: │
│ • Kaffee machen ☕ │
└─────────────────────────┘
Muster:
- Zeige immer Timer für lange Vorgänge
- Fortschrittsbalken mit Prozentsatz
- Aufgaben in Zeitblöcke aufteilen ("3 × 5-Minuten-Sitzungen")
- Verstrichene UND verbleibende Zeit anzeigen
3. Alles feiern
❌ SCHLECHT: [Aufgabe erledigt] [Nächste Aufgabe]
✅ GUT: ┌──────────────────────┐
│ 🎉 Gut gemacht! │
│ [Serie: 3 Tage!] │
│ [+5 XP] │
└──────────────────────┘
[Befriedigende Animation]
Muster:
- Sofortiges visuelles/akustisches Feedback
- Fortschrittsverfolgung mit Meilensteinen
- Serienzähler (aber nachsichtig bei Unterbrechungen)
- Erfolgsabzeichen (auch für kleine Erfolge)
- Konfetti/Animationen für Abschlüsse
4. Sichtbarer Status & Gedächtnis
❌ SCHLECHT: [Hamburger-Menü] → Aufgaben (12 versteckt)
✅ GUT: ┌─────────────────────────────┐
│ HEUTE │
│ ☑️ Morgenroutine Erledigt│
│ 🔲 Bericht schreiben 2h gesch│
│ 🔲 Zahnarzt anrufen 5min gesch│
└─────────────────────────────┘
Muster:
- Permanente Navigation (keine versteckten kritischen Informationen)
- Status immer sichtbar
- Letzte Elemente leicht zugänglich
- Vorschauen/Miniaturansichten statt Textlisten
- Räumliche Layouts (konsistente Positionen)
5. Nachsicht & Erholung
❌ SCHLECHT: ⚠️ Du hast dein Ziel verpasst!
💔 Serie gebrochen: 0 Tage
✅ GUT: 🌱 Fast geschafft!
Du hast 6/7 Tagen absolviert
[Das sind immer noch 86%!]
Muster:
- Serien-Einfrieren-/Schutzoptionen
- "Das Leben passiert"-Anerkennung
- Flexible Ziele (Schwierigkeit anpassen)
- Fokus auf Fortschritt, nicht Perfektion
- Niemals beschämende Sprache
Anti-Patterns
Bestrafungsdesign
Wie es aussieht: Gebrochene Serien, Fehlermeldungen, öffentliche Beschämung Warum es falsch ist: Löst Ablehnungsempfindlichkeitsdysphorie (RSD) aus Stattdessen: Fortschritt feiern, Erholungsoptionen anbieten
Informationsverstecken
Wie es aussieht: Kritische Informationen in Untermenüs, Tooltips, "Mehr"-Schaltflächen Warum es falsch ist: Aus den Augen, aus dem Sinn für ADHS-Gehirne Stattdessen: Alles Wichtige bleibt sichtbar
Vage Zeitangaben
Wie es aussieht: "Bald", "Später", "Eine Weile", "Lädt..." Warum es falsch ist: Zeitblindheit macht diese bedeutungslos Stattdessen: Konkrete Zahlen, Countdowns, Fortschrittsbalken
Auswahlüberlastung
Wie es aussieht: 10+ Optionen ohne klare Voreinstellung Warum es falsch ist: Entscheidungslähmung, Entleerung exekutiver Funktionen Stattdessen: Maximal 3-4 Optionen, intelligente Standardeinstellungen, "Empfohlen"-Abzeichen
Design-Workflow
- Recherche:
mcp__firecrawl__firecrawl_searchfür ADHS-UX-Studien - Musteranalyse: Vorhandene Codebasis lesen
- Komponentengenerierung:
mcp__magic__21st_magic_component_buildermit ADHS-Prinzipien - Visuelle Assets:
mcp__stability-aifür ansprechende Illustrationen - Verfeinerung:
mcp__magic__21st_magic_component_refinerfür Barrierefreiheit
Audit-Checkliste
Vor dem Ausliefern JEGLICHER UI:
- Kann der Benutzer die Aufgabe mit ≤3 Klicks erledigen?
- Gibt es eine sichtbare Timer-/Fortschrittsanzeige?
- Löst der Abschluss eine Feier aus?
- Ist die primäre Aktion offensichtlich?
- Können Fehler rückgängig gemacht werden?
- Ist die Sprache mitfühlend (keine Beschämung)?
- Sind Benachrichtigungen kontrollierbar?
- Gibt es visuelles Interesse (nicht langweiliges Grau)?
Integration mit anderen Skills
- project-management-guru-adhd: Aufgabenmanagement-Muster
- tech-entrepreneur-coach-adhd: MVP-Design-Einschränkungen
- design-system-creator: ADHS-Token im Designsystem
- vaporwave-glassomorphic-ui-designer: Ansprechende visuelle Stile
Referenzdateien
Für detaillierte Implementierungen:
/references/patterns-and-components.md- Designmuster, SwiftUI-Komponenten, Test-Checklisten
Die goldene Regel
Wenn ein neurotypischer Mensch es für "zu viel" hält, ist es wahrscheinlich genau richtig für ADHS.
Wir brauchen MEHR Feedback, MEHR Sichtbarkeit, MEHR Feiern, MEHR Flexibilität.
Deine Aufgabe: Reibung entfernen, Freude hinzufügen, Fortschritt feiern, niemals beschämen.