pj-uiux-review

name: pj-uiux-review description: UI/UX観点でWebサイトをレビューし、改善点と実装提案を洗い出す

pj-uiux-review

概要

Webサイトを実際に操作しながら、UI（見た目・操作性）およびUX（体験・導線）観点でレビューを行う。 ユーザーの使いやすさ、視認性、アクセシビリティ、導線設計、フォーム設計などを確認し、改善案をまとめる。

実施内容

• 対象サイトをブラウザで確認する
• 日本語で記載する
• 以下の観点でレビューする

1. UI（ユーザーインターフェース）

• レイアウトの整合性
• 余白・視認性
• 配色・コントラスト
• タイポグラフィ
• ボタンの視認性
• アイコンの分かりやすさ
• レスポンシブ対応
• コンポーネントの統一性

2. UX（ユーザー体験）

• ユーザー導線
• CTA（申し込み・問い合わせ等）の分かりやすさ
• 情報設計
• ナビゲーションの分かりやすさ
• 操作ステップ数
• エラーメッセージの分かりやすさ
• フィードバック表示（ローディング・完了通知等）
• 離脱ポイントの有無

3. アクセシビリティ

• キーボード操作
• フォーカス表示
• 画像のalt属性
• 色覚多様性への配慮
• 見出し構造（h1〜h6）
• フォームラベル

4. パフォーマンス体験

• 初回表示速度
• CLS（レイアウトシフト）
• ローディング体験
• 画像最適化状況
• 不要なアニメーションの有無

確認対象

指定されたパスを確認する

出力内容

結果を ai-output フォルダへ Markdown で出力する

ファイル名例

ai-output/uiux-review.md

レポート形式

UI/UXレビュー結果

サマリー

• 良かった点
• 改善優先度高
• 改善優先度中
• 改善優先度低

ページ別レビュー

/

問題点

• 内容

改善案

• 内容

実装例

• 内容

共通改善項目

UI

• 内容

UX

• 内容

アクセシビリティ

• 内容

パフォーマンス

• 内容

優先度付き改善ロードマップ

High

• 内容

Medium

• 内容

Low

• 内容

最後に実施すること

• レポートを保存する
• レポートを開く
• ユーザーへレビュー完了を報告する