バナー広告のクリック率を向上させる 14 のデザイン提案

インターネットは急速に発展していますが、バナーを使用して商品を宣伝することが依然として最善の方法です。

多くの企業がこの形式のプロモーションを利用しています。この形式には、安価で、効果を監視でき、効果的であるなど、多くの利点があります。

さて、クライアントがバナー広告のデザインを手伝ってほしいと頼んできたとします。どのようにデザインしますか? 広告のクリック率を高めるにはどうすればよいでしょうか?

以下はバナーデザインの 14 の提案です。

1. 最も効果的なバナーサイズを選択する

Google 広告によると、最も効果的なバナーのサイズは次のとおりです。

336×280

300×250

728×90

160×600

理想的には、クライアントにスペースの制約がない場合、バナーは上記の寸法に従って設計できます。

2. 明確な階層

会社ロゴ:キヤノン セールスポイント:特別価格、新製品発売

バナー デザインについて理解すべき最初の、そして最も重要なことは、デザインの目的はブランド認知度を高め、ウェブサイトのトラフィックを増やすことであるということです。通常、バナーは次の 3 つの部分で構成されます。

会社のロゴ: ロゴのデザインはブランド認知度を高めるものでなければなりません。視覚的には、ロゴはバナーの多くの要素の中で目立つ必要があります。

価値主導型: 簡単に言えば、製品/サービスのセールス ポイントは、ユーザーの消費を促すために使用され、「セールス ポイント」は「価値主導型」です。品質に重点を置いていますか? それとも「割引」に重点を置いていますか? 「期間限定の特別オファー」に重点を置いていますか? それとも「1 つ買うと 1 つ無料」に重点を置いていますか? この部分は通常、バナーのスペースの大部分を占め、ユーザーの注意を引く必要があります。

行動喚起: 通常は、「クリックしてください」、「詳細を確認」、「今すぐ登録」、「今すぐ視聴」などのテキストまたはボタンで構成されます。行動喚起はバナー広告の視覚的な焦点であり、視聴者がクリックしてより深く進むように促します。

3. シンプルに

デザインがシンプルでコンテンツが明確であればあるほど、ユーザーはバナー広告をより早く見ることができます。

4. ボタンを適切に使用する

ボタンはクリックスルー率を高め、効果的に行動を促すことができます。一般的に右下にはコントラスト感が強い色が使用されます。

5. 明確な境界線

左から右へ: Android、Netflix、Bing

人間の目は自然にフレーム内の物体を見ます。したがって、バナー広告の周囲に明確な境界線を設けるのが最適です。広告が白の場合は、1 ピクセルのグレーの境界線が推奨されます。白が選択できない場合は、黒を使用できます。このちょっとしたコツでバナーがより目を引くようになります。

6. テキストをはっきりと見えるようにする

シティバンク、スターバックス、シティバンク、キヤノン、スプリントのバナー

すべきこと: タイトルと本文に異なるフォント サイズを使用し、4 行以内に収めます。

してはいけないこと: 主流ではないフォント、雑なフォント、極端に細いフォント、大文字のフォント、10 pt 未満のフォントは使用しないでください。

7. デザインはブランドイメージと一致している必要があります

M&Mの広告

バナー広告はログインページにリンクされています。そのため、ユーザーに企業のイメージを伝えるためには一貫性が強くなければなりません。

8. 正しいファイル形式

.JPG、.PNG、.GIF、Adobe Flash 形式はすべて使用できるため、広告を効果的に配信できます。 Flash バナーの場合は、すべてのデバイスでサポートされ、より多くの人がバナーを閲覧できるように、必ず .GIF 形式に変換してください。

9. ファイルサイズをできるだけ小さくする

小さいほど良いですが、150kb 未満が望ましいです。これは、ユーザーは通常、Web サイトにログインした後すぐにスクロールダウンするためです。したがって、すばやく読み込めば、追いついて、ユーザーにバナー広告を見る機会を与えることができます。

10. 画像は賢く使うが、頼りすぎない

左から右へ：ビクトリアズ・シークレット、ニューヨーク・ライフ、アリー

関連のある画像や写真を選択すると、メッセージの伝達力が向上します。

オーバーサンプリングの概念はなく、過剰なテキストの説明もありません。一枚の写真は千の言葉に値します。

しかし、一般的には写真が必ずしも効果的であるとは限らず、フォントデザインも広告効果に影響を与えることがあります。

11. 緊急感を醸成する

太字のコントラストの強いフォントを使用して、視覚的な緊急感を演出します。ユーザーが購入してクリックしたくなるようにします。ただし、このトリックは時々試してみるのは問題ありませんが、常に使用するのはお勧めしません。

12. 正しい色

左から右へ：Tyroweb Book Publishing、Samsung、Apple、Google、Chase、Weight Watchers

色に関しては、Youshe.com で他の記事を読んでみるといいかもしれません。ここでは詳しくは触れません。色の正しい使用が鍵となります。

また、バナーをデザインする場合、広告は通常画面上で表示されるため、RGB カラー モードを使用する必要があります。

13. アニメーションを試す

動的広告は静的広告よりも常に目を引くものですが、モーション デザインが明確で直接的であり、トピックに沿ったものであることを確認してください。

15 秒以内のシンプルなアニメーションを使用するのが最適です。また、通常はアニメーションを 10 回以上繰り返さないでください。さらに、モーション効果によって、効果的に行動喚起を促すことができる必要があります。

14. ウェブサイトと調和しながら目立つ

ESPN の Dos Equis 広告

広告がウェブサイトのスタイルと完全に一致していれば、ユーザーは広告が有益だと感じるでしょう。同時に、広告を目立たせるために努力する必要があり、これはあなたのスキルに依存します。

以上です。バナーデザインは、形より​​も機能を重視したデザインであることに注意してください。見た目が良ければ意味がありません。たとえ醜くても、クリック率が高ければそれで十分です。これがバナーデザインの真髄です。

オリジナルリンク: http://99designs.com/designer-blog/2013/10/14/14-design-tips-for-more-clickable-banner-ads/

翻訳リンク: http://www.uisdc.com/banner-click-rate

元のタイトル: バナー広告のクリック率を向上させる 14 のデザイン提案

キーワード: クリックスルー率、提案、広告、デザイン