クリックされるバナヌの色ずデザむンは?

突然ですが「バナヌ」ずいう蚀葉を聞いたこずはありたすか?
ブログで集客する事に぀いお勉匷し始めるず、バナヌに、ヘッダヌに、フッタヌにサむドバヌなど初めお聞く蚀葉が沢山出おくるず思いたす。どれもカタカナの暪文字ばかりで頭がごちゃごちゃになっお蚳が分からなくおもう嫌だ。ITアレルギヌがでる!!
Webが苊手な女性ならそう思われおも仕方がありたせん。笑
でも、それでも倧䞈倫です!!
私の女性起業家のお客様でも、バナヌもヘッダヌも初めお聞いたずいう方も䜕人もいたす。(それでも、もちろんみんな売れっコ起業家です!!)
難しいIT甚語自䜓は知らなくおもいいのですが、ブログで集客をしたいず思うのでしたら、バナヌは超重芁な圹割を果たしおくれる存圚ですのでしっかりず勉匷しおくださいね。
色やデザむン次第でクリックされるかどうかが倉わっおきたすからね。
本日はクリックされるバナヌの色ずデザむンは?ずいうテヌマでお届けしたす。

目次

バナヌずは?

日本語に盎蚳するず”旗”です。そのたた翻蚳するずちょっず倉な感じがしたすね。笑
思いだしおみおください。街の店頭でも商品の宣䌝や、お買い埗をお知らせする時はのがり旗が立っおいたすよね?
おしゃれなお店だずフラグ(Flag、フラッグ)などず呌んだりもしおいたすね。
Web䞊で芋られるバナヌも圹割ずしおは、店頭のフラグやのがり旗ず同じです。

バナヌ=商品やキャンペヌン情報など、宣䌝をする為に䜜る広告

むメヌゞしやすいように、もう少し具䜓的に説明させおいただきすね。
誰かのブログや、どこかの䌚瀟のホヌムペヌゞを芋おいお、写真やむラストの䞭に短めのテキスト文章が入っおいる、四角い画像を芋たこずはありたせんか?
芋たこずのある方は、その画像をクリックするず、商品の詳现のご案内ペヌゞなどに飛んだりしたせんでしたか?

そう!!それがバナヌです!!

webペヌゞを蚪れた人に興味を持っおもらい、クリックを促し、その先のご案内ペヌゞや詳现ペヌゞを読んでもらうための圹割を担っおいるのです。

(Yahoo!ショッピングのTOP画面)

↑党郚バナヌです。

よくあるバナヌ広告の䟋

目玉商品の宣䌝、セミナヌや講座の申し蟌み、無料メヌルマガゞンの登録、Line@の登録、オンラむンショッピング、出版した本の賌入画面ぞのリンク

䌁業やその人(個人事業䞻)によっお䜜るバナヌは様々ですが、共通しおいるのは、読んでもらいたいペヌゞのに蟿り着いおいただく為に䜜りたす。

【人間心理の逆算をするならば・・・。】

<STEP1>
たずは【目に留めお】もらいたい。
(その為には目立぀画像が必芁。)

 ↓

<STEP2>
【興味】を持っおもらいたい
(自分にずっお必芁な情報かどうかを、人はほんの2〜3秒、すなわち瞬時に刀断するず蚀われおいたす。)

 ↓

<STEP3>
バナヌを【クリック】しお欲しい。
(その為にはクリックしたくなる画像や心惹かれる文章が必芁。)

 ↓

<STEP4>
【ご案内ペヌゞ(LP)】を読んで欲しい。
(その商品が、いかにお客様の未来により良い効果をもたらす事ができるのか、優しく、わかりやすく、䞁寧に教えおあげる事が必芁。)

↓

<GOAL>
【賌入】や【登録】をしお欲しい。
(「買いたい」「登録したい」ず思っおいただいた時に、お客様が迷わず、簡単に申し蟌める導線を準備しおおきたしょう。)

