良いデザインを引き出すブリーフの書き方――曖昧な指示が凡庸なアウトプットを生む構造
「なんか違う」の責任は、100%ディレクターにある
「カッコよくて、今っぽい感じで」
「ユーザーがワクワクするような、スタイリッシュなデザインで」
Webディレクターとして、上がってきたデザインに対して「想定と違う」と頭を抱えるフラストレーションは痛いほど理解できます。しかし、もしあなたが上記のようなポエムのような言葉を「要件」と称してデザイナーに渡しているなら、プロのDXコンサルタントとして極めて冷徹に宣告します。あなたが受け取るデザインが凡庸で「なんか違う」ものになるのは、デザイナーの能力不足ではありません。あなたの書くクリエイティブブリーフ（制作指示書）が、ビジネスの論理を欠いた「ゴミ」だからです。
デザインはアート（自己表現）ではなく、ビジネスゴールを達成するための「機能」です。本記事では、曖昧な指示が凡庸なアウトプットを生む構造的欠陥を客観的に解剖し、デザイナーから「成果に直結するデザイン」を強制的に引き出すためのブリーフの書き方と、優先順位付きのアクションプランを徹底解説します。
1. 凡庸なアウトプットを生む「言語化のサボり」という構造的欠陥
なぜ曖昧な指示が凡庸な結果を招くのでしょうか。それは、ディレクターが「Why（なぜ作るのか）」の言語化をサボり、「What（何を作るか）」と「How（どう見せるか）」だけをデザイナーに丸投げしているからです。
明確な評価軸（物差し）を与えられなかったデザイナーは、ディレクターの顔色をうかがい「無難でクレームが来ない凡庸なデザイン」に逃げるか、自身の「主観的なアート」に走るかの二択を迫られます。これはデザイナーの怠慢ではなく、プロジェクトの方向性を示す「矢印」を提示できなかったディレクターの責任（事業リスク）です。
必須となる専門用語の定義
良いブリーフを書くために、以下の言葉を「感覚」ではなく「論理」として使いこなす必要があります。
- クリエイティブブリーフ（Creative Brief）： プロジェクトの目的、ターゲット、競合優位性、トーン＆マナーなどを一枚の文書にまとめた羅針盤。
- KGI / KPI： 最終的なビジネス目標（売上など）と、その達成度を測る中間指標（資料DL率など）。デザインの唯一の評価基準。
- 認知的負荷（Cognitive Load）： ユーザーが情報を処理する際の脳の負担。これを下げること（引き算）がUI設計の基本となる。
- アフォーダンス（Affordance）： 「ここは押せる」など、ユーザーに特定の行動を暗示する視覚的機能。
2. プロのブリーフに不可欠な「3つの論理」
デザイナーを単なるオペレーターから、課題解決のパートナーへと引き上げるブリーフには、以下の3つの論理が必須です。
- ビジネス的論理： その画面でユーザーに「何を」させたいのか。サイトのKGI/KPIを明確にし、デザインの正解を「ビジネスに貢献するか否か」に限定します。
- 心理的論理： ターゲット（ペルソナ）はどのような心理状態でその画面を見るのか。単なる「20〜30代のビジネス層」といったデモグラフィック情報ではなく、「情報収集に疲弊している」「直感的な回答を求めている」といったメンタルモデルを記載します。
- 技術的論理： システム要件の枠組みです。例えば「記事作成の運用はWordPressのブロックエディタで行う」といった技術的制約を事前に明記しなければ、実装不可能なデザインが上がり、後工程でクリティカルパス（最短の進行経路）が完全に崩壊します。
3. 【事例検証】転職お役立ちポータルサイトにおけるブリーフの差
ここで、実際に「白と黒をベースにしたモノトーンの転職ポータルサイト」を構築する際の、三流とプロのブリーフの差を検証します。
- 【三流ディレクターのブリーフ（失敗）】「転職に関するお役立ち記事を発信するポータルサイトです。ターゲットは20〜30代のビジネスマン。デザインは、スタイリッシュで白と黒をベースにしたモノトーンでお願いします。あとはお任せします！」結果： デザイナーは「カッコよさ」だけを追求し、文字のコントラストが弱く読みにくい、どこをクリックしていいか分からない「雰囲気だけのサイト」を納品します。結果、直帰率が高騰します。
- 【プロディレクターのブリーフ（成功）】「本サイトの目的（KPI）は、転職潜在層の『無料キャリア相談』への遷移率を最大化させることです。ターゲットは、現職に不満を抱え、過剰な情報に疲弊しているハイエンド層です。彼らの認知的負荷を下げるため、サイト全体を『白と黒のモノトーン』という引き算のUIで設計してください。ただし、これは単なる装飾ではありません。視覚的ノイズを極限まで排除した上で、唯一のコンバージョン導線である『キャリア相談ボタン』のみに鮮やかなアクセントカラーを用い、視線を強制的に誘導（アフォーダンスを付与）するための戦略的モノトーンです。また、記事ページはWordPressの標準ブロックエディタで構築するため、複雑な独自レイアウトは避け、標準ブロックで再現可能なモジュール設計をお願いします」結果： デザイナーは「モノトーンにする理由（ビジネス上の機能）」と「技術的制約」を理解し、タイポグラフィのジャンプ率や余白の計算に全力を注ぎ、CVに直結する洗練されたUIを提示してきます。
4. 【即日実践】ブリーフの精度を高める優先順位付きアクションプラン
ディレクターがプロジェクトの主導権を握り、デザイナーから最高のパフォーマンスを引き出すためのアクションプランを提示します。
| 優先度 | アクション項目 | 具体的な実施内容 | 期待される効果 |
| 高（優先度1） | ブリーフへの「技術的制約（システム要件）」の明記 | デザイン着手前に、WordPress等のCMS仕様、SSGによる静的生成の要件など、フロントエンド実装における「できないこと・やらないこと」を明文化する。 | 実装不可能なデザインによる無駄な手戻りを防ぎ、限られたリソースとスケジュール（進行バッファ）を死守できる。 |
| 中（優先度2） | 「デザインの評価基準（KPI）」の事前合意 | ブリーフの冒頭に「本デザインの良し悪しは、ペルソナの課題解決とKPI達成度のみで評価する」と記載し、デザイナーと合意を取る。 | 「カッコいい/ダサい」という主観論争を排除し、ビジネスの成果という客観的データに基づいた建設的な議論が可能になる。 |
| 低（優先度3） | 「引き算の意図」を説明する口頭プレゼン | ブリーフ（文書）を渡すだけでなく、キックオフMTGにて「なぜこの要素が必要ないのか」という引き算の論理をディレクター自らプレゼンする。 | デザイナーがディレクターのビジネス的意図を深く理解し、単なる作業者を超えた能動的な提案（UIの最適化など）を行えるようになる。 |
まとめ：ITは知るだけでは終わらない。ビジネスを視覚機能へ翻訳せよ
「何度修正指示を出しても、思い通りのデザインにならない」
もしそう嘆いているなら、修正すべきはデザインではなく、あなた自身のクリエイティブブリーフです。ITやWebシステムの知識は「知るだけ」では意味がありません。ビジネスの要件や技術的なリスクを論理的に翻訳し、視覚的な「機能」としてデザイナーに提示すること。そして、誰も迷うことのない確固たるデジタルの道筋を築き上げること。
「なんか違う」という感覚的なダメ出しは今すぐ捨ててください。客観的なファクトと論理というメスで要件を解剖し、デザイナーが迷いなく走れる強固なレールを敷くことこそが、プロフェッショナルなWebディレクターが提供すべき真の価値なのです。
noteはこちら
https://note.com/director_pro928/n/n9ecca6dac7f8?app_launch=false
