絶対クリックさせてやる!バナーをデザインする時に僕が考えている3つのデザイン思考法

僕がバナー制作で考えている絶対にクリックさせるバナー制作の3つのコツ

2d4e9ec75ee06bbcaa692bd12626d329_s

Webデザイナーなら誰でも経験があるバナー制作、結構面倒だったり手間がかかったりするよね。実際Webデザイナーって一体何なんなのだろうって思う時もあるよね結局の所何でも屋だよな。まぁ、そんな事も考えながらバナーのデザインについて僕の経験の棚卸をしていきます。

そもそもバナーは何のために存在するのか

そもそもバナーはリンク先を訴求する為にあります、つまりクリックをしてもらわない限り無用の産物となるという極めてシビアなコンテンツです。ですので、クリックされてナンボという世界なもんだから、バナーは非常に時間をかけたりABテストを行ったりして改善していくのが一般的です。ちなみに僕がバナーデザインを行いクリック率が150%となった実績があります、今回はそんなバナー制作に欠かせない思考法を備忘録がてら書き留めておきます。

なぜ?-Why-

9cbc1d55271467aaed49185b37aa57f5_s

そもそもなぜバナーをクリックしなければならないのか。という点を考えなければなりません。これはバナー制作の基本中の基本で訴求したい内容を載せるのではなく、なぜ訴求しなければいけないのか?という事を盛り込む必要があるのです。訴求する理由を一言で表現したり写真で表現しても構いませんがこのつかみが1番重要になります。(本当は僕が制作したバナーを出したいけど守秘義務があるのでNG…)今度バナーをなぜクリックしたのかをよく考えてみたらわかりやすいかも。

なぜなら-Becouse-

623238a1e6fb11d90cc498b00582359e_s

「なぜ」の後に「なぜなら」を考えてみましょう。「なぜ」クリックするのかという事をもう少し落としこんだ内容を記すと、おのずとユーザーは理解してくれます。ユーザーの心理としては損をしたくないというのが一般的です。ですので訴求する内容がユーザーにとって無視した時にデメリットになってしまうという方向に持って行かせるのがコツですね。

その理由-Reasoen-

65898b96a4561347b10dad8b98d8738c_s

「なぜなら」最後の一押しをするのが、社会的地位がい高い人がその訴求する内容をレコメンドしていたり、あるいはその理由の裏付けをしている言葉などあると人間は安心してクリックしてくれます。

まとめ

どうでしょう。簡単ではありますけど、実際バナー制作をしていると訴求している情報しか載せてないんじゃないでしょうか。その場合ほとんどがクリックされません。それはクリックする理由がそこに無いからです。ユーザー目線で考えてクリックしてもらう理由、その裏付けをシッかり意識してデザインすれば結果は必ず変わってきます。まぁ、これはバナーに限らずサイトもそうだけどね。

この記事の関連書籍

以上絶対クリックさせてやる!バナーをデザインする時に僕が考えている3つのデザイン思考法でした。気に入ってくれたらシェアしてね!

関連記事

410cb567eef6283065274df2547a2b9a_s

Webサイトで問い合わせが来る必要なマーケティング・デザイン手段5選

久々の更新… さて今回はWebデザインを続けていくと、Webサイ...

記事を読む

smartphoneIMGL0018_TP_V

UIデザインの幅に関しての基本的な考え方と理論

全く更新できず時間が過ぎていく…気ままに更新していきますのでたまに見て...

記事を読む

skitched-20180814-223313

今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テ...

記事を読む

domain_cms

今年こそWebデザイナーになりたい!現役Webデザイナーに必要なサーバー・ドメイン・CMS 基本知識について

今回で第5回を迎えました。なんとか頑張って続けていきます!Webデザイ...

記事を読む

cssjshtml_img15

今年こそWebデザイナーになりたい!Webデザイナーに必要なコーディングスキル編(html/css/js)

今回はコーディングスキル編として、Webデザイナーとして就職するために...

記事を読む

新着記事

410cb567eef6283065274df2547a2b9a_s

Webサイトで問い合わせが来る必要なマーケティング・デザイン手段5選

久々の更新… さて今回はWebデザインを続けていくと、Webサイ...

記事を読む

smartphoneIMGL0018_TP_V

UIデザインの幅に関しての基本的な考え方と理論

全く更新できず時間が過ぎていく…気ままに更新していきますのでたまに見て...

記事を読む

PASONAZ160306470I9A2122_TP_V

ECサイトに必須!商品検索したあとの検索結果の正しい表示について考える

ECサイトに必須!商品検索したあとの検索結果について考える ECサイ...

記事を読む

skitched-20180814-223313

今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テ...

記事を読む

6935b31778bafbaa90cbd4cc223ae54e_m

見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

410cb567eef6283065274df2547a2b9a_s
Webサイトで問い合わせが来る必要なマーケティング・デザイン手段5選

久々の更新… さて今回はWebデザインを続けていくと、Webサイトの効

smartphoneIMGL0018_TP_V
UIデザインの幅に関しての基本的な考え方と理論

全く更新できず時間が過ぎていく…気ままに更新していきますのでたまに見て

PASONAZ160306470I9A2122_TP_V
ECサイトに必須!商品検索したあとの検索結果の正しい表示について考える

ECサイトに必須!商品検索したあとの検索結果について考える ECサイト

skitched-20180814-223313
今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テク

6935b31778bafbaa90cbd4cc223ae54e_m
見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから

→もっと見る

  • -売る技術-

    ウエブデザイン暦15年目。犬をこよなく愛するデザイナー。今はディレクションとデザイン を中心に制作全般をしてます。主にマーケティングを軸にデザインを組み立て商品が売れるサイトを構築しています。 デザインとマーケティングについて研究の日々。現在はオランダでWebデザイナーとして働いています。

    ツイッターやってます。
  • Amazonアソシエイト・プログラム規約による記載

    売る技術はamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

PAGE TOP ↑