가격표의 심리학: 더 매력적인 요금제 페이지 만들기
가격은 객관적인 숫자처럼 보이지만, 색상·위치·크기·배열 방식에 따라 소비자가 체감하는 가격은 달라질 수 있다. 닉 콜렌다는 빈 화면에서 요금제 페이지를 만든다는 가정 아래, 선택지를 비교하기 쉽게 만들고 가격을 더 매력적으로 보이게 하는 디자인 원칙들을 설명한다. 다만 일부 효과는 연구를 바탕으로 한 화자의 응용 또는 추측이며, 실제 페이지에서는 원칙을 기계적으로 따르기보다 테스트와 판단이 필요하다고 강조한다.
1. 색상은 가볍게, 선택지는 적게
영상은 가격이 겉보기에는 매우 객관적이고 논리적인 정보이지만, 글꼴이나 색상처럼 가격과 직접 관계없어 보이는 요소도 구매 판단에 영향을 줄 수 있다는 이야기로 시작한다. 화자는 자신이 정리한 관련 원칙들을 실제 요금제 페이지에 적용해 보겠다고 한다.
먼저 페이지의 색상은 가능한 한 줄이고 흰색과 밝은색을 넉넉하게 사용하라고 권한다. 색에는 시각적인 무게감이 있는데, 가격을 보여주는 상황에서는 무겁게 느껴지는 것이 불리할 수 있다는 설명이다.
"가격이 최대한 가볍게 느껴지도록 하고 싶다면, 페이지에 흰색과 밝은색을 많이 사용하세요."
요금제의 개수는 가능하면 3~4개 이내로 제한하는 것이 좋다고 말한다. 그는 움직이는 점을 동시에 추적하는 실험을 예로 든다. 점이 세 개일 때는 움직임을 함께 따라가기 쉽고, 네 개도 대부분의 사람이 어느 정도 추적할 수 있지만, 다섯 개가 되면 주의가 무너지기 쉽다는 것이다.
화자는 이 원리를 요금제 비교에도 적용한다. 선택지가 네 개 이하라면 한 번에 비교하기 쉽지만, 다섯 개 이상이면 일부를 먼저 살펴보고 그 정보를 기억한 채 다른 선택지를 비교해야 한다. 그만큼 사용자의 작업 기억, 즉 잠시 정보를 붙잡아 두고 처리하는 능력에 부담이 생긴다는 설명이다.
2. 요금제와 가격은 어디에 놓을까
요금제는 가급적 페이지 상단에 바로 보이도록 배치하라고 한다. 방문자는 요금제 페이지를 눌렀을 때 가격을 볼 것으로 기대하기 때문에, 페이지가 열린 뒤에도 가격이 보이지 않으면 답답하거나 잘못된 페이지에 온 듯한 느낌을 받을 수 있다는 것이다.
또한 선택지들을 화면 중앙에 두면 비교하기 쉽다고 말한다. 사람들의 시선이 중앙에 고정되는 경향을 고려한 배치다.
중앙 정렬이 어렵다면 왼쪽과 오른쪽 중 어디가 나을까? 화자는 상황에 따라 답이 달라진다고 설명한다.
- 가격을 보여주기만 하는 경우: 왼쪽을 권한다. 화면의 왼쪽이 시각적 받침점처럼 작용해, 가격이 오른쪽으로 멀리 갈수록 시소 끝에 놓인 것처럼 더 무겁고 비싸게 느껴질 수 있다는 설명이다.
- 사용자가 요금제를 선택해야 하는 경우: 오른쪽이 더 효과적일 수 있다고 말한다. 오른손잡이는 오른쪽, 왼손잡이는 왼쪽의 선택지를 고르기 쉽게 느끼는 경향이 있으며, 오른손잡이가 더 많기 때문이다.
"무의식적으로는 그 위치의 선택이 더 쉽게 느껴지고, 뇌는 그 쉬움을 원하는 마음으로 해석할 수 있습니다."
각 요금제 안에서 가격을 어디에 놓을지도 중요하다. 화자는 가격을 아래보다 위쪽에 두는 편을 선호한다. 식품 포장 연구에서 쿠키 이미지가 아래에 있으면 더 무겁게, 위에 있으면 들어 올릴 수 있을 만큼 가볍게 보였다는 사례를 소개하면서, 가격에도 비슷한 연상이 적용될 가능성을 제시한다. 다만 이는 해당 식품 연구를 가격 배치에 응용한 화자의 추론이다.
3. 요금제 사이의 거리를 좁혀라
화자는 요금제들을 서로 가깝게 배치하면 사용자가 이들을 하나의 묶음으로 인식하기 쉽다고 설명한다.
그 근거로, 여러 가방 중 하나에만 상품을 넣어 둔 연구를 소개한다. 참가자들은 가방들이 서로 가까이 놓인 집합에서 고르기를 더 선호했다. 가까이 있는 가방들이 시각적으로 하나의 그룹처럼 묶이면서, 한 가방에 든 상품이 집합 전체와 연결된 듯 느껴졌다는 해석이다.
"요금제들이 가까이 있으면 고객은 모든 요금제를 하나의 묶음으로 볼 수 있습니다."
화자는 비슷하게, 요금제들이 가까우면 각 선택지가 다른 요금제의 혜택과도 연결된 듯 느껴질 수 있다고 추측한다. 하지만 이것이 언제나 좋은 것은 아니다. 가장 저렴한 요금제가 가장 비싼 요금제와 비슷해 보이면, 고객이 더 비싼 요금제를 살 이유를 덜 느낄 수 있으므로 실제 반응을 시험해 보라고 조언한다.
이어 요금제끼리의 거리뿐 아니라, 화면 속 요금제와 사용자 사이의 심리적 거리도 줄여볼 수 있다고 한다. 배경에 은은한 요소를 넣어 요금제가 앞쪽에 떠 있는 듯 보이게 하면, 선택지가 물리적으로 가까워 보여 고르기 쉬워질 수 있다는 아이디어다. 예를 들어 배경에 구름을 넣으면 거리감뿐 아니라 가격에 연결되는 가벼운 느낌도 만들 수 있다고 덧붙인다.
4. 높이를 맞추고 이름을 강조하라
요금제 카드들은 같은 높이로 맞추는 것이 좋다고 한다. 핵심 내용 외의 시각적 차이를 줄이면, 사용자가 실제로 비교해야 할 차이에 집중하기 쉽기 때문이다.
화자는 같은 사람의 감정이 담긴 두 사진을 예로 든다. 두 사진의 크기와 인물이 같으면 보는 사람은 다른 조건들을 신경 쓸 필요 없이 표정의 차이를 빠르게 알아볼 수 있다. 반대로 인물이나 사진 크기까지 다르면 여러 변화가 동시에 주의를 끌어 비교가 느려질 수 있다.
"요금제의 높이를 같게 유지하면, 의미 있는 핵심 차이를 더 쉽게 알아보고 비교할 수 있습니다."
요금제 이름은 크고 굵게 표시하라고 권한다. 사용자의 관심을 '얼마를 지불해야 하는가'보다 '무엇을 얻게 되는가'로 이끌기 위해서다.
5. 비싼 요금제를 먼저 보게 하는 방법
요금제의 배열 순서를 설명하면서, 화자는 한 식당이 맥주 가격을 비싼 것부터 싼 것 순서로 나열해 매출을 늘린 연구를 소개한다. 먼저 본 높은 가격이 기준점이 되면서, 그다음 가격들이 상대적으로 저렴하게 느껴졌다는 것이다. 이런 비교 기준을 기준 가격이라고 볼 수 있다.
하지만 왼쪽에서 오른쪽으로 읽는 문화권에서는 숫자도 왼쪽에서 오른쪽으로 커진다고 자연스럽게 예상한다. 그래서 요금제 페이지에서는 보통 저렴한 상품을 왼쪽, 비싼 상품을 오른쪽에 두는 흐름을 따르는 편이 낫다고 말한다.
대신 화자가 제안하는 방법은 가장 비싼 요금제를 시각적으로 강조하는 것이다. 화면에서의 배열 순서보다 사용자가 실제로 어떤 가격을 먼저 평가하느냐가 중요하다는 설명이다.
"중요한 것은 배열 순서가 아니라 사람들이 요금제를 평가하는 순서입니다."
고객이 강조된 비싼 가격을 먼저 보면 그것이 높은 기준 가격이 되어, 뒤이어 보는 다른 요금제들이 더 저렴하게 느껴질 수 있다. 화자는 높은 가격 자체를 강조하고 싶지 않다면 근처에 높은 임의의 숫자를 보여주는 방법도 같은 원리를 활용할 수 있다고 제안한다.
6. 버튼에 시선을 모으는 장치
요금제 하단의 선택 버튼 위에는 아주 얇은 선을 넣어볼 수 있다고 한다. 선이 없으면 버튼이 요금제의 나머지 내용과 하나로 묶여 보이지만, 선을 추가하면 버튼이 별도의 요소로 구분되어 사용자의 주의가 그곳에 더 집중될 수 있다는 설명이다.
화자는 버튼 근처에 선이나 점 같은 질감을 더하는 아이디어도 소개한다. 한 연구에서는 사람들이 천이 찢어진 모습을 볼 때, 마치 스스로 찢는 것처럼 팔 근육이 활성화되었다고 한다. 이를 바탕으로 시각적인 질감이 촉각 경험을 떠올리게 하거나 신체 반응을 유도할 수 있다는 것이다.
"고객이 결정을 생각하는 순간 손의 근육을 활성화할 수 있다면, 요금제를 선택할 가능성이 높아질지도 모릅니다."
이는 해당 연구를 버튼 디자인에 연결한 가능성 제안으로 제시된다.
7. 가격의 숫자는 어떻게 고를까
화자는 가격 숫자의 효과가 구매 동기에 따라 달라질 수 있다고 설명한다. 반올림된 숫자는 감정적인 구매에, 정밀한 숫자는 이성적인 구매에 더 잘 어울린다는 것이다.
요금제는 대체로 이성적인 판단을 필요로 하지만, 지나치게 세밀한 숫자를 쓰면 디자인이 지저분해질 수 있다. 그래서 화자는 깔끔한 가격에서 맨 왼쪽 숫자를 낮추는 방식을 제안한다. 예를 들어 50달러 대신 49달러를 표시하는 것이다. 이런 가격을 흔히 매력 가격이라고 부른다.
"사람들은 49달러를 끝까지 읽기 전에 이미 가격을 처리하기 시작합니다. 그래서 40달러에 더 가깝게 느껴질 수 있습니다."
숫자의 홀짝 여부, 발음할 때의 음절 수, 숫자의 시각적 방향 등도 가격 인식에 영향을 줄 수 있다고 언급하면서, 자세한 내용은 자신의 무료 자료를 참고하라고 안내한다.
8. 가격의 글자 크기는 상황에 따라 다르다
가격을 큰 글씨로 쓰면 시각적인 크기가 숫자의 크기로 잘못 연결되어 더 비싸게 느껴질 수 있다고 한다. 하지만 화자는 이 효과가 항상 불리한 것은 아니라고 설명한다.
고객이 이미 예상 가격을 알고 있고, 실제 가격이 그보다 저렴하다면 고객은 가격 자체보다 예상 가격과 실제 가격의 차이를 평가할 수 있다. 이때 큰 글씨는 가격이 싸다는 차이를 더 크게 느끼게 하는 방향으로 작용할 가능성이 있다는 것이다.
"뭔가 크게 보인다. 그렇다면 예상 가격과의 차이도 크겠구나."
화자가 제시하는 실무적인 기준은 다음과 같다.
- 가격 경쟁력이 있다면: 가격을 시각적으로 크게 보여주는 방법을 고려한다.
- 가격 경쟁력이 약하다면: 가격의 시각적 존재감을 줄이는 방법을 고려한다.
9. 결제 주기와 통화 기호를 다듬어라
'월간'처럼 결제 주기를 나타내는 문구는 가격 바로 옆보다 가격 아래에 두라고 권한다. 옆에 문구를 두면 그것이 시각적인 비교 기준이 되어 가격이 더 커 보일 수 있고, 여러 요금제의 숫자를 직접 비교하기도 어려워진다는 설명이다.
반대로 결제 주기를 아래로 내리면 가격 숫자들이 더 분명하게 분리된다. 사용자는 각 요금제의 숫자를 비교할 때 주변 정보를 덜 붙잡아 두어도 된다.
가격 색상에 대해서는 빨간색 가격이 남성에게 더 매력적으로 보인다는 연구가 있다고 짧게 언급한다. 다만 화자는 그보다 통화 기호의 색을 옅게 하고 투명도를 높여 덜 눈에 띄게 만드는 것이 더 효과적인 조정일 수 있다고 본다. 돈을 지불한다는 사실을 강하게 떠올릴 때 느끼는 '지불의 고통'을 줄이려는 의도다.
10. 할인 가격은 차이를 쉽게 보이게 하라
할인 가격을 보여줄 때는 현재 가격 위에 더 높은 원래 가격을 취소선과 함께 표시하면 현재 가격이 저렴해 보일 수 있다. 단, 화자는 반드시 실제이고 믿을 수 있는 가격일 때만 그렇게 하라고 강조한다.
"이 숫자가 진짜이고 신뢰할 수 있을 때만 그렇게 하세요."
그가 시도해 보는 할인 디자인은 다음과 같다. 위쪽의 원래 가격을 시각적으로 크게 해 아래쪽 할인 가격이 비교상 작게 보이게 한다. 동시에 원래 가격의 투명도를 높여 덜 두드러지게 만들고, 할인 가격에는 빨간색을 써서 사용자의 시선을 현재 가격에 집중시킨다.
화자는 이런 시각적 대비를 자신이 말하는 '대비의 유창성'과 연결한다. 예를 들어 광고에서 문제 상황은 흑백으로 보여주고 해결된 모습은 선명한 색으로 보여주면, 보는 사람은 시각적 차이를 통해 제품이 만들어 낸 변화도 크다고 느낄 수 있다. 할인 표시에서도 강한 시각적 대비가 가격 차이까지 크게 느끼게 할 수 있다는 것이다.
숫자 사이의 물리적 간격을 넓히면 숫자상의 차이도 더 커 보일 수 있다고 말한다. 그 사이에 얇은 선을 넣어 수직선 같은 느낌을 주는 시도도 소개한다.
원래 가격을 위에, 할인 가격을 아래에 두면 자리별로 숫자를 비교하기 쉬워 빼기 계산이 간편해진다. 반대로 할인 폭이 작다면, 두 가격을 가로로 배치해 그 차이를 쉽게 계산하지 못하도록 하는 방법을 고려할 수 있다고 덧붙인다.
11. 계산하기 쉬운 숫자가 주는 느낌
화자는 50달러와 25달러처럼 차이를 계산하기 쉬운 숫자가 특히 효과적일 수 있다고 말한다. 두 숫자의 차이를 쉽게 알아볼수록 그 간격이 더 크게 느껴질 수 있다는 계산 용이성 효과 때문이다.
"무언가를 쉽게 알아볼 수 있다면, 감각적인 세계에서는 그것이 큰 경우가 많습니다."
이러한 경험 때문에 숫자의 차이도 쉽게 알아볼 수 있으면 무의식적으로 더 크게 느껴질 수 있다는 설명이다.
또한 50은 25로 나누어떨어진다는 점에도 주목한다. 한 연구에서는 24달러짜리 피자 옆에 그 가격의 배수인 가격 두 개가 함께 표시되었을 때, 고객들이 해당 피자를 더 좋게 느끼고 구매를 결정했다고 소개한다. 숫자들의 관계가 잘 맞아떨어지는 듯한 느낌을 주었을 수 있다는 해석이다.
화자는 149처럼 덜 단순한 숫자에서도 비슷한 효과가 나타날지 궁금해하며, 나타나더라도 정도는 약할 것 같다고 추측한다.
12. 원칙보다 중요한 것은 실제 디자인의 판단
영상을 마무리하며 화자는 관련 심리 원칙을 정리한 무료 PDF를 다시 안내한다. 동시에 지금까지 소개한 지침은 언제든 상황에 맞게 바꿀 수 있다고 말한다.
예를 들어 자신이 만든 할인 가격 디자인에도 완전히 확신하지 못한다고 고백한다. 원래 가격을 크게 쓰면 아래 할인 가격이 비교상 작아 보이는 장점은 있지만, 위쪽 가격을 줄이면 전체 디자인이 더 명확해질 수 있기 때문이다.
"이 원칙들을 적용할 때는 언제나 스스로 판단하세요."
마지막으로 화자는 자신이 요금제 페이지를 만든다면 흰 여백을 충분히 쓰고, 요금제는 3~4개 이내로 상단에 가깝게 배치하며, 높이와 간격을 정돈하겠다고 정리한다. 배경 이미지나 자연스러운 질감으로 선택지가 가깝고 감각적으로 느껴지게 하고, 가격은 카드 위쪽에 두며, 결제 주기는 그 아래에 놓는다. 여기에 가격의 맨 왼쪽 숫자를 낮추는 방식을 고려하고, 버튼 위에는 가는 선을 넣어 선택 행동에 주의를 모으겠다는 것이다.