ABテストと色の関係

さまざまな要素を比較しながら検証するABテストは、キャッチコピーや見出しなどの文章以外にも、色を変更して比較できます。本記事では、ABテストによってクリック率が上がる色を調べる方法と、クリック率アップが期待できる色について紹介します。

ABテストでクリック率の上がる色が分かる？

サイト内に設置するバナーやアイコンなどは、ユーザーの心理に働きかける色を選びたいところです。そこで、実際のパフォーマンスを比較するためにABテストが活用できます。

ABテストを行う場合は、視覚的に目立つ場所へ設置する「ダウンロードボタン」などを対象として、色を変えてコンバージョン率を調べます。

変更点はダウンロードボタンのように1つの要素のみにとどめ、それ以外は変更せずに2週間検証を行いましょう。複数の色で比較する場合は、2週間を目安に色を替えながらコンバージョン率を記録しましょう。

ABテストで検証できるクリック率の上がる色とは

緑色はクリック率が高い

注目をひくためには緑よりも赤やオレンジといった派手な色を選びたくなりますが、ただ注目させるだけではボタンやバナーへのクリック誘導効果はありません。

実際に行われたABテストでは、緑色のボタンやバナーのクリック率が高いことが判明しています。緑は健康や自然、平穏といった印象を与える色といわれており、危険を知らせる赤色や暗いトーンの色よりもポジティブな印象を与えられる可能性があります。

緑といっても、黄緑（ライトグリーン）や深緑などいろいろなバリエーションがあります。サイトデザインを考えるときに、どの緑色がWebページになじむかを考えてみると、青緑のようなクールな色味も選択肢に入ってくるかもしれません。

気分を高揚させるオレンジ

オレンジ色は、気分を適度に高揚させて意欲を高める色といわれています。

通販サイトなど、購買を促すWebサイトにはオレンジ色が多く使われており、購入ページに遷移するクリックボタンやバナーなどにオレンジ色が用いられています。

危険や激しい感情を象徴する赤色よりもマイルドな印象で、明るく嫌味のない性質をもっている色でもあるため、クリック率を上げる色として注目されています。

自社のイメージカラーも活用できる

緑色がクリック率を高められるといっても、必ず緑にしなければならないわけではありません。

一例として、企業のコーポレートカラーが決まっており、それ以外の色を使うとサイト全体の印象やデザインが崩れてしまうような場合は、コーポレートカラーをベースにした配色が良いでしょう。

サイトデザインが統一されていれば、配色のバランスがとれて訪問者の心理にもポジティブに働きかけられるでしょう。

まとめ

コンバージョン率アップを狙うためには、自社サイトのイメージや全体のデザインを考慮して、ABテストを活用しながらクリック率が高い色を取り入れることをおすすめします。

当サイトでは、ABテストの方法や事例、仮説の立て方や動画の検証方法といった、ABテストにまつわる幅広い情報を掲載しています。

クリック率やコンバージョン率の向上にABテストを活用しようと考えている方は、ぜひ参考にしてください。

成果に繋がる“本気のABテスト”に必要な
おすすめのABテストツール3選

「実行力」のある
ABテストツール3選

正確なテストを高速で回せるツールが、CVR改善の強力な武器となります。
本格的・効率的なデータ検証が期待できる「6つの機能」を網羅しているABテストツールから、
企業タイプ別に3種を提案します。

丁寧なコンサル＆サポートで
自走力を付けたい
成長企業には

DLPO

引用元：DLPO公式サイト
https://dlpo.jp/

こんな担当者にオススメ！
コンサルから学び、
自社の成功パターンを
確立させたい担当者

2007年からサービスを提供し続け、国内No.1の導入実績（800社以上）^※
自社開発だからこその迅速なサポート＆国内市場にフィットした丁寧なコンサルティング
各種DMPとの連携にも柔軟に対応し、外部データを活用した多角的なテストが得意

公式サイトで
事例をチェック

電話ボタン

さらに詳しい
特徴を知りたい

開発・販売：株式会社DLPO

※ 参照元：DLPO公式サイト
（https://dlpo.jp/）
2011～2014年 LPOツール売上額が4年連続1位より

グローバルスタンダードの
定番ツールを求める
安定企業には

Optimizely

引用元：Optmizely代理店公式サイト
https://optimizely.gaprise.jp/

こんな担当者にオススメ！
サイト改善の必要性を
社内に強く提唱
していきたい担当者

全世界で導入実績8,000社の圧倒的な人気を誇る、ABテストの定番ツール^※
米スタンフォード大学と共同開発した統計エンジンにより、短期間で誤差の少ないテスト
MicrosoftやIBMといった世界の名だたるIT企業の導入も多く、参考事例が多い

公式サイトで
事例をチェック

電話ボタン

さらに詳しい
特徴を知りたい

開発：米Optimizely社
国内販売代理店：株式会社ギャプライズ

※ 参照元：Optimizely公式サイト
（https://optimizely.gaprise.jp/ ）
2022年9月時点

マーケティングツールを
はじめて導入する
新興企業には

VWO
（Visual Website Optimizer）

引用元：Visual Website Optimizer代理店公式サイト
https://www.assion.co.jp/lp/05b/

こんな担当者にオススメ！
サイトの分析から
スモールスタート
していきたい担当者

IT企業ひしめくインド発。Disneyやebayをはじめとする全世界2,500社の導入実績^※
ヒートマップやマウストラッカーといったサイト分析が行える機能と、シンプルなUI設計
「可能性」からテスト結果を導き出す検定法により、短期間・少サンプルでも対応可能

公式サイトで
事例をチェック

電話ボタン

さらに詳しい
特徴を知りたい

開発：印Wingify社
国内販売代理店：株式会社アッション

※ 参照元：VWO公式サイト
（https://vwo.com/customers/）
2022年9月時点

【選定条件】
Googleで「ABテストツール」と検索して表示される、ABテスト機能を有するツール44種を調査。（2022年7月15日時点）
「実行力」を持つ指標として、下記の機能を満たすもの、かつ日本語対応しているツールを3つ選定しました。
多変量テスト/複数ページテスト/リダイレクトテスト/セグメント機能/パーソナライズ機能/トラフィックの割り当て機能
また、下記メリットにより各企業タイプ（各担当者）へ推奨としています。
・成長企業 … 充実したコンサルサポートにより、社内のCROリテラシー醸成に期待できる
・安定起業 … 世界的実績数による信頼性から、更なるCRO改善に必要なツール導入提案に有効的
・振興企業 … 分析ツールを有し、小規模実施もできることから、スタートアップのCRO施策に適している

ピックアップ関連記事