mcpField
C
cognitive-load-assessment

cognitive-load-assessment

github.com/owl-listenerデザイン・UI10888 回インストール20 週間前に更新
リポジトリ

cognitive-load-assessment について

cognitive-load-assessmentは、ユーザーフローを画面ごとに確認するデザイナー向けの認知負荷評価スキルです。タスク固有の負荷、デザインが加える負担、目標に向けた取り組みを区別し、影響度順に改善案を示します。

主な機能

  1. 013種類の認知負荷を評価
  2. 02画面ごとの判断、記憶、手順を確認
  3. 03負荷が高まる箇所を特定
  4. 04余計な負荷を減らす方策を提示
  5. 05影響度順に改善案を整理

活用シーン

  1. 01登録や購入フローの複雑さを評価
  2. 02ナビゲーション、ラベル、画面構成の問題を発見
  3. 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~12~34 以上
覚えておく項目なし1~23 以上
新しく学ぶ概念なし12 以上
完了までの手順1~23~56 以上
読みやすさ平易な表現専門用語が多少ある難解/専門的
視覚的な複雑さすっきりしていて焦点が明確中程度ごちゃごちゃしている

いずれかの項目が「高」の場合、その画面は公開前に再設計する必要があります。

評価方法

  1. 疲れていて、ストレスを感じており、使い慣れていないユーザーの立場で、フローを操作します
  2. 各画面で、判断事項、覚えておくこと、新しい概念の数を数えます
  3. 立ち止まったり、読み返したり、確信が持てなくなったりした箇所を記録します。そこが負荷の急増する箇所です
  4. 負荷の種類を特定します。その難しさは内在的なものですか、それとも外在的なものですか?
  5. 外在的負荷の原因ごとに、具体的な削減策を提案します

削減策

  • 段階的な開示: 現在の手順に必要な情報だけを表示します
  • スマートなデフォルト: 最も一般的な選択肢をあらかじめ選択します
  • チャンク化: 関連する項目を 3~5 個ずつまとめます
  • 想起より再認: ユーザーに覚えさせるのではなく、選択肢を表示します
  • コンテキストの維持: フロー全体を通して、重要な選択内容を表示します
  • 画面ごとに主要なアクションを 1 つにする: 副次的なアクションを目立たなくします

出力形式

画面ごとの負荷評価を示す表を提示し、その後に影響度順に並べた優先度付きの推奨事項を提示します。

コメント