critique

概要

critiqueスキルとは？

critiqueは、UXデザインの視点からユーザーインターフェースを評価するための専門スキルです。視覚的階層、情報アーキテクチャ、認知負荷、感情的共鳴を定量的なスコアとペルソナに基づく質的フィードバックで評価します。デザインチーム、プロダクトマネージャー、開発者がデジタル製品の使いやすさと効果を向上させるための実践的な洞察を得るのに最適です。

誰がcritiqueを使うべきか？

このスキルは、インターフェースの品質に責任を持つUX/UIデザイナー、フロントエンド開発者、プロダクトリード向けに設計されています。特にローンチ前や大幅なリデザインの際に、機能やページ、コンポーネントの構造化された専門的レビューが必要な場合に活用してください。

critiqueが解決する課題

• AI生成のデザインパターンやアンチパターンの識別
• Nielsenのヒューリスティクスによる使いやすさのスコアリング
• 認知負荷と情報アーキテクチャの評価
• ペルソナベースのテストで多様なユーザー視点から問題を抽出
• 明確で実行可能なデザイン改善のフィードバック提供

使い方

インストール手順

1. 以下のコマンドでcritiqueをインストールします：

   npx skills add https://github.com/pbakaus/impeccable --skill critique
   

2. まずSKILL.mdを読み、全体のワークフローと準備手順を把握してください。

主要ファイルと参照資料

• SKILL.md：critiqueの実行ガイド。必須のコンテキスト収集と評価フェーズを含みます。
• reference/cognitive-load.md：認知負荷評価のチェックリストとガイドライン。
• reference/heuristics-scoring.md：Nielsenの10の使いやすさヒューリスティクスの詳細スコアリングガイド。
• reference/personas.md：異なるユーザーペルソナによるテスト手順。

ワークフロー概要

1. 準備：SKILL.mdに記載のコンテキスト収集プロトコルに従い、インターフェースの目的とユーザーコンテキストを理解します。
2. デザイン評価：AI生成パターン、視覚的階層、使いやすさの問題を評価します。
3. 認知負荷評価：reference/cognitive-load.mdのチェックリストを使い、ユーザーの混乱や負荷の原因を特定し改善します。
4. ヒューリスティクススコアリング：reference/heuristics-scoring.mdを用いて使いやすさのヒューリスティクスに基づきスコアを付けます。
5. ペルソナテスト：reference/personas.mdの異なるユーザーペルソナになりきってインターフェースを操作し、具体的な課題を洗い出します。

critiqueを自分のワークフローに適応する

critiqueは柔軟にカスタマイズ可能です。チームのツールやリポジトリ構成に合わせてプロセスやチェックリストを調整し、参照資料をレビュー文書のテンプレートとして活用してください。

よくある質問

critiqueは他のデザインレビューツールと何が違う？

critiqueは専門的なUXヒューリスティクス、認知負荷分析、ペルソナベースのテストを一つの体系的なワークフローに統合しています。単なるチェックリストではなく、包括的な評価プロセスを案内します。

critiqueはどんなインターフェースにも使える？

はい。web、モバイル、ソフトウェアのインターフェースに対応しています。明確なデザインやプロトタイプがある場合に特に効果的です。

インストール後はどこから始めればいい？

まずSKILL.mdでセットアップとワークフローの説明を確認してください。その後、reference/フォルダ内の詳細なチェックリストやスコアリングガイドを参照しましょう。

critiqueはコードレビューにも適している？

critiqueはデザインとユーザー体験に焦点を当てており、コード品質の評価は対象外です。コードレビューと併用して製品全体の評価に役立ててください。

すべてのサポートファイルにはどうやってアクセスする？

スキルディレクトリのFilesタブを開くと、ネストされた参照資料や補助スクリプトを含む全ファイルツリーを閲覧できます。