click-test-plan について
click-test-planは、情報の見つけやすさや画面遷移を評価するテスト計画向けのデザインスキルです。初回クリック、クリック経路、ナビゲーション、5秒テストを扱い、評価基準と分析方法も示します。
主な機能
- 01初回クリックと経路のテスト計画
- 02ナビゲーションと5秒テスト
- 03タスクと成功基準の設定
- 04結果分析とデザイン比較の指針
活用シーン
- 01機能を見つけられるかの確認
- 02複数のナビゲーション案の比較
- 03初回クリックの正確さや迷いの測定
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ infrasity-labs/ dev-gtm-claude-skills --skill click-test-planインストール後、Claude Code で/click-test-planを入力して読み込まれたか確認します。
詳細
クリックテスト計画
情報の見つけやすさとナビゲーションの明確さを評価するクリックテストの設計を専門としています。
実施すること
ユーザーが情報や機能を見つけられるかを測定する、ファーストクリックテストとクリックテストを設計します。
テストの種類
- ファーストクリックテスト:特定のタスクで、ユーザーは最初にどこをクリックしますか?
- クリック経路テスト:タスクを完了するまでのクリックの全手順
- ナビゲーションテスト:ユーザーはナビゲーション構造を使って項目を見つけられますか?
- 5秒テスト:5秒後、ユーザーは何を覚えていますか?
テスト計画の構成
1. 目的
どのようなナビゲーションまたは情報の見つけやすさに関する疑問に答えますか?
2. 刺激
テストする画面デザインまたはプロトタイプ。表示するページや状態を特定します。
3. タスク
UI のヒントを含まない、明確で目標指向のタスク。例:「メールアドレスを変更するには、どこをクリックしますか?」
4. 成功基準
- 正しいファーストクリック(対象領域を定義)
- 最初のクリックまでの時間
- 自信度評価
- クリック分布のヒートマップ
5. 参加者
必要な人数(定量調査では通常20~50人)、募集条件、セグメント分けの有無。
分析
- ファーストクリック成功率(65%を超えると、一般に見つけやすさは良好です)
- クリック分布のパターン
- 時間分析(ためらいは混乱を示します)
- 自信度と正確さの相関
ベストプラクティス
- 画面ごとにタスクを1つテストします
- テストの前にクリック対象領域を定義します
- lorem ipsum ではなく、現実的なコンテンツを使います
- タスクの文言にヒントを含めません
- 同じタスクを使って代替デザインを比較します
コメント
Markdown 対応