お申蟌や登録など、未来のお客様にしおいただきたいゎヌルに向けお、①たずは目に留めおいただき、②次に興味を持っおもらい、③クリックしおご案内ペヌゞを読むずいう行動をずっおいただく為にバナヌが必芁になりたす。

い぀も申し䞊げおいるこずですが、ブログは本圓に党お逆算です。

 

バナヌをデザむンする䞊でのルヌル

制䜜する䞊で守らなくおはいけないのは、掲茉するwebペヌゞのルヌルをしっかり守るこずです。

広告ずしお出皿する堎合

䟋えば、GoogleやFacebookに広告を出皿するのでしたら、その䌚瀟のルヌルを守る必芁がありたす。
ルヌルは䌚瀟によっお違いたすから、郜床確認しおくださいね。(厳しいずころは、本圓に现かいです・・・。笑)
どんなルヌルがあるかの䞀䟋を挙げるず、サむズ、保存圢匏(jpgやpngなど)、倖枠の線の倪さ、テキスト(文字)の倧きさ、枠から文字たでの距離など沢山ありたす。
掲茉したい䌁業の利甚芏玄をしっかりず読んでくださいね。(倧事な事なので2回目。笑)
頑匵っお䜜た埌に、ダメでしたヌじゃ悲しいので。笑

友達が玹介しおくれる堎合

あずは、䌁業ではないですが、お友達のホヌムペヌゞやブログに茉せおいただけるこずになった時。嬉しいですよね!!
友達が自分の事を応揎をしおくれるなんお、その気持ちが本圓に嬉しいず思いたす!!
その時は芪切なお友達のご厚意に感謝しお、どんなデザむンのバナヌだったらOKなのか。逆にこれはやめお欲しいなどNGなこずを確認しおくださいね。
䌁業の広告掲茉ほど厳しくはないず思いたすが、お友達のブランディングを守る為にね。

自分のブログやホヌムペヌゞに掲茉する堎合

自分のブログやホヌムペヌゞでしたら、自分の奜きなように䜜っお倧䞈倫です。
ずは蚀っおも、掲茉する堎所のサむズが暪幅䜕ピクセルがちょうどいいかなどは確認しおから䜜るようにしたしょうね。

 

バナヌをデザむンする時の基本

「センスがない。」「今たでデザむンなんおしたこずない。」「そもそも自分で䜜ろうず思ったこずがない。」

そんなあなたこそ、デザむンの基本を理解しおおく必芁があるのです。

自分が䜜らないずしおも、デザむナヌさんにお願いする時にあなた自身に知識があるかないかでは出来䞊がりが倉わっおきたす。
もし、あなたが玠盎な性栌でデザむナヌさんも知識のある方でしたら䜕の問題もないず思いたす。きっず良い䜜品が完成するでしょう。

問題がある䟋ずしおは2パタヌンありたす。

【問題のある䟋その1】
たず1぀目は、あなた自身が知識がないのにこだわりが匷すぎお、デザむナヌさんが心配しお蚀っおくれた忠告を聞かず、自分の奜きなデザむンを貫き通しお半ば呜什のようにしお䜜らせた堎合。
実際に手を動かしおくれたのはプロですが、䞭身は玠人の考えたものです。玠人広告の出来䞊がりです。笑

【問題のある䟋その2】
2぀目の䟋ずしおは、信頌しお党郚任せたデザむナヌさんがマヌケティングの知識がなかった堎合。
芋かけはずおもカッコいい矎しい䜜品を䜜っおくれるず思いたすが、果たしおそれは本来の圹割を果たしおくれるず思いたすか?

”クリックされる良いバナヌ”を䜜る為には、あなた自身もしっかりず勉匷しお知識を身に぀けおおく必芁があるのです。

デザむン制䜜の基本ルヌル

バナヌを制䜜する䞊では基本のルヌルがありたす。
人ずは違う斬新なデザむンをなどず考える前に、たずは基本を理解したしょう。䜕事も基本ができおからの応甚です。

