폰 레스토프 효과(고립 효과)란 무엇인가요? 눈에 띄는 하나가 스타트업 전환율을 바꾸는 이유

폰 레스토프 효과(Von Restorff Effect), 다른 말로 고립 효과(Isolation Effect)는 비슷한 것들 사이에서 유독 하나만 달라 보이면 그것이 더 잘 기억되고 더 자주 선택된다는 심리 원리입니다. 1933년 헤드윅 폰 레스토프(Hedwig von Restorff)의 기억 실험에서 출발했고, 지금은 가격 페이지의 추천 플랜, CTA 버튼 색, 랜딩페이지 시각 위계를 설계하는 전환율 최적화(CRO)의 기본 문법이 됐습니다. 이 글은 원리부터 스타트업 실전 적용, 흔한 실수와 A/B 테스트 방법까지 한 번에 정리합니다.

가격표 하나만 색을 바꿨더니 벌어진 일
비슷한 것들 사이의 문제: 왜 다 안 보일까
폰 레스토프 효과란 무엇인가
왜 뇌는 튀는 것을 기억할까
비슷해 보이는 효과들과의 차이
스타트업 실전 적용: 가격·CTA·랜딩·이메일
실전 가이드 4단계와 A/B 테스트
FAQ
같이 읽으면 좋은 것들

가격표 하나만 색을 바꿨더니 벌어진 일

작년에 저희가 자문했던 한 B2B SaaS 스타트업 이야기를 먼저 해보겠습니다. 가격 페이지에 플랜이 세 개 있었는데요. Basic, Pro, Business. 세 카드가 완벽하게 똑같은 회색 테두리에, 똑같은 흰색 버튼, 똑같은 폰트 크기로 나란히 놓여 있었습니다. 디자인 관점에서는 아주 깔끔했죠. 대칭이 잘 맞고 정돈돼 보였습니다. 문제는 이 페이지의 유료 전환율이 몇 달째 제자리였다는 겁니다.

데이터를 열어보니 방문자들이 세 카드 사이에서 마우스를 왔다 갔다 하다가 그냥 이탈하는 패턴이 반복되고 있었어요. 셋 다 똑같이 생겼으니 뭘 골라야 할지 판단할 기준이 화면 안에 없었던 겁니다. 그래서 아주 단순한 실험을 하나 걸었습니다. Pro 카드에만 파란 테두리를 두르고, 버튼을 흰색에서 진한 주황색으로 바꾸고, "가장 많이 선택" 이라는 작은 라벨을 얹었습니다. 나머지 두 카드는 손도 대지 않았습니다.

2주간 A/B 테스트를 돌린 결과, Pro 플랜을 고르는 비율이 눈에 띄게 올라갔고 페이지 전체 유료 전환율도 함께 움직였습니다. 가격을 한 푼도 안 내렸고, 기능 설명 문구도 그대로였는데 말이죠. 바꾼 건 오직 "하나만 다르게 보이게" 한 것뿐이었습니다. 이게 바로 폰 레스토프 효과(Von Restorff Effect), 고립 효과(Isolation Effect)가 화면 위에서 작동하는 방식입니다. 이날 이후로 저희는 가격 페이지를 볼 때 제일 먼저 "여기서 튀는 게 하나라도 있나"를 확인하는 습관이 생겼습니다.

비슷한 것들 사이의 문제: 왜 다 안 보일까

스타트업 화면은 대체로 정보 밀도가 높습니다. 랜딩페이지 하나에 헤드라인, 서브 카피, 로고 월, 기능 카드 여섯 개, 후기 슬라이더, 그리고 버튼이 서너 개씩 들어갑니다. 만드는 사람 입장에서는 다 중요합니다. 그래서 다 눈에 띄게 만들고 싶어지죠. 그런데 여기에 함정이 있습니다. 모든 요소를 강조하면, 결국 아무것도 강조되지 않습니다.

사용자의 주의(attention)는 한정된 자원입니다. 화면에 진한 색, 큰 글씨, 굵은 버튼이 열 개쯤 흩어져 있으면 뇌는 그 열 개를 전부 "배경"으로 처리해버립니다. 균일하게 시끄러운 화면은 균일하게 조용한 화면과 뇌 입장에서 크게 다르지 않은 셈입니다. 이 상태에서는 사용자가 다음에 무엇을 눌러야 하는지, 어떤 플랜이 나에게 맞는지 스스로 판단해야 하는 인지 부담이 커집니다. 판단이 어려워지면 사람은 결정을 미룹니다. 결정을 미루면 이탈합니다.

