色彩心理学を活用してウェブサイトのコンバージョン率を向上させる方法(パート 1): ウェブサイトに適した色を選択する

色彩心理学を活用してウェブサイトのコンバージョン率を向上させる方法(パート 1): ウェブサイトに適した色を選択する

色は人の態度や気分に大きな影響を与える可能性があります。私たちの目が特定の色を見ると、視床下部と呼ばれる脳の領域がその情報を受け取り、一連の信号が下垂体、内分泌系、甲状腺に送られます。信号を受信すると、甲状腺はホルモンを放出する信号を発し、それが気分や感情の変動を引き起こし、最終的に行動を引き起こします。

QuickSprout の調査によると、製品レビューの 90% に色が含まれています。 「色は、特定の製品を購入するかどうかの判断の 85% を占めます」とアナリストのニール・パテル氏は書いています。同様に、色が Web サイトのコンバージョン率に影響を与えることは言うまでもありません。この記事を読んで、真剣に取り組む準備をしてください。

私たちの結論は、正しい色を選択すれば成功するということです。

色彩心理学とは何ですか?

以下のテクニックを最大限に活用するには、まず色彩心理学に関する情報を理解することから始めるのが最善です。

色彩心理学は、色が人間の行動にどのように影響するかを研究する学問です。色彩心理学は、実際には行動心理学というより広い分野の一部門です。簡単に言えば、それはかなり複雑な分野です。この理論を検証することが難しいため、懐疑論者の中には色彩心理学の分野全体を軽蔑する者さえいます。記事でも触れられているように、色彩心理学の分野における私自身の研究では、あらゆる議論を裏付ける科学的証拠が欠けています。しかし、色が人々に深く、議論の余地のない影響を与えるという事実を軽蔑して無視する理由はありません。

色彩心理学には議論の余地のない重要な事実がいくつかあります。査読を受けた学術論文の中で、著者のサティエンドラ・シン氏は、顧客が製品についての意見を形成するのにかかる時間はわずか90秒であると指摘した。さらに、インタラクションの 62% ~ 90% は製品の色のみから生じます。

色彩心理学は、企業オーナー、経営者、建築家、園芸家、シェフ、製品デザイナー、パッケージデザイナー、店舗オーナー、さらには新生児のための保育室を計画している妊婦にとっても、必ず学ばなければならない科目です。色は決定的なものであり、私たちの成功は色の使い方にかかっています。

どこに色を使えばいいでしょうか?

この記事に戻りましょう。色はどこにでもあるため、これらの色のトリックをどこに使用するかを理解する必要があります。この記事では、Web サイトのデザインにおける色の使用について説明します。具体的には、ヘッダー画像、見出しの種類、境界線、背景、ボタン、ポップアップの色の選択を含む、Web サイトの配色について話し合います。

以下の例では、NinjaJump はロゴ、電話番号、ビデオ、メニュー バー、画像、カテゴリ メニュー、サブ見出し、サイドバーに緑、黄、赤の配色を使用しています。次に説明するテクニックは、メニューやサイドバーの配色などの同様の領域に適用できます。

正しい色を正しい方法で選ぶ

色を扱うのは難しい作業です。適切な方法、適切なタイミング、適切な理由で、対象ユーザーに対して使用する必要があります。

たとえば、子供用のジャンプハウスを販売する Web サイトの場合、黒いページではなく、NinjaJump.com に似た配色を使用することを検討します。

子供用のジャンプハウスのウェブサイトでは、明るく鮮やかな色をたくさん使いたくなるでしょう。赤や緑、黄色を少し加えるとよいでしょう。一方、女性顧客への販売が目的の場合は、茶色やオレンジ色は避けるべきです。ロレアルの公式サイトが黒と白を基調とし、補足的に紫色を取り入れているのも、このためかもしれません。

以下のテクニックを一つずつ説明していきます。色彩心理学をうまく応用するには、いくつかの基本原則に従う必要があります。

正しい方法

適切なタイミング

対象者

正しい理由

ここでは、変換と色を扱う際に専門家が使用するヒントをいくつか紹介します。

カラーテクニックはウェブサイトのコンバージョン率を高めます

1. 女性は灰色、オレンジ、茶色には興味がありません。青、紫、緑を好みます。

色の好みに関する社会学的な違いは、この研究分野全体の主題です。パテル氏は男女双方の色の好みと嫌いを引用して正しい選択をした。

色と性別に関する調査では、女性の 35% が青を最も好きな色と答え、次いで紫 (23%)、緑 (14%) と続いた。女性回答者が嫌いな色の上位3つは、オレンジ(33%)、茶色(33%)、灰色(17%)です。

他の研究でもこの結果が確認されており、女性はアースカラーを嫌い、原色を好むことが明らかになっています。これらの理論が実際にどのように適用されるかを見てみましょう。女性をターゲットとする電子商取引のウェブサイトを開いてみると、女性に好まれる色が十分に活用されていることがわかります。

Milani Cosmeticsは女性顧客をターゲットにしたウェブサイトです。そのため、ホームページにはオレンジ、グレー、茶色は表示されません。

