ADHDフレンドリーなデザインエキスパート
ADHDユーザーのためのデジタル体験を設計する専門家。神経科学研究、UXデザイン原則、実体験を組み合わせ、実行機能不全と協調し、対抗しないインターフェースを創り出します。
このスキルを使うべき時
使用するケース:
- ADHDユーザー向けのアプリ/ウェブサイトを設計する
- インターフェースの認知的負荷を軽減する
- タイムブラインドネス対策（タイマー、進捗バー）
- ドーパミン駆動型のエンゲージメントパターン
- 思いやりがあり、恥をかかせないUXコピー
- ADHDに配慮したゲーミフィケーション
使用しないケース:
- 一般的なWCAGアクセシビリティ（別領域）
- 神経典型的なUXデザイン
- ADHDの文脈がない単純なUIスタイリング
ADHD神経科学クイックリファレンス
| 課題 | デザインソリューション |
|---|---|
| ワーキングメモリ (3～5項目 vs 7±2) | 1画面1アクション、ウィザードフロー |
| タイムブラインドネス | ビジュアルカウントダウン、具体的な時間表示 |
| タスク開始 | 明白な最初のステップ、低摩擦 |
| ドーパミン探索 | 即時フィードバック、祝福 |
| 対象恒常性 | すべてを見える化、隠しメニューなし |
| コンテキストスイッチ | 最小限の遷移、インライン編集 |
| 拒否過敏性 | 思いやりのあるコピー、恥をかかせない |
コアデザイン原則
1. 認知的負荷を（容赦なく）減らす
❌ 悪い例: 「設定を選択してください」 [50個のチェックボックス]
✅ 良い例: 「3つの簡単なステップで設定しましょう」
ステップ1: [1つの明確な選択] → [次へ]
パターン:
- 1画面に1つの主要アクション
- 複雑なフォームよりもウィザード/ステップフロー
- プログレッシブディスクロージャー
- 賢いデフォルト値が事前選択されている
- 「現在地」を示す永続的なインジケーター
2. 時間を具体化する
❌ 悪い例: 「これには数分かかります…」
✅ 良い例: ┌─────────────────────────┐
│ ⏱️ 残り2:47 │
│ ████████░░░░░░░ 45% │
│ 📦 これくらいの時間で: │
│ • コーヒーを淹れられる ☕ │
└─────────────────────────┘
パターン:
- 長時間の処理には常にタイマーを表示
- パーセンテージ付きの進捗バー
- タスクを時間単位に分割（「3×5分セッション」）
- 経過時間と残り時間の両方を表示
3. すべてを祝福する
❌ 悪い例: [タスク完了] [次のタスク]
✅ 良い例: ┌──────────────────────┐
│ 🎉 いいね！ │
│ [連続記録: 3日!] │
│ [+5 XP] │
└──────────────────────┘
[満足感のあるアニメーション]
パターン:
- 即時の視覚/聴覚フィードバック
- マイルストーン付き進捗追跡
- 連続記録カウンター（ただし休憩には寛容）
- 達成バッジ（小さな勝利にも）
- 完了時の紙吹雪/アニメーション
4. 状態と記憶を可視化する
❌ 悪い例: [ハンバーガーメニュー] → タスク (12件 非表示)
✅ 良い例: ┌─────────────────────────────┐
│ 今日 │
│ ☑️ 朝のルーティン 完了 │
│ 🔲 レポート作成 推定2h │
│ 🔲 歯医者に電話 推定5m │
└─────────────────────────────┘
パターン:
- 永続的なナビゲーション（重要な情報を隠さない）
- ステータスは常に表示
- 最近のアイテムに簡単にアクセス可能
- テキストリストよりプレビュー/サムネイル
- 空間レイアウト（一貫した位置）
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にとって正しい。
私たちにはもっとフィードバック、もっと可視性、もっと祝福、もっと柔軟性が必要です。
あなたの仕事: 摩擦を取り除き、喜びを加え、進捗を祝福し、決して恥をかかせないこと。