すべての記事

静止画広告の最初の3秒:模倣せずにビジュアル階層を調べる

静止画広告が視線を最初に、次に、そして3番目にどこへ導くのかを読み取り、他者のレイアウトをなぞらずにデザイナーが使える階層仕様として書き留める方法を紹介します。

編集 Ad8編集部公開日
番号付きの注視点1、2、3を点線の視線経路でつないだ静止画広告の注釈付きワイヤーフレーム。その横には、同じ階層を平易な言葉で3行に記録したパネルがあり、下には読み取るべきデザイン上の手がかりが並んでいる。
手法の概要. インフォグラフィックを原寸大で開く

静止画広告の見出しを親指で隠して、残った部分を見てみましょう。次に、画像を隠します。いくつかの広告で試してみると、画像と言葉が別々の役割を果たしていることに気づくでしょう。一方が最初に目を引き、もう一方が主張を締めくくる。その役割分担、つまりどの要素が何をどの順序で担うのかが、広告のビジュアル階層です。競合の静止画クリエイティブから調べられるものの中でも特に役立ち、うっかり模倣してしまいやすい要素の一つです。

タイトルにある「3秒」は統計値ではなく、読み取りのための規律です。特定の人が特定の広告を見る時間を保証できる人はいません。この時間枠は、レイアウトを理屈づける前にフィードを見る速度で確認し、広告の内容についてすでに知っていることではなく、配置が何を促すのかを書き留めるためのものです。

階層は配置であり、注目度の測定ではない

ビジュアル階層とは、サイズ、コントラスト、位置、独立性、色、余白によってつくられる、レイアウトが視線を導く順序です。レイアウトから読み取れるのは、視線への誘いです。実際の注目度は読み取れません。公開広告記録からわかるのはクリエイティブであり、アイトラッキングデータではありません。したがって、以下はすべて解釈です。役立つものとして明記し、異論の余地を残しておきましょう。

このラベルは、後でブリーフを書くときに重要になります。「見出しが視線の入口」は読み取りです。見出しが最大の要素であるという観察事実と並べて、解釈の欄に記録してください。

3回に分けて読み取る

順番に確認し、実際に広告を目にする大きさで行いましょう。画像をサムネイルまで縮小するか、画面から離れてください。それぞれのパスについて1行ずつ書きます。

1回目:視線の入口

最初に何に気づきますか?「商品のクローズアップ」「大きな数字」「顔」「色面」のように、名詞句で書きましょう。次に、それが目を引いた理由を考えます。最大の要素だからでしょうか。最もコントラストが強いからでしょうか。周囲に余白がある唯一の要素だからでしょうか。複数の手がかりによって目を引く入口なら、確信を持てる配置です。どの手がかりにも当てはまらないなら、最初の視線を2つの要素が奪い合っている可能性があります。

2回目:説明する要素

視線の入口に目を留めた後、これは何で、なぜ重要なのかを教えてくれるものは何でしょうか。多くの場合、見出し、ラベル、または画像内の実演です。視線の入口との関係を確認してください。一つの考えとして読めるほど近くにありますか。それとも、どちらを見るか選ばなければならないほど離れていますか。

3回目:安心材料と行動喚起

残っているものは何でしょうか。評価、仕様、認証などの証拠に加え、オファー、ボタン、ブランドマークです。それぞれの位置と目立ち方を記録します。商品の写真より価格バッジを目立たせるのも、一つの判断です。ボタンをほとんど見えなくするのも同じです。どちらも必ずしも誤りではありませんが、どちらもメモに残すべき点です。

感覚ではなく言葉で書く

「すっきり」「高級感」「モダン」では比較も指示もできません。次のような少数の用語なら役立ちます。

  • 主役、補助、第三要素: 要素の重要度の順位。
  • 視線の入口: 最初に注目を集める要素。
  • 視線の休憩所: 多くの場合は余白で、視線が落ち着く穏やかな領域。
  • 競合する注視点: 同程度に目立ち、明確な順序のない2つの要素。
  • グルーピング: 近接、整列、共通の枠によってまとまりを感じさせる要素。
  • メッセージの担い手: メッセージがテキスト、画像、またはその両方のどこにあるか。

読み取りは1行にまとめられます。「1 商品のクローズアップ(主役、中央左)、2 見出し(補助、右上、高コントラスト)、3 評価欄と価格(第三要素、下端)。」この1行を書けないなら、読み取りはまだ終わっていません。広告記録と一緒に保存しましょう。記録ID、観察日、番号付きの丸を書き込んだスクリーンショット、そして1文の読み取りです。数か月後に見てもメモの意味がわかり、クリエイティブと照らして解釈を再確認できます。

作業例:1つのメッセージ、3つのレイアウト(架空)

混雑したカウンターにも置けるほど小さい、という同じ主張を伝える、1杯分用のケトルの架空広告を3つ考えてみましょう。

レイアウト 最初 次 3番目 答えようとしているように見える質問
A:見出し優先 上部3分の1に大きな見出し 右下に小さめの商品写真 評価欄 何のための商品か?
B:商品優先 散らかったカウンターに置かれた商品、全面表示 寸法入りのキャプション 小さな価格バッジ 自分のスペースに置けるか?
C:証拠優先 大きな文字の顧客コメント 商品のサムネイル オファー文 他の人も気に入っているか?