Woman's Dayのウェブサイトのホームページには、女性が好む3つの色(青、紫、緑)が表示されています。これは、ターゲット層を引き付けることを目的としています。

女性に最も人気のある色はピンクだとほとんどの人が考えていますが、現実はそうではありません。実際、ピンクを好きな色として選ぶ女性はごくわずかです。したがって、色彩心理学ではピンクは女性らしさと関連付けられるかもしれませんが、それがすべての女性に魅力的であるという意味ではなく、また大多数の女性にとって興味がないという意味でもありません。青、紫、緑など、ピンク以外の色を選択すると、eコマース Web サイトが女性の訪問者にとってより魅力的になり、コンバージョン率が向上する可能性があります。

2. 男性は紫、オレンジ、茶色を好みません。彼らは青、緑、黒に興味を持っています。

男性顧客をターゲットにしている場合は、紫、オレンジ、茶色は避けてください。逆に、青、緑、黒を選びましょう。青、緑、黒の色は伝統的に男性的な色です。しかし、男性回答者の中には茶色を好きな色として挙げていない人もいたというのは少し意外です。

3. 青はユーザーの信頼を育むのに役立つ

青は最も広く使用されている色の 1 つですが、それには十分な理由があります。多くの人が青を愛しているからです。

青色に関する文献をいくつか読むと、次のことがわかります。

青は信頼、平和、秩序、忠誠を表す色です。

青はアメリカ企業の代表色です。その意味は「落ち着いて、私を信じて信頼してください...私の言うことに自信を持ってください!」です。

青は心を落ち着かせ、平和な気持ちをもたらします。多くの場合、平和、静けさ、信頼性、秩序と同義であると説明されます。

青の心理的効果については学界で幅広い合意が得られています。信頼と平穏という微妙なメッセージは真実味を帯びています。青色を使用して、Web サイトとログイン インターフェイスを最適化できます。

世界最大のソーシャルメディアネットワークであるFacebookは青色を使用しています。透明性と信頼を中核価値とする企業にとって、この色の選択は偶然ではありません。

数十億ドル規模の送金サービスを提供するPayPalも青色を好んでいる。これにより、Web サイトの信頼性が向上します。もし PayPal がテーマカラーやロゴカラーとして赤やオレンジを使用していたなら、おそらく今日と同じレベルのコンバージョンは達成できなかったでしょう。

実際、多くの銀行でも青色が広く使用されています。大手インターネット銀行 CapitalOne.com は青色を使用しています。

青は紛れもない色ですが、食品関連のものには決して使用しないでください。青い皿で食べるダイエッ​​トをする人は、食べ続けたいという衝動にうまく抵抗することができます。進化論によれば、青は毒素に関連する色であると考えられています。世の中に青い食べ物はありません。ブルーベリーとプラムは皮の部分だけが青いのです。したがって、食品業界に携わっている場合は、Web サイトに青色を使用しないでください。

4. 黄色は警告を意味する

黄色は警告の色です。そのため、警告標識、交通信号、滑りやすい床の警告などに黄色がよく使われます。

黄色に関して一見奇妙に思えることの一つは、一部の色彩心理学者が黄色は幸福と関連のある色であると考えていることです。 Business Insider は、「黄色を使用するブランドは、遊び心がありフレンドリーな印象を与えようとしている」と報じています。これは、黄色が活気を表す可能性があることを示唆しています。しかし、黄色は脳の興奮中枢を刺激するため、活発な気持ちは純粋な幸福感ではなく、単に感情が高まった状態である可能性があります。

色彩心理学は記憶や経験と密接に関係しています。したがって、誰かが黄色い T シャツを着ている人と楽しい経験をした場合、黄色がその楽しい思い出を思い出させるので、黄色いアーチのあるファーストフード店で食事をしたり、黄色い壁の家に住んだりするかもしれません。

黄色に関して最も広く引用されている「事実」の一つは、黄色は赤ちゃんを泣かせ、大人をイライラさせるというものです。誰もが喜んでこの主張を繰り返しているにもかかわらず、これまでのところ、この主張を裏付ける研究は見つかっていない。

黄色は吐き気を引き起こす可能性があると読んだことがありますが、私は懐疑的です。

「黄色い壁の家に長く住むと、赤ちゃんが不機嫌になったり、大人がイライラしたりする」という研究結果を見つけたら教えてください。赤ちゃんが泣いたり、人がイライラしたりするのは、壁のペンキの色とは何の関係もないはずです。しかし、いずれの場合でも、ある色彩科学者が指摘するように、黄色が脳の不安中枢を活性化させるというのは真実のようです。

ウェブを閲覧中に極度の不安を感じることは、その不安感がごくわずかなものでない限り、決して良いことではありません。したがって、黄色の行動喚起はユーザーに不安感を与え、ウェブサイトが注目してほしい行動喚起をクリックするように訪問者を促す可能性があります。

不必要な不安を引き起こしたくないのであれば、黄色の使用量を必ず制限してください。

