mcpField
D
design-evaluation-audit

design-evaluation-audit

github.com/lyndonklデザイン・UI18787 回インストール9 週間前に更新
リポジトリ

design-evaluation-audit について

認知デザインの基準に沿って、インターフェースやデータビジュアライゼーションを体系的に評価するスキルです。デザインレビュー担当者向けに、問題の深刻度を分類し、優先順位付きの修正案をまとめます。デザイン作成やユーザーテストの代替を目的とはしません。

主な機能

  1. 018つの認知領域を確認するチェックリスト
  2. 024基準によるビジュアライゼーション評価
  3. 03問題の深刻度分類と優先順位付け
  4. 04根拠に基づく具体的な修正案
  5. 05インターフェースと可視化の統合レビュー

活用シーン

  1. 01リリース前のインターフェース評価
  2. 02ダッシュボードのチャート監査
  3. 03ユーザビリティとアクセシビリティの問題の優先順位付け

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/lyndonkl/claude --skill design-evaluation-audit

インストール後、Claude Code で/design-evaluation-auditを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

resources/
cognitive-checklist.md
visualization-audit.md
resources/evaluators/
rubric_design_evaluation.json

詳細

デザインの評価と監査

目次


スキルの範囲

このスキルの代わりに、次を使用してください:

  • 新しいデザインを一から作成する場合:cognitive-design を使用します
  • 認知理論を学ぶ場合:cognitive-design のパス 1 を使用します
  • 誤解を招くビジュアライゼーションを検出する場合:cognitive-fallacies-guard を使用します

デザインレビューのワークフロー

所要時間: 範囲に応じて 30~90 分

このチェックリストをコピーして、進捗を記録してください:

Design Evaluation Progress:
- [ ] Step 1: Systematic Assessment
- [ ] Step 2: Visualization Quality Audit (if applicable)
- [ ] Step 3: Severity Classification & Prioritization
- [ ] Step 4: Fix Recommendations
ステップ 1:体系的な評価

認知デザインチェックリストを、8 つのすべての観点(可視性、視覚的階層、チャンク化、シンプルさ、記憶のサポート、フィードバック、一貫性、スキャニングパターン)に適用します。各項目を確認してください。各観点について、具体的な根拠とともに合否を記録します。

リソース: 認知デザインチェックリスト

ステップ 2:ビジュアライゼーション品質の監査(該当する場合)

デザインにデータビジュアライゼーションが含まれている場合は、4 つの基準によるビジュアライゼーション監査を適用します。各基準(明瞭さ、効率性、完全性、美しさ)を 1~5 で採点します。平均を算出し、最も弱い観点を特定してください。

リソース: ビジュアライゼーション監査フレームワーク

ステップ 3:重大度の分類と優先順位付け

すべての指摘事項を重大度で分類します:

  • 重大: 完全性の侵害、アクセシビリティの不備、ユーザーが主要なタスクを完了できない状態。直ちに修正します。
  • 高: 使用を妨げる明瞭さや効率性の問題、重要な操作に対するフィードバックの欠如、作業記憶への過負荷(グループ化されていない項目が 10 個超)。リリース前に修正します。
  • 中: 最適ではないパターン、美しさに関する問題、軽微な不整合。次回のイテレーションで修正します。
  • 低: 細かな最適化、仕上げ項目。都合のよいときに修正します。

優先順位のルール: 基盤から順に修正します。つまり、一貫性より知覚、見た目より完全性、高より重大を優先します。

ステップ 4:修正の推奨事項

各指摘事項について、次の内容を記録します:

  1. 問題点 — 根拠を含む具体的な説明
  2. 重要である理由 — 違反している認知原則
  3. 修正方法 — 具体的で実行可能な推奨事項
  4. 期待される結果 — 修正後に改善されること
  5. 作業量の見積もり — 簡単な修正(数分)、中程度(数時間)、大規模(数日)

修正によってほかの観点に悪影響が出ないことを確認してください。


パス選択メニュー

パス 1:認知デザインチェックリストを実行する

次の場合に選択します: あらゆるインターフェース、レイアウト、コンテンツページ、フォーム、または一般的なデザインを評価する場合。

得られる内容: 8 つの認知的観点における合否、テスト方法、よくある不備、重大度別に分類された指摘事項。

所要時間: 20~40 分

→ 認知デザインチェックリストに進む


パス 2:ビジュアライゼーション監査を実行する

次の場合に選択します: チャート、グラフ、ダッシュボード、インフォグラフィックなどのデータビジュアライゼーションを評価する場合。

得られる内容: 明瞭さ、効率性、完全性、美しさを 1~5 で評価したスコアと、合否のしきい値。

所要時間: ビジュアライゼーション 1 件につき 15~30 分

→ ビジュアライゼーション監査フレームワークに進む


パス 3:統合レビュー

次の場合に選択します: インターフェース要素とデータビジュアライゼーションの両方を対象とした包括的なレビューを行う場合。

手順: まず認知デザインチェックリストを実行し、次に各データコンポーネントにビジュアライゼーション監査を実施します。指摘事項を統合し、統一された修正リストを作成します。

所要時間: 45~90 分

→ 認知デザインチェックリストから始め、次にビジュアライゼーション監査を実施します


クイックリファレンス

3 問の迅速チェック

1. 注意 — 「最初にどこを見ればよいか、すぐにわかりますか?」

  • NO の場合:階層構造と視認性に問題があります

2. 記憶 — 「表示できる情報を、ユーザーが記憶しておく必要がありますか?」

  • NO の場合:記憶の支援と情報のチャンク化に問題があります

3. 明瞭さ — 「初めて見る人でも 5 秒で理解できますか?」

  • NO の場合:シンプルさと理解しやすさに問題があります

すべて YES なら、認知的に適切である可能性が高いです。NO が 1 つでもあれば、該当箇所について完全なチェックリストを実施してください。


ガードレール

対象外: デザインの作成、理論の解説、専門分野に関するガイダンスの提供、ユーザーテストの代替、またはアクセシビリティ要件への完全な準拠。

対象範囲: 認知原則に基づく体系的な評価、重大度で分類した調査結果、優先順位付きの修正提案、視覚化の品質評価。

コメント