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

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

2d4e9ec75ee06bbcaa692bd12626d329_s

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

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

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

なぜ?-Why-

9cbc1d55271467aaed49185b37aa57f5_s

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

なぜなら-Becouse-

623238a1e6fb11d90cc498b00582359e_s

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

その理由-Reasoen-

65898b96a4561347b10dad8b98d8738c_s

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

まとめ

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

この記事の関連書籍

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

関連記事

domain_cms

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

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

記事を読む

cssjshtml_img15

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

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

記事を読む

thmb_03_218

今年こそWebデザイナーになりたい!結局何を覚えればいいの?ソフトスキル編

今年こそWebデザイナーになりたい!結局何を覚えればいいの?ソフトスキ...

記事を読む

thmb_02

今年こそWebデザイナーになりたい!デザインスキル(グラフィクデザイン編)

今年こそWebデザイナーになりたい!デザインスキル(グラフィクデザイン...

記事を読む

thmb_01bg

今年こそWebデザイナーになりたい!現役Webデザイナーが教えるプロになる為の8つのメソッド(UI/UX編)

Designed by Freepik 最近周りの若い子...

記事を読む

新着記事

document_img01

15年の経験から理解した!書類選考を通す為に必要な5つのこと

すっかり時間が空いてしまいましたが、しっかり書いていきましょう。 ま...

記事を読む

design_skill

今年こそWebデザイナーになりたい!初心者の為のデザインスキルを上げる簡単な2つの方法

今回は、諸々スキルも大筋ついてきたけど肝心なデザインスキルがどうしても...

記事を読む

carrier_img01

今年こそWebデザイナーになりたい!経験者になる為に必要な考え方とその方法

今回はWebデザイナーとして勉強してそこそこのスキルはついたけど、実際...

記事を読む

domain_cms

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

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

記事を読む

cssjshtml_img15

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

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

記事を読む

Message

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

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

document_img01
15年の経験から理解した!書類選考を通す為に必要な5つのこと

すっかり時間が空いてしまいましたが、しっかり書いていきましょう。 まず

design_skill
今年こそWebデザイナーになりたい!初心者の為のデザインスキルを上げる簡単な2つの方法

今回は、諸々スキルも大筋ついてきたけど肝心なデザインスキルがどうしても

carrier_img01
今年こそWebデザイナーになりたい!経験者になる為に必要な考え方とその方法

今回はWebデザイナーとして勉強してそこそこのスキルはついたけど、実際

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

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

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

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

→もっと見る

  • -売る技術-

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

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

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

PAGE TOP ↑