5. 緑は環境に優しいアウトドア用品に最適な色です

おそらく最も直感的な色は緑です。緑は屋外の色であり、環境保護、自然、環境を表しています。緑は本質的に自然そのものの色の象徴です。

明らかに屋外を連想させる色であるだけでなく、緑は創造性を高める色でもあります。 「グリーン効果」と呼ばれる研究では、参加者は緑色を見たときの方が他の色を見たときよりも創造的になることが示されました。

あなたのウェブサイトが自然、環境、オーガニック、アウトドアに関連した製品や情報に重点を置いている場合、緑色が第一の選択肢となるはずです。

緑は自然だけのものではありません。緑は、特に「孤立効果」(フォン・レストルフ効果としても知られる)と組み合わせて使用​​すると、行動喚起を促す優れた色でもあります。孤立効果とは、群衆から目立つものを記憶する傾向を指します。自由の女神像は高くて大きくて緑色なので覚えているでしょうが、ニューヨーク港では珍しいものです。色彩心理学では、コンバージョンステップなどの焦点を当てた項目が特定の色を持つ唯一の項目である場合に、分離効果が発生します。緑は、行動を促したいテクノロジー製品に最適な色です。

コンラッド・フィーギンが緑色をどのように使っているか見てみましょう。

Dell の Web サイト上のすべての変換ボタンは緑色です。

「グリーン」という言葉自体は、環境への意識や感謝に関連した流行語です。この言葉と色を使用すると、サイトに環境に優しい雰囲気を与え、環境問題に熱心なユーザーの間での評判を向上させることができます。


色彩心理学を活用してウェブサイトのコンバージョン率を向上させる方法(パート 1): ウェブサイトに適した色を選択する

キーワード: ウェブサイトのコンバージョン率、ウェブサイトの運用、ウェブサイトのデザイン

<<:  Weiboマーケティングキャンペーンを計画する方法

>>:  企業のCEOは何をすべきでしょうか?傅勝の経営三段論法

推薦する

電子商取引がいかにして野蛮な成長に別れを告げるか:繁栄したシーンでも生き残りの困難は隠せない

李静「ダブル11」ショッピングカーニバルは、中国の電子商取引に新たな狂乱を巻き起こした。オンライン銀...

2019 年の SEO 総括と新年の展望 | 自己インタビュー

2019 年が終わり、SEO の経験がまた 1 年増えました 😂。 2019年のSEO総括、最近の考...

インターネット協会 2012 年世界インターネット ユーザー調査レポート

2012 年世界インターネット ユーザー調査 (写真提供: Tencent Technology)テ...

Kubernetes の管理について知っておくべき 7 つのこと

「ますます多くのチームが、コンテナ化されたワークロードとアプリケーションを本番環境で実行するために ...

ドメイン名とSEO

.edu ドメインと .org ドメインが信頼できるドメインとしてリストされていることに加えて、ドメ...

大容量メモリ: LetBox-$7/Kvm/4g メモリ/30g SSD/5T トラフィック/G ポート/DDoS 保護

実際のリソース需要がそれほど高くなく、トラブルを避けたいだけなので、より良いサービスを受けるために販...

マジックキューブクラウド - 香港 VPS/大帯域幅/直接ネットワーク接続/1G メモリ/15g SSD/65 元 + Alipay

CubeCloudは、KVM仮想化、純粋なSSDアレイ、中国本土全体の中国電信、中国聯通、中国移動、...

企業ネットワークプロモーションで少ない資金で大きな利益を上げる方法

多くの企業は、オンラインプロモーションを行う際に多くの誤解を抱いています。企業は一般的に資金力がある...

「6月22日と6月28日の事件に対する百度の対応」についての考察

「6月22日と6月28日の事件に対する百度の対応」についての考察6月22日と6月28日の事件以来、百...

ソーシャル メディア マーケティング 2.0: 画像と動画でブランドをアピール

Facebook、Instagram、Pinterest などのソーシャル メディア サイトが 20...

Momoが参入、Toutiaoが出資比率を引き上げ、オンライン読書トラフィックを競う

トラフィックが低迷しているオンライン読書市場には、 Momoが参入し、 Toutiaoがさらなる投資...

Kubernetesはまだ歴史が浅く、ローカルでの導入がパブリッククラウドでの導入を上回っている

最近、VMware は Kubernetes に関する調査を実施し、5 年間の開発歴を持つ Kube...

6万点の商品が10%オフで販売され、タオバオの売り手は280万ドルの巨額損失を被る可能性

商人は慈悲を乞うた。「おや!価格が間違っています。注文をキャンセルしてください。」ネットユーザーから...

おすすめ: 申請不要、安価、高速、使いやすい

登録が不要なサーバーを探している人はたくさんいます。基本的に、彼らの要件は、速度が速い、登録が不要、...

hostdoc: 新しいロサンゼルス データ センター、I9-9900K+NVMe SSD+10Gbps 帯域幅を使用した安価で高性能な VPS

Hostdoc は、米国ロサンゼルスに新しいデータセンターを追加することを発表しました。このマシン群...