# 「フォン・レストルフ効果」とは?目立つものほど記憶に残る理由
Webサイトを見ていると、たくさんの情報が並んでいる中で、なぜか特定のボタンや文字だけが印象に残ることはありませんか?
実はこれ、人間の記憶に関係する心理効果が影響しているのかもしれません。
今回は、Webデザインにも活用できる「フォン・レストルフ効果」について、具体例を交えながらご紹介します。
## ① フォン・レストルフ効果とは?
**フォン・レストルフ効果(Von Restorff Effect)**とは、似たようなものが並んでいる中で、ひとつだけ異なる特徴を持つものが記憶に残りやすくなる心理現象です。
「孤立効果(Isolation Effect)」とも呼ばれています。
1933年にドイツの心理学者ヘドウィグ・フォン・レストルフによって報告されました。
例えば、次のような単語が並んでいたとします。
- りんご
- みかん
- バナナ
- 自動車
- ぶどう
- いちご
この中で「自動車」だけが果物ではありません。
そのため、ほかの単語とは違うものとして印象に残りやすくなります。
このように、周囲との差があることで記憶に残りやすくなるのが、フォン・レストルフ効果です。
## ② Webデザインではどのように使われている?
この効果は、Webサイトのさまざまな場所で活用できます。
### CTAボタンを目立たせる
CTAとは、ユーザーに行動を促すためのボタンやリンクのことです。
例えば、サイト全体が白やグレーを基調としている場合、「お問い合わせ」ボタンだけをグリーンにすると、周囲との違いが生まれます。
その結果、ユーザーの注意を引きやすくなります。
ただし、目立つことと、実際にクリックされることは同じではありません。
ボタンの文言や配置、使いやすさも大切です。
### 料金プランのおすすめ表示
3つの料金プランが並んでいるとき、真ん中のプランだけ背景色を変えたり、「おすすめ」というラベルを付けたりするデザインを見たことはありませんか?
これも、周囲との差を利用したデザインの一例です。
すべてのプランを同じように見せるのではなく、特に注目してほしいプランを視覚的に区別しています。
### 重要なお知らせを強調する
通常のお知らせはシンプルに表示し、重要なお知らせだけにアイコンや背景色を付ける方法もあります。
ただし、強調する情報が多すぎると、何が重要なのか分かりにくくなってしまいます。
## ③ 目立たせすぎると逆効果?
ここで気をつけたいのが、**すべてを目立たせようとしないこと**です。
例えば、Webサイトの中に赤・黄色・青・緑など、強い色のボタンがたくさん並んでいたらどうでしょうか?
どのボタンも目立ってしまい、本当に重要なものが分かりにくくなります。
フォン・レストルフ効果を活かすには、周囲との違いを作ることが重要です。
つまり、目立たせたいものがあるなら、それ以外の要素はシンプルに整えることも大切なのです。
## ④ 色だけでなく、余白や大きさでも差をつけられる
フォン・レストルフ効果というと、色を変えることをイメージしやすいかもしれません。
しかし、違いを作る方法は色だけではありません。
例えば、
- 重要な見出しだけ文字を大きくする
- 特定のカードだけ背景を変える
- 注目してほしい要素の周囲に余白を設ける
- ひとつだけ異なる形のアイコンを使う
といった方法があります。
大切なのは、周囲との違いが自然に伝わることです。
また、色だけに頼らず、文字や形でも違いを伝えることで、より多くの人に分かりやすいデザインにつながります。
## ⑤ Webデザインで意識したいこと
Webサイトを制作するときは、次の3つを意識してみましょう。
**1. 一番伝えたい情報を決める**
すべての情報を同じ強さで見せるのではなく、優先順位を整理します。
**2. 強調する要素を絞る**
重要なボタンや見出しなど、本当に注目してほしい部分にメリハリをつけます。
**3. 全体の統一感を大切にする**
目立たせることだけを優先せず、サイト全体の雰囲気や使いやすさとのバランスを考えます。
## まとめ
フォン・レストルフ効果とは、似たものが並ぶ中で、ひとつだけ異なるものが記憶に残りやすくなる心理現象です。
Webデザインでは、CTAボタンや料金プラン、重要なお知らせなどを目立たせる際のヒントになります。
ただし、何でも目立たせればよいわけではありません。
**「何を目立たせるか」と同じくらい、「何を目立たせないか」も大切です。**
デザインを考えるときは、色を増やす前に、情報の優先順位を整理してみるのもよいかもしれません。
HANA HAPPYでは、見た目の美しさだけでなく、使う人にとって分かりやすいWebサイト制作を大切にしています。