売上アップにつながる6つの色

色は、私たちに思いがけない影響を与えることがあります。

• ホットチョコレートの味を変える
• 心拍数を変える
• 強く、速くする

もしそれがすべてできるなら、購買習慣も変えられるのでしょうか？

はい。

Source

明らかに、これらの色はそれぞれ諸刃の剣です – 青は冷たいと思われがちですし、赤は人々を怖がらせてしまいます。

しかし、正しく行えば、色はコンバージョンに影響を与えるために活用することができます。 また、66％の人が、自分の好きな色でないと商品を買わないそうです。

そういえば、人々の好きな色とはいったい何なのでしょうか。

そうですね、でも漠然としたものです。

Source

特定の気分が特定の色を思い起こさせるなら、その反対もまた真なりです。 色は気分の変化を引き起こすことができます。

Source

つまり、訪問者の感情の変化を引き起こし、コンバージョン率を高めるために、Webサイトのデザイン要素を使用することができるということです。

色は、ブランドの個性を強化するときに、コンバージョンに最も貢献します。

これは綱渡りです。

正しい色は、コンバージョンを増加させ、間違った色は、人々を遠ざけるでしょう。

正しい色を使用していることを確認するにはどうすればよいでしょうか。

1: 赤

ダラム大学の科学者は、2005年に研究を発表し、赤を着ていたアスリートは相手に勝つ確率がより高かったことを示しました。 その結果、「赤を身につけることは、一貫して高い確率で勝利に結びつくことがわかった」と、ラッセル・ヒルとロバート・バートンは書いています。 そのため、このような「赤」を身につけると、より高い確率で勝利することができるのです。 赤は控えめに使うべきでしょう。 しかし、絶対に使うべきです！

赤は販売に何をもたらすか？

赤は行動を誘発します。

どこで見ることができますか？

すべての実店舗でのセール：すべてのセール看板は赤であり、それは単なる慣例ではありません。 ブラックフライデーの頃には、人々はすでに99％オフの何かを見つけに行き、それを思いっきり買うための準備を整えているのです。 そのため、販売標識は明るく、緊急性があり、今すぐ行動できる赤色なのです。

どこで使うべきか

赤は衝動買いに効果があるので、eコマースサイトの購入ボタンとして一般的です。 しかし、B2B ソフトウェア ベンダーにとっても、赤はより効果的です。 HubSpotがPerformableのCTAボタンの色をA/Bテストしたところ、赤は緑よりも21%もコンバージョンが高くなりました。

Source

赤は全般的に最もパフォーマンスが高いと思われます。 冷静さ、静けさ、安定を連想させるので、金融機関には人気の色です。

また、安心感や穏やかさをイメージさせたいときにも人気のある色です。

青は売り上げにどう影響するか

青は、不安が生じる前に対処することで、間接的に売り上げを伸ばすことができます。 赤では、神経系の興奮を引き起こし、人々が立ち上がり、注目し、今が買うべき時だと気づいてほしいのです。

そのため、青は、金融、医療、保険など、本質的に恐ろしいものを扱うWebサイトの背景や変換要素に適した色と言えます。 明るい青は自由と安心感を与え、暗い青は伝統、真面目さ、知性を連想させます。 Paypal はその両方を使っていますが、他の金融サービス サイトでは、落ち着いたセキュリティとの関連性からロイヤル ブルーやネイビー ブルーを使っています。 Versions は、SVN に慣れていないデザイナーや開発者に SVN を開放することを提案し、青と緑の両方のボタンを使用しています – 一方はダウンロード用、他方は購入用です。 また、青と黄色のテキストは、最も読みやすいとされています。 そのため、落ち着いた色であるにもかかわらず、最も目につきやすい色かもしれません。色弱者の大半は赤と緑の色弱者で、青と黄色が見えます。

3: 緑

緑の連想は環境です。「緑」は一言で言えば、自然、有機、環境に優しいの全体の広がりに対する言及です。 そのため、直接的なつながりがなくても、同じようなオーディエンスにアピールしたい、あるいは同じような関心に沿うようなビジネスで使われます。

このヨガスタジオは特に環境に優しいですか？ そうかもしれません。 おそらく、それをポジティブなことと考える人たちにアピールしているのでしょう。

この本能的な関連付けには、それを裏付ける証拠があります。

緑色のコンバージョン要素は、ハイエンドの消費者向け製品を購入するような、緊急性が低く、許可されていると感じられる購入に適しています。

Way back in 2010, RIPT Apparel is decided to try the first A/B test, replacing a black buy button with a green one.

Source

The results was a 6.3% conversion jump.

Where can you see it in action?

computer giant Dell seems to read this article.The green is the green is the first B test to try the first A/B test for RIPT Apparel.The first B test to RIPT Apparel.Where is the green is a action.Where can you see it in action? 製品ページでは、信頼性と知性を表す青色を使用し、赤色のオファー バナーを使用して、今すぐクリックすることが急務であると感じさせます。

下にスクロールしてみると、すべての変換要素が緑色になっていることが分かります。

どこで使うべきですか。

白いスペースと対照的な色、または視覚階層を支配でき、叫ばずに注意を促すことができる場所で使用します。 バイヤーが特売よりも青信号を必要とする可能性が高いと思われる場合、緑の購入ボタンもテストする価値があります。

緑は、家電製品を販売するサイトで最も効果的で、赤よりもわずかに性能が優れているようです。

Source

4: 紫

