cognitive-load-assessment について
cognitive-load-assessmentは、ユーザーフローを画面ごとに確認するデザイナー向けの認知負荷評価スキルです。タスク固有の負荷、デザインが加える負担、目標に向けた取り組みを区別し、影響度順に改善案を示します。
主な機能
- 013種類の認知負荷を評価
- 02画面ごとの判断、記憶、手順を確認
- 03負荷が高まる箇所を特定
- 04余計な負荷を減らす方策を提示
- 05影響度順に改善案を整理
活用シーン
- 01登録や購入フローの複雑さを評価
- 02ナビゲーション、ラベル、画面構成の問題を発見
- 03負荷の高い画面の改修案を作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ owl-listener/ inclusive-design-skills --skill cognitive-load-assessmentインストール後、Claude Code で/cognitive-load-assessmentを入力して読み込まれたか確認します。
詳細
認知負荷の評価
3 つの側面から認知負荷を評価し、ユーザーの不要な負担を減らすための実践的な推奨事項を提示します。
3 種類の認知負荷
内在的負荷 — タスク自体に本質的に伴う複雑さです。 確定申告は本質的に複雑です。税法を簡素化することはできません。 重視する点:管理しやすい手順に分け、背景情報を示し、用語を説明します。
外在的負荷 — タスクではなく、デザインによって加わる複雑さです。 わかりにくいナビゲーション、不明瞭なラベル、一貫性のないパターン、視覚的な煩雑さなどが該当します。 重視する点:徹底的に取り除きます。外在的負荷はすべて、改善可能なデザイン上の問題です。
学習関連負荷 — 実際のタスクに取り組むために費やす労力です。 これは望ましい負荷です。ユーザーが本来の目標に取り組むことを指します。 重視する点:ほかの 2 種類の負荷を取り除き、学習関連負荷を最大化します。
評価フレームワーク
各画面または手順について、以下を評価します。
| 項目 | 低(良好) | 中(要確認) | 高(再設計) |
|---|---|---|---|
| 必要な判断の数 | 0~1 | 2~3 | 4 以上 |
| 覚えておく項目 | なし | 1~2 | 3 以上 |
| 新しく学ぶ概念 | なし | 1 | 2 以上 |
| 完了までの手順 | 1~2 | 3~5 | 6 以上 |
| 読みやすさ | 平易な表現 | 専門用語が多少ある | 難解/専門的 |
| 視覚的な複雑さ | すっきりしていて焦点が明確 | 中程度 | ごちゃごちゃしている |
いずれかの項目が「高」の場合、その画面は公開前に再設計する必要があります。
評価方法
- 疲れていて、ストレスを感じており、使い慣れていないユーザーの立場で、フローを操作します
- 各画面で、判断事項、覚えておくこと、新しい概念の数を数えます
- 立ち止まったり、読み返したり、確信が持てなくなったりした箇所を記録します。そこが負荷の急増する箇所です
- 負荷の種類を特定します。その難しさは内在的なものですか、それとも外在的なものですか?
- 外在的負荷の原因ごとに、具体的な削減策を提案します
削減策
- 段階的な開示: 現在の手順に必要な情報だけを表示します
- スマートなデフォルト: 最も一般的な選択肢をあらかじめ選択します
- チャンク化: 関連する項目を 3~5 個ずつまとめます
- 想起より再認: ユーザーに覚えさせるのではなく、選択肢を表示します
- コンテキストの維持: フロー全体を通して、重要な選択内容を表示します
- 画面ごとに主要なアクションを 1 つにする: 副次的なアクションを目立たなくします
出力形式
画面ごとの負荷評価を示す表を提示し、その後に影響度順に並べた優先度付きの推奨事項を提示します。
コメント
Markdown 対応