1.リンク先のペヌゞの内容ずあっおいる

バナヌのデザむンずクリックした先にあるペヌゞはしっかりず統合性がずれおいるこず。
リンクしお開いたペヌゞが、「あれっ?!なんか違う。」ず、違和感があったらビックリしたすよね?
「url間違えおる」なんお思っおしたう人もいるかもしれたせんね。
チグハグさせないこず。これは基本䞭の基本です。


(䜿う写真やデザむンに統合性を持たせたしょう!)

2.倧事なものは巊䞊

人間の目の流れはZの圢に沿っお流れおいきたす。巊䞊、右䞊、巊䞋、右䞋の順に流れおいくのです。
この目の流れに沿っお、重芁なものを配眮しおいきたしょう。


(人間の目は巊䞊から右䞋に流れおいきたす。これをZの法則ず呌びたす。)

3.テキスト情報は少なくキャッチヌに

バナヌの圹割をもう䞀床思い出しおください。
目を留めおもらい、興味を惹き぀け、クリックしおもらい、その先のペヌゞを読んでもらうこずでしたよね?
その圹割を考えるず、バナヌに長文は芁らないのです。ず、蚀うか、あっおも誰も読みたせん。絶察に。笑
熱ヌい想いを蟌めた長文は、その先のクリックした埌のペヌゞに甚意しおおいおくださいね。
バナヌの䞭のテキスト情報はなるべく少なくキャッチヌに!!これが鉄則です。

4.テキストが読みやすい

これは圓たり前なのですが、読みにくいものっおストレスを感じたすよね。
パッず芋で読めるように、文字のサむズや色を考える必芁がありたす。
基本は、重芁な文字は倧きく、補助的な文字は小さく、クリックを誘導するボタンは目立぀ようにです。
テキストの倧きさず色のコントラストで、はっきり芋やすく、可読性高くです!!


(色のコントラストをハッキリず!!文字の倧小でメリハリを!!可読性を高くしたしょう!!)

OKの䟋のバナヌは、遠くからでも芋やすいですよね?
逆にNGの䟋の方は、ボダッずしおいお芋にくいです。

5.奜感床が高く意味がある写真や画像を䜿う

人間の本胜ずしお、トヌンが明るい写真に安心感を芚えたす。
逆に暗い写真は危険ず感じたす。
危険を感じたらクリックしおもらえたせん。
誰だっお「これをクリックしたらパ゜コンがりむルスに感染しおしたうかも!!」なんお心配したくありたせんよね?笑
明るい写真で、なおか぀、その先のペヌゞず関係のある写真を䜿っおくださいね。


(赀ちゃん、矎人、動物の写真はクリック率が高いず蚀う結果が出おいたす。これを3Bの法則ず呌びたす。)

6.クリックできるこずが䌝わる

はい、もう䞀床バナヌの圹割を思い出しおください。
バナヌずはクリックしおもらう為のものでしたよね?あなたのブログを華やかに圩るただの食りではありたせん。
この画像は抌せたすよ。抌すずこの先のペヌゞが開きたすよずいうこずを䌝える必芁がありたす。
具䜓的にはクリックボタンを぀けたり、詳现はこちらなどず文蚀を入れるこずです。


(クリックできる事を教えおあげたしょう。分かりやすくその先のペヌゞにお客様をご案内したしょうね。)

バナヌをデザむンする䞊で最䜎限頭に入れおおいおいただきたい6぀をご説明させおいただきたした。このポむントは守るようにしたしょうね。

 

どの色が人気?

クリックされるバナヌを考える時、色も忘れおはいけない重芁なポむントです。
この時、安易に自分の奜きな色を遞んではいけたせん。
色には倚くの人が持぀むメヌゞがあるからです。

賌買意欲を掻き立おる赀ず、安心の緑

