この記事の要点(UIXHERO視点) UIXHEROでは、フォン・レストルフ効果を「異端の勝利、孤独の輝き」と捉える。 本記事では、すべてを目立たせようとする愚を避け、たった一つの要素を「周囲と違う」状態に置くことで、最強の注目を集めるコントラストの魔術を整理する。
フォン・レストルフ効果とは?
1933年、ドイツの精神科医ヘドヴィグ・フォン・レストルフによって発見された効果で、「群衆の中で目立つものが記憶に残る」という現象です。 別名「孤立効果(Isolation Effect)」とも呼ばれます。
UXデザインにおいては、ユーザーの注意を特定の要素(CTAボタンや重要なお知らせ)に向けさせるための最も基本的かつ強力な手法です。
UXデザインでの活用事例
1. CTAボタン (Call to Action)
画面上の他のボタンが「グレー」や「枠線のみ(ゴーストボタン)」であるのに対し、最も重要なアクション(購入、登録)だけを「塗りつぶしのブランドカラー」にすることで、クリック率を高めます。
2. 価格表のプラン
「松・竹・梅」の3つのプランが並んでいるとき、真ん中の「竹(おすすめプラン)」だけサイズを大きくしたり、背景色を変えたりすることで、そこへの注目を集めます。
3. 通知バッジ
アプリアイコンやヘッダーのベルマークにつく「赤い丸(バッジ)」は、平穏なUIの中で強烈な異物感を放ち、ユーザーに確認を促します。
実装例: 孤立効果による強調
「全部が目立っている状態」と「一つだけが目立っている状態」を比較するデモです。 皮肉なことに、全てを目立たせようとすると、何も目立たなくなります。
この原則を実装で見る
この原則が実装でどう形になるかを、GUNJO の部品で確かめられます。
実践ガイドライン (Practical Guidelines)
実装チェックリスト
倫理的配慮 (Ethical Considerations)
- バナー・ブラインドネス: 広告のように見えすぎる強調(激しい点滅や赤字の多用)は、ユーザーの脳によって自動的に無視される「バナー・ブラインドネス」を引き起こします。
- ダークパターン: 「解約ボタン」を極端に目立たなくし、「会員継続ボタン」だけを目立たせるような、ユーザーの自由意思を阻害するデザインは避けるべきです。