紫は王族、富、権力と関連しており、かつて、一般人がこの色を着ることを禁止する法律があった。 現代では、赤のような「今すぐやれ！」という切迫感や、青のような「税金のことならお任せください」という深刻さはなく、大胆な色です。

誰が紫を好きなのか見てみましょう。

女性ではトップ3です。

Source

つまり、これは「大人のためのピンク」のようなものと考えることができます。あなたの顧客が主流の成人男性であれば、紫でブランディングしてはいけませんし、そうした人々が紫で購入ボタンをクリックすることを不安に思うとも思わないでください。

紫は販売にどう役立つか

紫は明るい色で、黄緑とは補色関係にあり、ピンクや青とは類似しています。 (ゴッサムシティをデザインしているのでなければ、サイトを緑と紫にするのはやめましょう。)

Where can you see it in action?

Roku, the TV streaming company, uses purple for its branding.This uses the purple is a lot of white and black on sites as stand out splash for branding, menu items or conversion elements.

Roku, the TV streaming company is used for its branding.

どこで使うべきですか？

実用面では、紫は、真面目さと有能さを伝えるために落ち着いた青、クリーム、茶色の配色を使っているサイトのブランドおよび変換要素に素晴らしい目立つ色を提供します。 これは、金融ビジネスで一般的な選択ですが、Pearsons のような教育機関も同じ効果で使用しています。

シェードと色合いが、紫の要素が伝わる方法に強く影響することを心に留めておいてください。 フェミニンな印象にしたくない場合は、高彩度と深みのある色合いにし、青と組み合わせるとよいでしょう。 もしそうなら、強い、明るい色合いにそれを他の方向を取ると、ピンクとred.9890>

紫についての一つのこと？ それは目立つ。

5: 黒

あなたは、黒がほとんどのWebサイトのカラースキームで多くの部分を果たすだろうと思うことはないでしょう。 そして、そのとおりです。ほとんどのサイトは、白いスペースと、いくつかの強い色を選んでいます。 しかし、黒は強力です。

黒を効果的に使っているブランドは、高級品やハイエンドブランドで、主に男性客を対象に販売しています。 ロールスロイス。 ランボルギーニ。

トレンドに気づいていますか？

黒は販売に何をもたらすのでしょうか？

黒は輪郭としてしか見えないので、優れた変換要素にはならないのです。 しかし、白と黒の配色は自動的にコントラストを与えてくれます。 Squarespace では、黒い背景に白いボタンを使用しています。

明るい色の背景では、ボタンは黒で白いテキストです。

どこでそれを見ることができますか。

男性中心の顧客層を持つハイエンドの高級ブランドを調べると、多くの黒を目にすることができます。 例えば、ロールスロイス。

ラム酒ブランドのドンQも、ゴールドと組み合わせて、洗練された若い男性に向けたコピーで、黒を活用しています。 しかし、淡い色のWebサイトでも、要素として効果的な色になります。

6: オレンジ

オレンジは明るく大胆な色で、赤の心臓の鼓動のような緊急性を持っていません。 淡い赤は目に優しくなく、濃い赤は文字が見づらいですが、オレンジははるかに大きな色調の範囲をサポートします。 オレンジは多くのWebサイトで、コール・トゥ・アクションや購入ボタンに多用されています。

What does orange do for sales?

Orange is a common choice for conversion elements in clean, simple-looking websites. 多くの配色から明らかに際立っており、人々がポジティブに感じる色です。

実際にどこで見ることができますか？

ペンギンにはオレンジのブランディング、オレンジの購読ボタン…

そしてオレンジの購入ボタン。

基本的に、ページ上でクリックできるものはすべてオレンジ色です。

Blogger がどのようにオレンジ色を使っているかもチェックしてみてください。

Teal gives way to blue…

But the signup button stays orange, because it looks bright, legible and coherent against all those different backgrounds.スライダーが回転すると、さらに 2 つの背景色が表示されるのです。

どのように使用すればよいでしょうか。

ハーレー ダビッドソンのオレンジの使用方法を確認してください：

暗い背景の中で、大胆なオレンジは際立っています。 この色は、メニュー項目で取り上げられ、注目のバイクのバックスプリングの赤にも反映されています。

結論

色には、緊急性を刺激するものと、不安を和らげるものがあります。 また、安心感を呼び起こすものもあります。

では、どれを使うべきでしょうか。

使用する色をブランドアイデンティティと一致させることが非常に重要です。 もし、あなたのブランドが興奮、パワー、自由をテーマにしているなら、ハーレーダビッドソンのような色がぴったりかもしれません。

色を選択するときは、決してブランディングに逆らわないようにしてください。 これらの色の中には、他の誰かにとって、コンバージョンを向上させたことを示す確かな事実があるものもあります。 HubSpotは、「私たちが言えるのは、このページデザインで、このサイトで、このページを見たオーディエンスに対して、この色が発生した条件を満たしているということだけです」と、最もよく言っています。

購入ボタンやCTAの色を変更することで売り上げにどのような影響があるかを把握する唯一の方法は、自分でテストを行うことです。

• 著者
• 最近の投稿

Richard Bayston氏はRBCopywriting.comでコピーとコンテンツを作成、主に技術、デジタルマーケティング、コンテンツ戦略について述べています。 それ以外のときは、妻と友好的な議論を交わし、その答えをググっているそうです。

Richard Baystonの最新投稿（全て見る）

• 売上アップが証明されている6色 – 2020年3月21日
• Mouse Recorder: 訪問者のインタラクションを見る方法 – 2018年1月15日
• コピーすべき5つのひどいウェブサイト – 2017年10月4日