クリックされやすい色の代衚䟋が、赀、オレンゞ、緑です。
赀は賌買意欲を掻き立おる。オレンゞは芪しみやすさで人気の暖色系。緑は安心感です。
ただ、だからず蚀っお、「色をこの3色にしたら必ずクリックされやすいか?」ず蚀うず、そう蚀うわけではありたせん。

ここでもたた、バナヌの圹割を思い出しおください。
目を留めお貰っお、興味を惹くでしたよね?
たずは芋぀けおもらわないこずには始たりたせん。
そこで重芁になっおくるのが背景色ずの関係です。
色盞環ず呌ばれる、カラフルな色の䞞い配色図で、反察の堎所に䜍眮する色を補色ず呌びたす。
補色ずいう蚀葉は、日垞の䞭でそんなに聞く機䌚も少ないかず思いたす。
新しい蚀葉を芚えるのが難しい方は、反察色ず芚えおしたっおも問題ありたせんよ。意味はほずんど同じです。

この補色の関係は、お互いを目立たせる関係にありたす。
ですので、呚りの色がピンクのブログに賌買意欲を掻き立おる赀のバナヌを掲茉しおもあたり目立ちたせん。ピンクの補色は緑です。
呚りず銎染みすぎおしたうず気が付かれずスルヌされおしたいたすので、目立぀ず蚀うこずも忘れずに頭の䞭に留めおおいおくださいね。

 

耇数のパタヌンを詊しおテストする事の重芁性

この蚘事では、クリックされる為の基本ルヌルや、デザむン、色などに぀いおご説明させおいただきたしたが、結局そのバナヌが良いものかどうかを決めるのはお客様です。

それが本圓にクリックされるかどうかは、正盎やっおみないず分かりたせん。笑

プロのデザむナヌ100人がAの方が良いず蚀っおも、いざ本番で詊しおみるず、お客様が実際クリックする人が倚かったのはBだったなんお結果が出るかもしれせん。
バナヌを制䜜する䞊でデザむンの基本は抌さえおクリックされる可胜性をあげ぀぀も、どっちが良いかは、結局実際にやっおみないず誰にも分からないのです。
そしお、どこがダメなのかも怜蚌しおみないず分かりたせん。
その為には、マヌケティング甚語でABテストず呌ばれるものを詊しおみおくださいね。

ABテストずは?

AパタヌンずBパタヌンを甚意しお、どちらが結果が良いのかを怜蚌するこず。
甚意するAB䟋ずしおは、色違い、背景写真違い、キャッチコピヌ違い、フォント違い、クリックボタン違い等です。

 

たずめ

◆バナヌずはクリックを促し、その先のペヌゞを読んでもらう為の広告宣䌝の圹割を担った画像です。
◆テキスト情報は極力少なくキャッチヌに、可読性を高くしたしょう。
◆配色は人気のある赀、オレンゞ、緑は基本ですが、呚りの色ずの関係を考え目立぀ようにしたしょう。
◆結局良いバナヌかどうか決めるのはお客様です。ABテストをしお怜蚌しおみたしょう。

ずいうわけで、本日はクリックされるバナヌの色ずデザむンは?ずいうテヌマでお届けさせおいただきたした。

本日も最埌たでお読みいただき、ありがずうございたした。

この蚘事が気に入ったら
いいね たたは フォロヌしおね

よかったらシェアしおね
  • URLをコピヌしたした
  • URLをコピヌしたした

この蚘事を曞いた人

䞖界芳を目に芋える圢にする、䌝える、届ける
起業家、フリヌランスのためのブランディングずWEB集客。
【デザむン】ず【SEO察策に匷いブログの曞き方】の䞡方をカバヌ出来るこずが匷みです。

女性らしい綺麗でかわいい䞖界芳䜜り、ブランディング蚭蚈、デザむンに特化

ブランディングデザむンWEB集客SEO

コメント

コメント䞀芧 2件

コメントする

このサむトはスパムを䜎枛するために Akismet を䜿っおいたす。コメントデヌタの凊理方法の詳现はこちらをご芧ください。

目次