デザイナーとのコミュニケーション

10秒でわかる！要点まとめ

• デザインを「アート」ではなく「課題解決のための設計図」として評価する
• フィードバックは「赤色が好きではない」ではなく、「ターゲット層への訴求力を高めるため」と論理で語る
• Figmaなどのツールを介し、ワイヤーフレームとデザインの「認識のズレ」を最小化する

1. 概要：企画意図を「ビジュアル言語」に翻訳する橋渡し役

デザイナーとのコミュニケーションとは、企画や要件定義で決まった意図やロジックを、デザイナーが理解できる「ビジュアル言語」に翻訳して伝え、上がってきたデザインが要件を満たしているかを客観的に評価し、合意形成を図る一連のプロセスです。

クライアントのビジネス目的と、ユーザーの心理（UX）を理解した上で、デザイナーの創造性（クリエイティビティ）を最大限に引き出し、かつ納期と品質を担保するという、論理と感性の両面を扱う調整役が必要となります。

2. なぜ重要なのか：手戻りコストの増大を防ぐ

制作フェーズで最も多く発生し、スケジュールとコストを圧迫するのが「デザインの手戻り」です。ここでの指示が曖昧だと、デザインで何度も修正を強いられ、メンバーの士気が低下します。また、コード実装後に「デザインが違う」と発覚した場合、修正コストはさらに跳ね上がります。

明確なコミュニケーションと、デザイン原則に基づいた的確なフィードバックを行うことで、デザイン工程における手戻りを最小限に抑え、制作全体の効率と、成果物の品質（ユーザビリティ、ブランドイメージ）を向上させることができます。

3. 実務のポイント：ロジックとデザイン言語

感情的なフィードバックを避け、建設的な対話を行うためのポイントは以下の通りです。

• フィードバックの構造化：
• 目的（Why）：「この情報に気づいてほしい」
• 現状（What）：「このボタンが小さすぎる」
• 提案（How）：「ボタンの大きさを変えるか、色を変えるか、他の方法を試せないか？」

というように、問題点を明確にし、解決方法をデザイナーと一緒に考える姿勢を示します。

• デザイン用語の活用：「いい感じ」や「もっとシュッと」といった言葉を避け、「マージン（余白）」や「コントラスト比」「フォントのヒエラルキー」といったデザインの共通言語で会話します。これにより、デザイナーは意図を正確に理解でき、信頼関係が構築されます。
• 状態（ステート）の定義：デザインは「完成形」だけでなく、「エラーメッセージ表示時」「ホバー（マウスを乗せた時）」「情報が0件の時」など、あらゆる状態（ステート）を定義する必要があります。デザインレビュー時に、異常系の画面設計が抜けていないかを確認します。

4. スキルアップのヒント：Figmaとデザイン原則の習得

最も効果的なのは、Figmaの操作を習得することです。ワイヤーフレームをFigmaで作成し、デザイナーと一つのファイル上でリアルタイムに修正・議論を行うことで、コミュニケーションコストを劇的に下げることができます。

また、Webデザインの基本的な原則（配色の心理効果、フォントの役割、グリッドシステムなど）を学ぶことで、なぜデザイナーがそのデザインを選んだのかという「意図」を理解できるようになり、より本質的なフィードバックを提供できるようになります。