実際にあった失敗談…今はどうなった？

だいぶ昔の話ですが、デザインがある程度完成した段階で、ディレクターにデザインを提出。NG要件が発覚し、大きな軌道修正が必要になったことがありましたね…。

そんなことがあったんですね！
要件で関連すると、僕も似たようなことがありましたよ。
デザインに着手するまでに必要な情報を上手く引き出せていなかったのが原因でディレクターとの認識がズレてしまったことがありました。

デザインに着手する前にどの程度情報を聞き出すかって難しいよね。
今は、どう対応していますか？

この失敗を受けて、「デザインの目的」や「ターゲット」は最低限ディレクターに確認するのはもちろんなのですが、自分自身でもクライアントのことを調査して事業内容を理解してディレクターと認識があっているかを擦り合わせるようになりました。

ディレクターから要件を聞くだけじゃなくて、デザイナーから必要な情報を引き出したり、自分自身でも調査するのは大事ですよね！
私は、デザイナー視点の方が気づきやすい要件は、チェックリストを作って、案件のキックオフミーティングの時にディレクターに確認するようにしたね。
それだけでも、かなり認識のすり合わせができてるな、って実感があったよ！

このように、デザイン指示におけるデザイナーとのやりとりを加速させるためには、ディレクターが必要な要件を伝えるのはもちろんですが、デザイナー側でも自身で調査をして事業内容などクライアントの情報を理解することも重要です。

また、デザイナーの視点でしか気付けないこともあるので、ディレクターから指示がない場合は、事前に確認するようにしましょう。

実際にあった失敗談…今はどうなった？

参考イメージやサイトをチャットのみで共有していて、同じ画面を見ながら細かく指示できていませんでした。結果、デザイナーが参考にした部分と僕が参考にして欲しかった部分がズレていたことがありました。

リモートワークが始まったばかりの頃だと、まだ慣れていないこともあって、チャットでデザインを指示するだけになってしまうことがあったよね。
今は、Web会議にも慣れてきたから画面共有して同じイメージを見ながら、話せるようになったね。

ですね。同じイメージを見ながら口頭で確認し合うのが大事だと気付きましたね。
最近だったら、Web会議でオンラインのホワイトボードツールを使ってデザイナーとイメージを擦り合わせることも多いですよ。

言葉だけやチャットなどテキストだけのやり取りでは、認識を合わせるのに不十分な場合があります。

同じイメージを見ながら方向性を擦り合わせたり、場合によってはオンラインのホワイトボードツールなどを活用して打ち合わせを行うのも重要です。

実際にあった失敗談…今はどうなった？

まだデザイナーになりたての頃、仕上げた状態でデザインをディレクターに確認してもらった結果、大きく軌道修正が必要になってしまったことがありました…
中途半端な状態では見せられないと思っていたことが原因だったのだと思います。
皆さんは、何か心がけていることはありますか？

その気持ち、すごくわかります。
私は、1日の終わりには必ずデザインの進捗を共有するようにしています。
もし中途半端な状態だったとしても、「引き続き●●のように進めます」というコメントと合わせて確認してもらうようになりました。

僕は、デザイナーになりたてなので1人で答えにたどりつくのは難しいと割り切っています。なので、なるべくディレクターとのやりとりの回数を増やすようにしました。
粗くてもいいからまずは見せてみるということを心がけています。

ディレクターへのヒアリングでも「途中でも、何度も未完成の状態で見せてもらった方がお互いの思っているものに着地する」という意見がありました。

ディレクターもデザイナーもお互いに絶対的な答えを持っているわけではないので、粗くても途中の段階でデザインを共有して、擦り合わせを行いブラッシュアップしていくという進め方が重要です。

メリット1デザインの方向性についてクライアントと擦り合わせができる

Adobe Expressでは、テンプレートの分類として「業種別」というものがあります。

例えば、ジムを運営しているクライアントとデザインに関する打ち合わせをするときには、「健康とフィットネス」という分類を選択すると多くのテンプレート候補が表示されます。

テンプレートを1つずつクライアントと確認していくことで、クライアントとデザインの方向性を擦り合わせることができます。

テンプレートのテキストはカンタンに編集できるので、その場でクライアントの社名やサービス名に変えて、よりイメージしやすくするのも一つの手です。

Adobe Expressで口頭だけではなく具体的なイメージをもとに事前に方向性を定めると、デザイン完成後の軌道修正が少なくなるので助かります。

メリット2デザイナーへのデザイン指示を的確に行える

例えば、デザイナーに「ビンテージ風」のデザインを依頼する場合、「ビンテージ風」という言葉だけでは、イメージの方向性にズレが生じる可能性があります。

Adobe Expressのテンプレートを活用し、イメージを的確に伝えましょう。

Adobe Expressでは、テンプレートの検索時にフィルターをかけることができます。ここでは、スタイルを「ビンテージ」にして検索してみます。

「ビンテージ」に当てはまるテンプレートが表示されます。ここからイメージに近いものを見つけて、「このテンプレートのこの部分のビンテージ感を参考にして欲しい」という風にデザイナーに伝えると、デザイン指示を的確に行うことができます。

メリット3社内の案件などでWebディレクター自らがデザインを行える

社内のSNS更新やブログ更新、イベント告知用画像の作成などでデザインが必要な場合があったとします。

デザイナーは、クライアントの案件に追われており、今デザインを依頼してもいつ着手できるかわからない。

そういったときにAdobe Expressを活用すれば、ディレクター自らデザインを行うことも可能です。

実際に当記事のアイキャッチ画像は、Adobe Expressで非デザイナーが作成しています。

Adobe Expressにログイン

まずは、こちらからAdobe Expressのトップページにアクセスします。

ログイン画面が表示されるので、無料登録またはログインの手段を選択してください。

ログインが完了すると下記のような画面が表示されます。

Facebook投稿用の画像を作成

今回は、Facebookで使用するバナー画像を作成していきます。

「SNS」を選択して、「Facebook投稿」から「テンプレートを選択」をクリックします。

今回作成するバナーは、クラウドツールに関するものなので関連キーワードの「パソコン」で検索してみます。

バナーに活用できそうなイメージを選択します。

このテンプレートを活用して作成したバナーがこちらです。

他にも、ウェビナーを開催すると仮定して、告知バナーを作成してみようと思います。

まずは、活用できそうなテンプレートを探して適用します。

変更が必要な箇所を差し替えると、下記のようにウェビナーの告知バナーが完成します。

他にも別サイズで違うテイストのバナーを作成してみました。

このようにAdobe Expressを使用するとデザイナーではなくても短時間で複数のバナーを作成することが可能です。

今回バナーを実際に4つ作成しましたが、かかった時間は1時間弱です。

1つのバナーを約15分で作成できたことになります。