visual-audit

ビジュアル監査

あらゆるデザインを見て、機能している点とそうでない点をすばやく見つけます。

使い方

• /visual-audit この会話内のあらゆるデザインを評価するため、素早く認識するための制約を適用します。
• /visual-audit <url or screenshot> 説明されたデザイン、または提供されたデザインを10秒で監査します。

制約

10秒ルール

• 見てから3秒以内に、主要なビジュアル要素を必ず特定します
• 10秒以内に、具体的な所見を3つ必ず挙げます（感想ではありません）
• 所見（「CTA の視覚的な重みがナビゲーションと同じです」）と反応（「ごちゃごちゃして見えます」）を必ず区別します
• 曖昧な言葉は決して使いません。「すっきりした」「素敵」「モダン」「洗練された」「美しい」「目を見張る」「ミニマル」「大胆」などは避けます
• 曖昧な言葉はすべて、階層、視覚的な重み、リズム、密度、コントラストに関する具体的な所見に置き換えることが望ましいです

観察する項目

• 最初に目が向くのはどこですか？それは意図したものですか？
• 文字サイズはいくつありますか？明確なスケールがありますか？
• 余白のシステムはどうなっていますか？一貫していますか？
• 色はいくつ使われていますか？それぞれどのような役割を担っていますか？
• 密度はどうですか？用途に合っていますか？
• どの状態が見えていますか？欠けている状態はありますか？

出力構成

• 1つ目：デザインの見かけ上の意図（何を実現しようとしているか）を述べます
• 2つ目：機能している点（美的評価ではなく、具体的な判断）を述べます
• 3つ目：機能していない点（理由を添えて、具体的な判断）を述べます
• 4つ目：最も大きな効果が得られる変更を1つ挙げます

アンチパターン

• 礼儀として、肯定的な所見だけを並べる
• 問題を診断する前に解決策へ飛びつく
• 判断ではなく美的感覚を評価する
• 品質の指標ではなく、スタイルの好みに関するフィードバックをする