同じメッセージでも、最初の印象は3通りです。これこそが、階層を読み取る本当の成果です。順序によって、広告が最初に答える質問が決まります。また、この調査から立てられる最も明確なテストも見えてきます。同じメッセージ、同じ写真、同じオファーを使い、最初に見せる要素だけを変えたレイアウトAとBを比べるのです。どちらが優れているかは、自分で測定すべきことであり、参考広告からはわかりません。

各レイアウトは、見る人が最初に何を知りたがるかについての仮説です。見出し優先は、商品が知られていない場合に適しています。商品優先は、物理的に置けるかどうかが懸念される場合に適しています。証拠優先は、信頼が課題となる場合に適しています。どれも常に正しいわけではありません。サポートへの質問、レビュー、営業電話のメモなど、自社独自の証拠から、購入者が実際に最初に何を尋ねるのかがわかります。参考広告ではなく、その答えを視線の入口の決定に使ってください。

階層を読み取るときの3つの落とし穴

目立つものを重要だと思い込む。 グラデーション、ステッカー、テクスチャは、主張を何も担っていなくてもレイアウトの中で目立つことがあります。それを視線の入口と呼ぶ前に、最も目立つ要素が何のためにあるのかを考えましょう。

選択ではなくテンプレートを読み取る。 同じレイアウトの系統を使う広告はたくさんあります。情報があるのは、広告主が各枠に何を入れ、何を省いたかです。

デスクで見る大きさのまま読み取る。 大きなモニターで原寸表示すると、すべてが読めて、すべての要素が意図的に見えます。フィード上では表示が小さくなります。ポスターほどの大きさでしか階層が機能しないなら、その点を記録しましょう。

レイアウトからはわからないこと

  • 成果があったかどうか。 配置からわかるのは、何が試みられたかです。レイアウトだけから成果はわかりません。また、長期間掲載された広告も、それだけで収益性が証明されたわけではありません。
  • なぜその配置が選ばれたのか。 階層は、戦略、テンプレート、ブランドルール、制作期限のいずれからでも生まれます。
  • オーディエンスが実際に何を見たのか。 記録上の画像は、見る人が目にしたものとは異なるトリミングや配置の場合があります。記録にサムネイルしかない場合やメディアが欠けている場合は、階層を読み取る前にその旨を記してください。データの網羅範囲をご覧ください。
  • カテゴリー内の慣習に価値があるかどうか。 競合6社が商品のクローズアップを最初に見せていても、わかったのはカテゴリーの慣習であり、成功の公式ではありません。

なぞらずに、読み取りからブリーフへ

  1. 上記の用語を使い、各参考広告の階層を1行で書きます。
  2. それぞれが最初に答えているように見える質問を記します。
  3. 参考広告ではなく、自社の顧客に関する証拠を使って、自社の広告が最初に答えるべき質問を決めます。
  4. 言葉と大まかな枠で階層を指定します。「商品はフレームの約半分、見出しは2行、価格は小さく。」ラベル付きの四角形で作るワイヤーフレームにはブランド要素がありません。それがポイントです。
  5. トリミング後も表示される必要がある要素を列挙します。
  6. 変数を1つだけ選びます。

ブリーフの階層欄に使える記入例:

視線の入口:     ____(最初に目を引く理由:サイズ/コントラスト/独立性)
説明する要素:   ____
安心材料:       ____
行動喚起:       ____
視線の休憩所:   ____
常に表示する要素:____

誠実さを保つルールは一つ。参考広告をデザインファイルに入れないことです。デザイナーは仕様と自社のアセットを使って制作します。背景情報として参考広告が必要なら、リサーチ用フォルダーに「背景情報、目標ではない」とラベルを付けて保管します。静止画広告ブリーフのテンプレートにはビジュアル階層欄と参考資料欄があり、この仕様と併せて使えます。

10分間のチーム演習

自社の下書きと、ブランドマークを隠した参考広告を混ぜて、サムネイルサイズの画像を5~6点集めます。「最初に目にしたもの」「答えようとしているように見えた質問」「それと競合していた要素」の3列がある同じシートを全員に渡します。誰も発言する前に各自で記入してもらい、結果を比べます。意見が分かれる箇所はレイアウトが曖昧です。メディア予算を使う前に、その曖昧さを解消する価値があります。数人の同僚による演習は調査ではありません。勝者を決めるのではなく、わかりにくいレイアウトを見つけるために使いましょう。

リサーチの流れにどう組み込むか

静止画広告では、主張全体を1つのフレームに収めなければならないため、この読み取りが特に役立ちます。Ad8の静止画広告インテリジェンスページではその考え方を紹介しています。また、クリエイティブレポートページで説明している「静止画クリエイティブ構造レビュー」でも、広告ごとに、見る人に見せる情報をどう構成しているかを問います。どのツールを使う場合も、観察(「見出しが最大の要素」)、解釈(「広告は説明から始まる」)、提案するテストを分けてください。ツールがレイアウトを「ミニマル」や「商品主導」と分類した場合も、それを解釈として扱い、観察の欄に入れる前に画像で確認してください。AIを用いたビジュアルラベルは誤っていることがあります。

出典と参考資料

次の気づきを、より良い問いに。

出典に紐づくレビューで、観察した事実、それが意味する可能性、自社のクリエイティブで試せることをどう切り分けるかをご覧ください。

サンプルレポートを見る