UIXHERO
#479
心理学・認知バイアス
#479

こんとらすとこうか

コントラスト効果 (Contrast Effect)

別名・表記:Contrast Effect対比効果

UIXHERO Definition

「比較による錯覚」。松・竹・梅の「竹」が魅力的に見えるのは、松と比較して安く、梅と比較して質が良いから。

概要

ある刺激の知覚や評価が、直前に提示された刺激(時間的対比:sequential contrast)または同時に提示された刺激(同時対比:simultaneous contrast)との差異によって変化する現象。
この効果は感覚レベル(明度・重さ・温度など)だけでなく、社会的判断(魅力、公平さ、価格評価など)にも広く見られる。

コントラスト効果とは対照的に、対象が周囲に近づいて知覚される現象を同化効果(Assimilation Effect)という

UXでの活用

  • 価格戦略(松竹梅の法則): 最も売りたい商品(竹)の隣に、明らかに高額な商品(松)を配置することで、竹のコストパフォーマンスを強調する。
  • Before/Afterの提示: ダイエット広告やリフォーム事例などで、変化前と変化後を並べて表示することで、効果を劇的に見せる。
  • 視覚的階層: 重要なボタン(CTA)の色を、周囲の要素と高いコントラストにすることで、ユーザーの注意を引く(フォン・レストルフ効果)。

💡 使いどころ

高額なプランを先に提示する(アンカリング効果)ことで、その後に提示される本命プランの相対的な魅力度を高める。また、おとり効果(Decoy Effect)と組み合わせることで、特定の選択肢へ誘導しやすくなる。

⚠️ 注意点・誤用

露骨な比較(例えば、競合他社を不当に貶めるような比較)は信頼を損なう。また、コントラストが強すぎると(高すぎる価格など)、ユーザーが離脱する原因になる。過度に操作的な価格対比や誇張されたBefore/After演出は、短期的なコンバージョン向上につながっても、長期的なブランド信頼を損なう可能性がある。

具体例

  • 10万円のコートを見た後だと、1万円のシャツが安く感じる
  • 「通常価格10,000円 → 今だけ5,000円」(取り消し線による価格対比)
  • 暗い背景の上のグレーは明るく見え、白い背景の上のグレーは暗く見える(視覚的な対比)
出典・参考文献:
  • Cialdini, R. B. (1993). Influence: The Psychology of Persuasion.
  • Plous, S. (1993). The Psychology of Judgment and Decision Making.
  • Helson, H. (1964). Adaptation-level theory: An experimental and systematic approach to behavior. Harper & Row.
  • Sherif, M., & Hovland, C. I. (1961). Social judgment: Assimilation and contrast effects in communication and attitude change. Yale University Press.
  • Tversky, A., & Kahneman, D. (1974). Judgment under uncertainty: Heuristics and biases. Science, 185(4157), 1124–1131.
  • Kahneman, D., & Tversky, A. (1981). The framing of decisions and the psychology of choice. Science, 211(4481), 453–458.

関連する解説記事

関連する記事詳細が見つかりませんでした。

作成: 2026年2月15日

読んだ内容を、自分の画面に当てるとき

UIXHEROは、記事を書くほかに、画面の検品・判定、デザインシステムの構築、実装と改善の伴走を受けています。何を頼めばいいか決まっていない段階の相談も、同じ窓口で受けます。

UIXHEROに頼めることを見る

※ 記事の内容についての質問や、書いてほしいテーマの要望も同じ窓口で受けています

この記事をシェアする
シェア: