「なぜこのボタンを押したら別のページに飛んだのか」「この専門用語は何を意味するのか」「次に何をすればいいのか」——UIを使うたびに考えさせられるとき、ユーザーの脳は疲弊します。
よくある失敗パターンは「平均的なユーザー」を前提に設計することです。ADHD（注意欠如・多動症）を持つユーザーは、複雑な手順や長いテキストで集中を失いやすい。ディスレクシア（読字障害）を持つユーザーは、密な文字組みや複雑なフォントで読むことが困難になる。高齢ユーザーはワーキングメモリが低下し、前の画面の情報を覚えておくことが難しい——これらは「特殊なケース」ではなく、すべてのユーザーが状況によって経験しうる認知的な制約です。
認知特性への配慮が不足したUIは、特定のユーザーを排除するだけでなく、すべてのユーザーの認知負荷を高め、タスク完了率・コンバージョン率を下げます。「考えさせない」設計は、認知特性を持つユーザーだけでなく、すべてのユーザーにとって使いやすいUIを生み出します。
1. 原則の定義
認知特性への配慮（Cognitive Accessibility）とは、ADHD・ディスレクシア・高齢者など多様な認知特性を持つユーザーを前提に、シンプルな言葉・明確な構造・予測可能な動作・十分な余白を設計に組み込み、すべてのユーザーの認知負荷を最小化する原則。
本質は「認知特性への配慮は、すべてのユーザーへの配慮と同じ」ということです。ADHD向けの「短い文・明確な見出し・一度に一つのタスク」という設計は、認知特性を持たないユーザーにとっても使いやすいUIです。認知アクセシビリティは「特別対応」ではなく、良いUIデザインの基本原則です。
2. いつ使うか（適用場面）
特に重要になるケース
- 複雑なフォーム・手続き: 確定申告・保険申込・行政手続きなど、手順が多く専門用語が多いフロー。ウィザード形式で一度に一つのステップを示す。
- エラーメッセージ: 「入力が無効です」ではなく「メールアドレスに@が必要です」のように、具体的で行動可能なメッセージを書く。
- ナビゲーション: 現在地・次のステップ・戻り方が常に明確に示されているか。パンくずリスト・プログレスバーが有効。
- コンテンツの読みやすさ: 長い段落・専門用語・受動態——これらはすべて認知負荷を高める。短い文・能動態・平易な言葉を使う。
トレードオフが起きる場面
- 情報の省略と透明性: 認知負荷を下げるために情報を省略しすぎると、重要な条件・リスクが伝わらなくなる。「シンプルさ」と「透明性」のバランスが必要。
- 専門ユーザーとの両立: 専門家向けツールでは、シンプルすぎる設計が逆に非効率になる場合がある。プログレッシブ・ディスクロージャーで初心者と専門家を両立する。
3. なぜ重要か（設計判断の核）
認知特性への配慮は「障害者対応」ではない。すべてのユーザーが「考えずに使える」UIを作ることだ。
設計判断の基準
- 「このUIは、初めて使うユーザーが説明なしで操作できるか？」→ できなければ、構造・言葉・フローを見直す。
- 「このテキストは、小学生でも理解できる言葉で書かれているか？」→ 専門用語が必要な場合は、必ず説明を添える。
優先順位の考え方
- 1. 一度に一つのタスク（最優先）: 複数のタスクを同時に要求しない。フォームは1ページ1質問、手順は1ステップずつ。
- 2. 明確なエラーメッセージ: エラーが起きたとき、何が問題で、どう直せばいいかを具体的に伝える。
- 3. 予測可能な動作: ボタンを押したら何が起きるかが、押す前にわかる。驚かせない。
例外条件
- 専門家向けツール（コードエディタ・医療システムなど）では、専門用語の使用が必要な場合がある。ただし、初回利用時のオンボーディングで用語を説明する。
4. 具体の設計ルール（チェックリスト）
最低ライン（Must - これ守らないと危険）
これがないと、認知負荷が高くなりタスク完了率が下がります。
理想ライン（Better - できると強い/プロの品質）
「使える」を超えて「考えずに使える」状態です。
5. UI例
同じ「フォームのエラー表示」でも、認知特性への配慮の有無でユーザーの理解度と修正のしやすさは大きく変わります。
改善プロセス
- エラーメッセージを具体的にする: 「入力エラー」→「メールアドレスに@が必要です（例：name@example.com）」。何が問題で、どう直せばいいかを明示する。
- プレースホルダーで期待値を示す:
placeholder="8文字以上で入力"のように、入力前から条件を示す。 - リアルタイムフィードバックを追加する: 条件を満たした瞬間に「✓ 8文字以上です」と表示し、ユーザーが確認しながら入力できるようにする。
6. 関連リンク
- 関連リファレンス（理論）: 認知負荷 (Cognitive Load)
- 用語集（定義）: 認知負荷, アクセシビリティ, インクルーシブデザイン
- 関連するUI原則（横）: わかる言葉で書く (Plain Language), 単純化 (Simplicity), 進行開示 (Progressive Disclosure), コントラストと可読性 (Contrast & Readability)
- 関連するUIコンポーネント: Dialog（ダイアログ / モーダル）
7. まとめ
今日から直せる一手 担当しているサービスのエラーメッセージを確認してください。「入力エラー」「無効な値」のような曖昧なメッセージがあれば、今日中に「〇〇に@が必要です」「8文字以上で入力してください」のように具体的な内容に書き換えてください。
チームに共有するなら一言 「認知特性への配慮は障害者対応ではない。すべてのユーザーが『考えずに使える』UIを作ることだ。」
