Webディレクション2024年1月31日こんにちは!とっしーです。今回は、バナーデザインにおいて、より成果にコミットできるような作り方・提案のポイントを解説したいと思います。とっしーデザインのスピードが上がってきたり、まとまりのあるデザインができるようになってきた、というデザイナーが次に悩みがちなのが、バナーの成果ではないでしょうか?マーケティング効果の高いバナーデザインのためには、単純に整ったデザインを目指すだけではなく、いくつかのコツを押さえることが非常に重要!そうしないと、「せっかくキャンペーンバナーを作ったのに、キャンペーンのページにほとんど誘導できないままキャンペーン終了...」などといった残念な結果になることも多いのです。バナー認識前:バナーのインパクトに気を配ろう!1つ目はインパクトです。バナーがユーザーの目に止まってもらえないと始まらないので、ここは極めて重要。Webページのメインのコンテンツではないバナーは、ページに溶け込んでしまわないように工夫をする必要があります!特に厄介なのが、「バナーブラインドネス」という現象。「ユーザーが無意識にバナーを無視してしまう心理」のことなのですが、こういった逆風に打ち勝つためには、「Webサイトのトンマナの逆をいく」のが効果的です!まずはバナーが掲載されるWebサイトのトンマナを把握した上で、Webサイトが白っぽいデザインなら、奇抜な色を使ったり賑やかに暗いデザインなら、白っぽくすっきりとシンプルなら、写真を大胆に使って存在感を強調といったように、周り(Webサイト)と異なるデザインを適用することで相対的にインパクトを高めることができます。バナー認識後:コピー(訴求ポイント)を厳選し、世界観を合わせよう!続いてのポイントは、コピーの数です。訴求ポイントが散らばらないようにすることが大切です。いうと、そもそもバナーというのは見られる時間が極めて少ないからです。長くても「数秒間程度」というのが現実的な数字で、この間でいかにユーザーの感情を動かすか、という世界。そのため、いろいろな情報を詰め込み過ぎてしまうと、ユーザーにいろいろを考えさせてしまう(=疲れさせてしまう)ため、無視されることにつながってしまいます。とっしーユーザーは常に、スラスラ読んで楽に理解したいと考えているからです。コピーの数についても工夫が必要。バナーはもともとサイズが決まっていて、コピーが書ける範囲が狭いので、文字を詰め込みすぎるとこれまた情報の理解に時間がかかるバナーになってしまいます。まきすず「読ませるより、見せる」という意識で、コピーは訴求ポイントを絞り込んで厳選しましょう!実はコピーの文字量は先ほどのインパクトとも関係していて、文字が多すぎるバナーは特に無視されやすい傾向があると感じています。申し込みはこちらから詳しくはここをクリック今すぐ無料相談かんたんWebフォームへなど、ユーザーにとってほしい行動、もしくはユーザーが気になっていることを明示することで、よりクリックされやすくなります。いうとWebユーザーは基本的にコンテンツを「流し見」しているため、なかなか自分ごとと思ってもらいづらいという特徴があるから。そこで具体的な行動を示して背中を押してあげることが意外にも有効に作用するというわけです。バナーではあえて詳細を記載せず、「続きはこちらから!」というように「続きを気にならせる」という意味では、ツァイガルニック効果という心理効果も有効。「人は中途半端なものほど興味を引き、心に残りやすくなる」という心理効果です。バナー認識後:リンク先とのトンマナは、できるだけ揃えよう!最後に注目すべきは、バナークリック後のユーザー心理です。クリックをしてもらえれば、一定バナーの効果はあったとみてもいいと思いますが、重要なのはその先のページで起こるユーザーの行動であり、それが真の成果だと思います。そこで、バナークリック後のチェックポイントとして、「バナーとリンク先ページのトンマナを合わせる」ようにします。これはクリック後に違和感を感じさせないようにするのが目的。興味を持ってくれたユーザーでも、期待を込めてバナーをクリックして移動したページで違和感を感じてしまったら、即座にページを閉じてしまうかもしれません。ならないためにも、インパクトとのバランスをみながら、バナとリンク先ページを可能な限り違和感の少ない関係性に持っていくとよいです。まきすずそうすることで、スムーズに成果に到達する可能性がググッとあがります!まとめ以上、成果を出すバナーデザインのポイント解説でした。バナー認識前:バナーのインパクトに気を配ろう!バナー認識後:コピー(訴求ポイント)を厳選し、世界観を合わせよう!バナー認識後:ユーザーのアクションを促すための具体的な行動を盛り込もう!バナー認識後:リンク先とのトンマナは、できるだけ揃えよう!バナーで成果が生まれるまでのユーザー行動はシンプルでわかりやすいので、各ポイントを押さえることで成果が出しやすくなります!効果的なバナー制作の参考になれば幸いです。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。共働きのWebクリエイター夫婦が、経済的自由を目指す!Webデザインのスキルアップやブログ運営に関すること、家計管理や暮らしの知恵、子育てなど、自分たちの価値観を大事にした無駄のない暮らしかたを発信しています。まきすず*Webデザイナーとっしー*Webマーケターふーちゃん*長女(2021年3月誕生)たいちゃん*長男(2023年4月誕生)「自然とともに生きる」ことをモットーに、田舎に自然素材を使った注文住宅を建築予定。移住後は家の畑で野菜と果物の木を育てたい。キャンプとピクニックと川遊びなど、自然の中でゆったり過ごすことが好き。