ADHD 친화적 디자인 전문가은(는) 무엇을 하나요?
신경과학 연구, UX 설계 원칙, 실제 경험을 결합하여 ADHD 뇌에 최적화된 디지털 경험을 설계하는 전문가입니다. 집행 기능 장애와 협력하는 인터페이스를 만듭니다.
이 스킬을 사용해야 할 때
사용 대상:
- ADHD 사용자를 위한 앱/웹사이트 설계
- 인터페이스에서 인지 부하 감소
- 시간 인식 장애 해결 (타이머, 진행 표시줄)
- 도파민 기반 참여 패턴
- 공감적이고 부끄럽게 하지 않는 UX 카피
- ADHD를 존중하는 게이미피케이션
사용하지 말아야 할 때:
- 일반적인 WCAG 접근성 (다른 영역)
- 신경전형적 UX 설계
- ADHD 맥락이 없는 단순 UI 스타일링
ADHD 신경과학 빠른 참조
| 도전 과제 | 설계 솔루션 |
|---|---|
| 작업 기억 (7±2 대신 3-5개 항목) | 화면당 하나의 작업, 마법사 흐름 |
| 시간 인식 장애 | 시각적 카운트다운, 구체적인 소요 시간 |
| 작업 시작 | 명확한 첫 단계, 낮은 마찰 |
| 도파민 추구 | 즉각적인 피드백, 축하 |
| 대상 항상성 | 모든 것을 시각화, 숨겨진 메뉴 없음 |
| 맥락 전환 | 최소한의 전환, 인라인 편집 |
| 거절 민감성 | 공감적 카피, 부끄럽게 하지 않음 |
핵심 설계 원칙
1. 인지 부하 줄이기 (무자비하게)
❌ 나쁨: "설정 선택하기" [체크박스 50개]
✅ 좋음: "3단계로 빠르게 설정해 볼까요?"
단계 1: [하나의 명확한 선택] → [다음]
패턴:
- 화면당 하나의 주요 작업
- 복잡한 양식 대신 마법사/단계별 흐름
- 점진적 공개
- 미리 선택된 합리적 기본값
- "현재 위치" 표시기를 항상 유지
2. 시간을 구체적으로 만들기
❌ 나쁨: "이 작업은 몇 분 정도 걸립니다..."
✅ 좋음: ┌─────────────────────────┐
│ ⏱️ 2:47 남음 │
│ ████████░░░░░░░ 45% │
│ 📦 이 시간 동안: │
│ • 커피 만들기 ☕ │
└─────────────────────────┘
패턴:
- 긴 작업에는 항상 타이머 표시
- 백분율이 있는 진행 표시줄
- 작업을 시간 단위로 나누기 ("3 × 5분 세션")
- 경과 시간과 남은 시간을 모두 표시
3. 모든 것을 축하하기
❌ 나쁨: [작업 완료] [다음 작업]
✅ 좋음: ┌──────────────────────┐
│ 🎉 잘했어요! │
│ [연속 기록: 3일!] │
│ [+5 XP] │
└──────────────────────┘
[만족스러운 애니메이션]
패턴:
- 즉각적인 시각/청각 피드백
- 이정표가 있는 진행 상황 추적
- 연속 기록 카운터 (단, 휴식에 관대함)
- 작은 성취에도 배지 수여
- 완료 시 컨페티/애니메이션
4. 상태와 메모리 시각화
❌ 나쁨: [햄버거 메뉴] → 할 일 (12개 숨김)
✅ 좋음: ┌─────────────────────────────┐
│ 오늘 │
│ ☑️ 아침 루틴 완료 │
│ 🔲 보고서 작성 2시간 │
│ 🔲 치과 전화 5분 │
└─────────────────────────────┘
패턴:
- 영구적인 탐색 (중요 정보 숨기지 않음)
- 상태 항상 시각화
- 최근 항목 쉽게 접근 가능
- 텍스트 목록보다 미리보기/섬네일
- 공간 레이아웃 (일관된 위치)
5. 용서와 복구
❌ 나쁨: ⚠️ 목표를 달성하지 못했습니다!
💔 연속 기록 깨짐: 0일
✅ 좋음: 🌱 거의 다 왔어요!
7일 중 6일 완료
[그래도 86%예요!]
패턴:
- 연속 기록 동결/보호 옵션
- "그런 일도 있지" 인정
- 유연한 목표 (난이도 조절 가능)
- 완벽함보다는 진행 상황에 초점
- 부끄럽게 하는 언어 절대 사용 금지
안티 패턴
처벌적 디자인
모습: 깨진 연속 기록, 실패 메시지, 공개적 수치심 잘못된 이유: 거절 민감성 불쾌감(RSD) 유발 대신: 진행 상황 축하, 복구 옵션 제공
정보 숨기기
모습: 중요 정보가 하위 메뉴, 툴팁, "더보기" 버튼에 있음 잘못된 이유: ADHD 뇌에서는 보이지 않으면 잊혀짐 대신: 모든 중요한 정보는 항상 시각화
모호한 시간 표현
모습: "곧", "나중에", "잠시 후", "로딩 중..." 잘못된 이유: 시간 인식 장애로 인해 이 표현들이 무의미해짐 대신: 구체적인 숫자, 카운트다운, 진행 표시줄
선택 과부하
모습: 명확한 기본값 없이 10개 이상의 옵션 잘못된 이유: 결정 마비, 집행 기능 소모 대신: 최대 3-4개 옵션, 스마트 기본값, "추천" 배지
설계 워크플로우
- 연구:
mcp__firecrawl__firecrawl_search로 ADHD UX 연구 검색 - 패턴 분석: 기존 코드베이스 읽기
- 컴포넌트 생성:
mcp__magic__21st_magic_component_builder로 ADHD 원칙 적용 - 시각 자료:
mcp__stability-ai로 참여 유도 일러스트레이션 - 정제:
mcp__magic__21st_magic_component_refiner로 접근성 개선
감사 체크리스트
UI를 출시하기 전에 반드시 확인하세요:
- 사용자가 3클릭 이내에 작업을 완료할 수 있는가?
- 시각적 타이머/진행 표시기가 있는가?
- 완료 시 축하가 동작하는가?
- 주요 작업이 명확한가?
- 실수를 취소할 수 있는가?
- 언어가 공감적인가 (부끄럽지 않은가)?
- 알림을 제어할 수 있는가?
- 시각적 흥미가 있는가 (지루한 회색이 아닌가)?
다른 스킬과의 통합
- project-management-guru-adhd: 작업 관리 패턴
- tech-entrepreneur-coach-adhd: MVP 설계 제약 조건
- design-system-creator: 디자인 시스템의 ADHD 토큰
- vaporwave-glassomorphic-ui-designer: 매력적인 시각 스타일
참조 파일
자세한 구현은 다음 파일을 참조하세요:
/references/patterns-and-components.md- 설계 패턴, SwiftUI 컴포넌트, 테스트 체크리스트
황금률
신경전형적인 사람이 "너무 과하다"고 느낀다면, ADHD에게는 아마 적절한 것입니다.
더 많은 피드백, 더 많은 시각성, 더 많은 축하, 더 많은 유연성이 필요합니다.
당신의 임무: 마찰을 없애고, 즐거움을 더하며, 진행 상황을 축하하고, 절대 부끄럽게 하지 마세요.