기존의 접근은 "더 예쁘게, 더 많이"였습니다. 카드 하나하나를 정성껏 꾸미고, 그라데이션을 넣고, 아이콘을 통일합니다. 그런데 시각적으로 완벽하게 대칭이고 균일한 화면일수록, 역설적으로 어디를 봐야 할지 알려주는 신호가 사라집니다. 필요한 건 더 많은 장식이 아니라, 하나를 의도적으로 다르게 만드는 절제된 대비였습니다. 여기서 행동경제학과 인지심리학이 만든 오래된 원리 하나가 실무 도구로 들어옵니다.

폰 레스토프 효과란 무엇인가

폰 레스토프 효과(Von Restorff Effect)는 여러 개의 비슷한 자극이 함께 제시될 때, 그중 유독 하나만 다르면 그 다른 항목이 훨씬 더 잘 기억된다는 현상입니다. 고립 효과(Isolation Effect)라고도 부릅니다. 흑백 사진 여러 장 사이에 컬러 사진 한 장이 끼어 있으면, 사람들은 나중에 그 컬러 사진을 유독 또렷하게 떠올립니다. 다른 조건이 같아도 "튀는 것"이 기억에 남습니다.

이 개념은 독일의 정신과 의사이자 연구자였던 헤드윅 폰 레스토프(Hedwig von Restorff, 1906~1962)가 1933년에 발표한 논문에서 체계적으로 입증됐습니다. 그는 게슈탈트 심리학자 볼프강 쾰러(Wolfgang Köhler)의 지도 아래 연구를 진행했는데요. 실험은 단순했습니다. 참가자에게 여러 항목이 담긴 목록을 보여주는데, 대부분이 문자(글자)인 목록 안에 숫자 하나를 슬쩍 끼워 넣었습니다. 나중에 회상을 시켜보니, 주변 글자들에 파묻힌 그 숫자 하나가 유독 정확하게 기억됐습니다. 반대로 숫자 목록에 글자 하나를 넣어도 결과는 같았습니다. 원 논문 제목은 "Über die Wirkung von Bereichsbildung im Spurenfeld"로, 흔적장(기억 흔적)에서 영역 형성이 미치는 효과를 다룬 연구입니다(Effectiviology, Wikipedia).

핵심은 "절대적으로 화려한 것"이 기억되는 게 아니라는 점입니다. 주변과의 상대적 대비가 기억을 만듭니다. 똑같은 주황색 버튼이라도 주황색 천지인 화면에서는 묻히고, 파란색 화면에서는 도드라집니다. 폰 레스토프 효과는 색이나 크기 자체가 아니라 맥락 안에서의 차이를 말합니다. 이 미묘함 때문에 실무에서 자주 오해되곤 합니다.

왜 뇌는 튀는 것을 기억할까

폰 레스토프 효과가 작동하는 이유는 크게 세 가지 층위로 설명됩니다.

첫째는 주의(attention) 단계입니다. 배경과 다른 항목은 시선을 먼저 끕니다. 균일한 패턴이 반복되면 뇌는 습관화(habituation)되어 자극을 대충 흘려보내는데, 패턴을 깨는 항목 하나가 등장하면 그 지점에서 주의가 다시 각성됩니다. 시각적 두드러짐, 즉 살리언스(salience)가 여기서 결정적입니다.

둘째는 부호화(encoding) 단계입니다. 주의가 더 쏠린 항목은 뇌가 처리하는 시간과 노력을 더 많이 받습니다. 더 깊이 처리된 정보는 더 튼튼한 기억 흔적으로 남습니다. 대충 스쳐간 정보보다 오래갑니다.

셋째는 인출(retrieval) 단계입니다. 흥미롭게도 최근 연구들은 부호화 자체보다 인출, 즉 나중에 꺼내 쓰는 단계에서 얻는 이득이 더 클 수 있다고 봅니다. 다른 항목들과 구별되는 특징을 가진 정보는 기억 창고에서 찾아내기가 더 쉽습니다. 남들과 다른 꼬리표가 붙어 있으니 검색이 빠른 셈이죠(Springer Nature, 2016).

이걸 스타트업 화면으로 옮기면 이렇게 정리됩니다. 추천 플랜을 하나만 다르게 만들면, 사용자는 (1) 그 플랜을 먼저 보고, (2) 그 플랜을 더 오래 들여다보고, (3) 결정 순간에 그 플랜을 더 쉽게 떠올립니다. 세 단계가 전부 전환 쪽으로 기울어집니다. 다만 한 가지 주의할 것이 있는데요. 하나를 강조하면 그 주변 정보의 기억은 오히려 약해지는 현상, 이른바 유발 기억상실(induced amnesia)이 함께 일어난다는 점입니다. 그래서 "무엇을 튀게 할까"만큼 "무엇을 배경으로 보낼까"도 전략이 됩니다.

