どのボタンの色が最適に変換されますか？
公開: 2021-07-22色は私たちが世界を体験する方法の重要な部分です。 しかし、色は変換の最適化にとって本当に重要ですか？ ボタンの色は、召喚状（CTA）のパフォーマンスの向上を保証できますか？
単一の色が他の色より優れていることはありません。 最終的に重要なのは、ボタンの色がその周囲の領域とどれだけ対照的かということです。
この投稿では、WebサイトのCTAとボタンの色にとって本当に重要なことを説明しています。 あなたが読んだ「決定的な」研究は決定的なものとはほど遠いものであり、テストへの表面的なアプローチ（つまり、ランダムなボタンの色を試す）は、厳密な実験プログラムを構築するのに役立ちません。
変換最適化コース
調査の質問は、コンバージョン最適化のパイのほんの一部です。 この無料コースで、すべてのコンバージョン調査を最適化する方法についてさらに詳しく説明します。
色の心理的連想
さまざまな色が私たちを持ち上げたり、下ろしたりする可能性があります。 色には心理的な側面もあります。特定の色は、さまざまな性質や感情に関連付けられています。
異なる文化では、異なる色は矛盾することを意味します。 たとえば、中国文化では白が喪と死の色ですが、ブラジルの死の色は紫です。 黄色はヒンドゥー教の幸福と平和を象徴していますが、ギリシャの悲しみとフランスの嫉妬を表しています。
熱帯の国々の人々は暖かい色に好意的に反応します。 北の気候の人々は、より涼しい色などを好みます。
また、北米の文化では、青色は信頼感を生み出すだけでなく、食欲を刺激するとも言われています。 緑はおそらく自然、新鮮さ、成長、そしてお金を意味します。 黄色は太陽の光と幸福をもたらします。
これらの解釈にはいくつかの真実がありますが、これらの想定される関連をコンバージョンリフトに変換できますか？
色の使用に関する実験
赤はあなたを勝者にすることができます…
ほぼ普遍的に、赤は停止を意味します。 赤は危険を意味します。 赤は暑いことを意味します。 そして、2004年のオリンピックの結果を分析することにより、研究者は赤も支配を意味することを発見しました。
彼らはボクシング、テコンドー、グレコローマンレスリング、フリースタイルレスリングなど、基本的にすべて1対1のスポーツを検討しました。 これらのスポーツでは、競技者には赤または青の衣装がランダムに割り当てられるため、リギングはできません。
21ラウンド中16ラウンドで、赤を着た人が勝ちました。 同様の傾向は、2004年の欧州サッカー選手権でも見られました。 研究者は、効果がせいぜい微妙であることを注意深く指摘します。 そして、その赤は、均等に一致する競合他社の間でのみ決定要因になる可能性がありますが、それでも存在します。
「赤を身につけることは、勝つ可能性が高いことと一貫して関連していることがわかります」と、ダラム大学の研究者であるラッセルヒルとロバートバートンは書いています。
…または敗者
ロチェスター大学の研究者は、赤色がテストで最善を尽くすことを妨げる可能性があることを発見しました。 彼らの実験では、赤の知覚がIQテストや主要な学術試験の結果に影響を与えるかどうかを調べたいと考えていました。 学術的な文脈では、赤色は伝統的にマーキングエラーに関連付けられています。
4つの実験は、色のほんの短い知覚が結果に悪影響を及ぼしたことを示しました。 「それは人々を彼らの知らないうちに悪化させました」と著者の一人であるエリオットは言いました。
調査結果は、「達成の文脈で赤がどのように使用されるかに注意を払う必要があることを示し、行動に重要な影響を与える微妙な環境の手がかりとして色がどのように機能するかを示しています」と報告しました。
ホットチョコレートの色と味
食べ物や飲み物が出される容器の色が、知覚される味に寄与することがわかります。 少なくとも、ホットチョコレートを飲むことについてはそうです、と研究者のベティナピケラス-フィスマンは説明します。
Piqueras-Fiszmanと彼女の研究パートナーは、57人の参加者に、白、クリーム、オレンジ、赤の4つの異なる色の容器で提供されるホットチョコレートのサンプルを提供しました。 すべて同じサイズで、内側はすべて白でした。
オレンジ色とクリーム色のカップで提供されるホットチョコレートの風味は、参加者によってより良く判断されました。 しかし、色に関係なく、甘さと香りは似ていると判断されました。
「特定の色や色合いのカップで風味と香りが向上するという決まった規則はありません」とPiqueras-Fiszman氏は認めています。 「実際には、これは食品の種類によって異なりますが、実際には、この影響が発生するにつれて、想像以上に可能性が高いため、容器の色にもっと注意を払う必要があります。」
色が私たちの運動能力、学業成績、味覚に影響を与える可能性がある場合、それは私たちのクリックの決定にも影響を与える可能性がありますか？
CTAボタンに最適な色は何ですか？
赤はスポーツで勝つチャンスを増やすかもしれません。 あなたの次のホットチョコレートはオレンジ色のカップでより良く味わうかもしれません。 しかし、これはWebでのコンバージョンと何の関係があるのでしょうか。 赤は本当にあなたのCTAボタンに利点を与えますか？
緑対赤：召喚ボタン戦争
何年にもわたって、どの色がCTAボタンに最適に変換されるかについて論争がありました。 Unbounceは、CTAボタンの未来は「BOB」（ビッグオレンジボタン）であると宣言しました。
オレンジ色またはほとんどが赤のボタンを他の色（多くの場合は緑）に対してテストした、興味深いA / Bテストのケーススタディも多数あります。
あなたがそれについて考えるとき、緑は主に前向きな感情と関連しています。 信号が緑色に変わったら、運転できることを意味します。 赤の場合はその逆です。 色は主に否定的な感情に関連付けられています。
どう思いますか？ どのボタンの色が勝ちましたか？ これがケーススタディが言わなければならなかったことです。
ケーススタディ1
Dmixは、緑と赤のボタンの色のテストについて書いています。 600人の被験者を対象としたテストでは、赤いボタンを使用するとコンバージョンが34％増加することがわかりました。
ケーススタディ2
次のテストはHubSpotの好意によるものです。 彼らは、クライアントサイトで緑と赤のボタンを使用して同様のテストを実行しました。 彼らは数日間テストを実行し、合計で2,000回以上の訪問がありました。
彼らの結果は？ 赤いボタンは緑のボタンを21％上回っています。
ケーススタディ3
3番目のテストはVWOの好意によるものです。 彼らのクライアントは、携帯電話やアクセサリーを販売するeコマースサイトでした。 彼らはサイトで「今すぐ購入」ボタンの色をテストしました。 コンテストには、緑色のテキストが付いた白いボタン、白いテキストが付いた緑色のボタン、および白いテキストが付いた赤（濃いオレンジ）のボタンが含まれていました。
そして勝者は、ご想像のとおり、赤いボタンでした。今回は5％のコンバージョンリフトがありました。
ケーススタディ4
この調査では、赤みがかったボタンと緑のボタンを比較する代わりに、オレンジと青のボタンを調べました。 彼らのテストでは、青いボタンが勝ち、9％のリフトを生み出しました。
青いボタンによる「動揺」にもかかわらず、赤または赤みがかったボタンが優勢であり、この傾向は他の研究でも裏付けられています。
それでも、この投稿では、PeepはWebデザインの色について次のように書いていませんでした。
ナオミ・ナイルズによるこのツイートが気に入りました。
私はこれ以上同意できませんでした。 この種の物語は、テストが何であるかについて人々に間違った考えを与えます。 はい、確かに–色が結果に影響する場合があります–特に視覚的な階層に影響する場合、行動の呼びかけがより目立つようになります。 しかし、「グリーンvsオレンジ」はA / Bテストの本質ではありません。 それはターゲットオーディエンスを理解することです。 調査と分析を行うことは退屈であり、それは間違いなく大変な作業ですが、それはあなたがしなければならないことです。
コンバージョンを大幅に向上させるには、コンバージョン調査を行う必要があります。 あなたは重い物を持ち上げる必要があります。
コンバージョンの深刻な増加は、心理的なトリックからではなく、顧客が本当に必要としているもの、顧客と共鳴する言語、および顧客がそれをどのように購入したいかを分析することからもたらされます。 それは、オファー全体の関連性と認識された価値についてです。
ボタンの色のケーススタディに懐疑的である必要がある理由
最後の例を見てみましょう。これは、これがはるかに理にかなっているのに役立ちます。 RIPTアパレルは、「今すぐ購入」ボタンの色をテストして、収益に影響があるかどうかを確認しました。
これは元のバージョンです：
そして、これは新しいボタンでした：
当然のことながら、コンバージョン数は増加しました。 前のケースを見ると、ボタンを赤に変更すると、さらに変換が向上する可能性があると言えます。 まあ、完全ではありません。
もう一度オリジナルを見てください。 あるべきなのにないものがありますか？ オリジナルにはボタンがありません！ 「今すぐ購入」CTAは設計で失われます。 新しいボタンは、緑、赤、黄色、またはいくつかの色のいずれかに関係なく、はっきりと見えます。
残念ながら、これがボタンの色に関する大きな論争が始まったきっかけです。 1つの色が常に最良の色に変換されることを示唆する驚くべき結果が表示されます。 つまり、よく見るまでです。
多くの場合、これらのテストでは、以前はボタンがなかったか、ボタンがはるかに目立つことが明らかになりました。 単一の色ではなく、コントラストの高い色であるため、ページの他の部分から目立ち、変換率が高くなります。
青とオレンジのボタンテストを実行したMonetateは、次のように述べています。
しかし、結果を掘り下げると、オレンジ色のボタンは、ほとんどの場合、ボタンがまったくないコントロールに対してテストされていることがわかります。 このような場合、オレンジ色のボタンが違いを生むのは当然のことです。 もちろん、ボタンがまったくない場合と比較すると、そうです。 実際には、色に関係なく、どのボタンでも違いが生じます。
RIPTアパレルの場合、黄色のボタンが付いた1つの最終バージョンをテストしました。
コンバージョンはさらに6.3％増加しました。 だから黄色は緑を打つ？ ダメダメダメ。
CTAボタンの色はそれ自体ではほとんど違いがありません
ボタンの色は、それ自体ではほとんどまたはまったく影響しません。 さらに重要なのは、ページの視覚的な階層をどのように変更し、行動を促すフレーズを目立たせるかです。
それはまた、私たちが見慣れているものにも依存します。 Bingは、リンクの正確な青の色を見つけることで、収益を8000万ドル増やしました。 人々は青いリンクを見るのに慣れています。 ワールドワイドウェブが最初に登場したとき、青はリンクの色でした。 （これに取り組んでいるマイクロソフトのエンジニアは、「…グーグルが使用しているものと非常によく似た青の色合いだった」ことも認めました。）
変換に最適な色はありません。 黄色のボタンの場合、緊急性（「24時間のみ$ 10」）も追加されました。これは、コンバージョンを増やすために何度も実証されています。 ビングとブルーの場合、それは実際の慣習の力でした。
HubSpotに戻る
HubSpotの例についても同じことが言えます。 もう一度見てください：
赤いボタンがより良い選択であることに貢献するかもしれない何かに気づきましたか？ ページの全体的なデザインに何かありますか？
緑はサイトのメインカラーの1つです！ そして、ミックスに緑色のボタンを追加するとどうなりますか？ 目立たないでしょう。 彼らは他のほとんどすべての明るい色に対して緑をテストすることができ、同じ「驚くべき」結果を見たでしょう。
HubSpotの名誉のために、彼らはケーススタディで「これらの結果をすべての状況に一般化することはできない」と述べています。 しかし、それでも、優勢な緑色のデザインのページにある緑色のボタンはありますか？ 本当に？
結論
行動を促すフレーズには色が重要です。 しかし、ある色が別の色よりもよく変換されると言っても意味がありません。 普遍的な最高の色はありません。 あるサイトで機能するものが、必ずしも別のサイトで機能するとは限りません。
視覚的な階層が重要です。 CTAボタンを高コントラストの色で目立たせることも同様です。 「緑と赤」の議論は、色自体ではなく、色がボタンを目立たせるのに役立つかどうかについてです。
注目の画像クレジット