비슷해 보이는 효과들과의 차이

폰 레스토프 효과는 다른 행동경제학 개념들과 자주 헷갈립니다. 경계를 명확히 해두면 실무에서 도구를 정확히 골라 쓸 수 있습니다.

개념	핵심 메커니즘	노리는 결과
폰 레스토프 효과(고립 효과)	주변과 다른 하나가 주의·기억을 독점	특정 요소가 눈에 띄고 기억됨
대비 효과(Contrast Effect)	인접 자극이 서로의 지각을 바꿈	같은 대상이 더 크거나 싸 보임
미끼 효과(Decoy Effect)	비대칭적으로 열등한 선택지가 특정 안을 돋보이게 함	원하는 플랜 선택 증가
힉의 법칙(Hick's Law)	선택지가 많을수록 결정 시간 증가	선택지를 줄여 결정 촉진

폰 레스토프 효과와 대비 효과(Contrast Effect)는 겹치는 듯 다릅니다. 대비 효과는 옆에 놓인 것 때문에 대상 자체의 지각이 달라지는 겁니다. 비싼 시계 옆에 놓인 중간 가격 시계가 갑자기 합리적으로 보이는 식이죠. 반면 폰 레스토프는 지각을 왜곡하기보다 주의와 기억을 특정 항목에 몰아주는 쪽에 가깝습니다.

미끼 효과(Decoy Effect)와의 차이도 중요합니다. 미끼 효과는 일부러 열등한 선택지를 하나 끼워 넣어 논리적으로 특정 플랜이 유리하게 보이게 만드는 선택지 구성의 문제입니다. 폰 레스토프는 선택지 구성이 아니라 시각적 강조의 문제고요. 실전 가격 페이지에서는 이 둘을 겹쳐 씁니다. 미끼로 논리를 만들고, 폰 레스토프로 시선을 얹는 거죠. 힉의 법칙(Hick's Law)은 선택지 개수 자체를 다루므로, "세 개로 줄이고, 그 중 하나를 튀게" 하는 식으로 폰 레스토프와 짝을 이룹니다.

스타트업 실전 적용: 가격·CTA·랜딩·이메일

이제 실제 화면에 어떻게 녹이는지 살펴보겠습니다. 핵심은 언제나 "하나만"입니다.

가격 페이지: 추천 플랜 한 칸만 다르게

세 티어 구조에서 팔고 싶은 중간 또는 중상위 플랜 하나에만 강조를 몰아줍니다. 색이 들어간 테두리, 살짝 더 큰 카드 크기, 컬러 CTA 버튼, "가장 많이 선택" 또는 "추천" 라벨. 실제로 강조가 잘 된 가격 페이지들은 추천 칼럼을 나머지보다 약간 위로 띄우거나 배경색을 반전시켜 시선을 묶어둡니다. 반대로 세 칸 전부를 화려하게 꾸미면 효과가 사라집니다. 강조는 배경이 있어야 성립합니다.

CTA 버튼: 색은 절대값이 아니라 대비값

허브스팟(HubSpot)의 잘 알려진 A/B 테스트에서 빨간 버튼이 초록 버튼보다 클릭률이 21% 높게 나온 사례가 있습니다. 빨강이 초록보다 본질적으로 우월해서가 아니라, 페이지 전체가 초록 계열이었기 때문에 빨강이 대비로 튄 것이었습니다(Laws of UX). 아마존의 주황색 "장바구니 담기" 버튼도 흰색·회색 인터페이스 위에서 도드라지도록 설계됐습니다. 교훈은 단순합니다. 만능 버튼 색은 없습니다. 우리 화면의 지배 색을 먼저 파악하고, 그 반대편 색을 CTA에 쓰는 것이 폰 레스토프의 정석입니다.

랜딩페이지: 시각 위계를 하나로 좁히기

한 화면에는 주요 행동(primary action)이 하나만 있어야 합니다. 무료 체험 시작이 목표라면 그 버튼만 컬러로 살리고, 로그인이나 문서 보기 같은 보조 링크는 텍스트 링크나 회색 버튼으로 낮춥니다. 사용자의 눈이 화면에 들어온 0.5초 안에 "저기를 누르면 되는구나"가 잡히면 성공입니다.

이메일·광고: 하나의 메시지, 하나의 버튼

이메일 뉴스레터에서 링크를 열 개씩 나열하면 클릭이 분산되고 결국 아무 데도 안 눌립니다. 핵심 CTA 하나를 컬러 버튼으로 크게 두고 나머지는 텍스트로 처리하면 클릭이 그 하나로 모입니다. 광고 크리에이티브도 마찬가지입니다. 온통 비슷비슷한 배너 사이에서 색·구도·유머로 패턴을 깨는 광고가 기억에 남습니다. 여기서도 목표는 화려함이 아니라 주변과의 차이입니다.

실전 가이드 4단계와 A/B 테스트

폰 레스토프 효과를 처음 적용한다면 아래 4단계를 순서대로 밟으시면 됩니다. 초보자도 그대로 따라 할수 있게 구성했습니다.

1단계 — 지배 요소를 파악한다. 개선하려는 화면을 열고, 지금 시각적으로 지배하는 색과 형태가 무엇인지 적습니다. 화면이 파란 계열인지, 카드가 다 회색인지, 버튼이 다 흰색인지. 튀게 만들려면 먼저 "배경"이 무엇인지 알아야 합니다.

2단계 — 강조할 대상을 딱 하나만 정한다. 이 화면에서 사용자가 해야 할 단 하나의 행동, 또는 팔고 싶은 단 하나의 플랜을 고릅니다. 두 개 이상이 후보라면 아직 화면 구조가 정리되지 않은 것이니, 우선순위부터 다시 세웁니다.

3단계 — 대비를 만든다. 지배 색의 반대편 색, 또는 크기·여백·라벨로 그 하나만 다르게 만듭니다. 색 하나에만 의존하지 말고 크기나 라벨을 함께 쓰는 것이 좋습니다. 색맹·저시력 사용자는 색 대비만으로는 차이를 못 느낄 수 있기 때문입니다. 접근성은 선택이 아니라 기본입니다.

4단계 — A/B 테스트로 검증한다. 강조를 넣은 버전과 넣지 않은 버전을 나눠 트래픽을 분배합니다. 통계적 유의성(보통 95% 신뢰수준)에 도달할 때까지 충분한 표본을 모아야 합니다. 예컨대 5% 기준 전환율에서 10% 개선을 감지하려면 변형당 대략 7,300명 안팎의 방문자가 필요하다고 알려져 있습니다. 감이 아니라 숫자로 확인하는 습관이 중요합니다.

한 가지 흔한 실수를 덧붙이면요. 성과가 나왔다고 강조 요소를 자꾸 늘리는 겁니다. 배너를 하나 더, 팝업을 하나 더, 빨간 뱃지를 하나 더. 그렇게 강조가 늘면 각각의 대비가 서로를 잡아먹어 결국 처음의 효과가 사라집니다. 폰 레스토프 효과의 생명은 절제입니다. 튀는 것은 언제나 하나여야 살아남습니다.

FAQ

폰 레스토프 효과는 초보 마케터도 바로 쓸 수 있나요?

네. 별도의 개발 없이 색·크기·라벨만 바꿔도 적용되기 때문에 진입 난도가 낮은 편입니다. 다만 "하나만 강조한다"는 원칙과, 우리 화면의 지배 색을 먼저 파악한다는 두 가지만 지키면 됩니다. 나머지는 A/B 테스트로 다듬어 가면 됩니다.

버튼을 빨간색으로 바꾸면 무조건 클릭률이 오르나요?

그렇지 않습니다. 빨강 자체에 마법이 있는 게 아니라 주변과의 대비가 핵심입니다. 페이지가 이미 빨강 계열이라면 빨간 버튼은 오히려 묻힙니다. 우리 화면에서 가장 적게 쓰인 대비색을 골라야 폰 레스토프 효과가 살아납니다.

미끼 효과나 앵커링과 같이 써도 되나요?

오히려 함께 쓰는 편이 강력합니다. 미끼 효과로 특정 플랜이 논리적으로 유리해 보이게 만들고, 폰 레스토프로 그 플랜에 시선을 얹으면 논리와 주의가 같은 방향을 가리킵니다. 다만 각 기법이 서로의 강조를 흐리지 않도록 강조 지점은 여전히 하나로 좁혀야 합니다.

강조를 늘릴수록 전환율이 계속 오르지 않나요?

아닙니다. 강조 요소가 많아지면 서로 대비를 상쇄해 전체적으로 다시 균일한 화면이 됩니다. 튀는 것이 둘 이상이면 폰 레스토프 효과는 급격히 약해집니다. 성과가 났을 때일수록 요소를 더하기보다 덜어내는 쪽을 검토하는 것이 안전합니다.

기존의 "예쁘게 대칭 맞춘 디자인"과 무엇이 다른가요?

완벽한 대칭과 균일함은 보기에는 좋지만 시선을 유도하지는 못합니다. 폰 레스토프 접근은 의도적으로 대칭을 하나 깨서 사용자의 눈이 갈 곳을 만들어 줍니다. 미학과 전환은 항상 같은 방향이 아니며, 전환이 목표라면 절제된 비대칭이 유리한 경우가 많습니다.