CTA 버튼은 한 화면에 하나만 주인공으로One Primary CTA Per Screen: The Paradox of Choice in UI
선택지가 많을수록 클릭이 줄어드는 힉의 법칙과 주요/보조 CTA 설계 전략을 다룹니다.How reducing the number of calls to action increases conversion — the psychology of choice overload applied to UI design.
- 주인공은 하나, 조연은 조용히
- CTA 문구: 동사로, 구체적으로
- 페이지 전체의 CTA 설계
- 실제 사례에서 배우기
- CTA 강등의 시각적 단계
- One primary, one secondary
- Why we add too many CTAs
- Hierarchy extends to copy too
화면에 버튼이 다섯 개 있으면 사용자는 다섯 번 클릭할까요? 현실은 반대입니다. 선택지가 많아질수록 결정에 걸리는 시간이 길어지고(힉의 법칙), 결정이 어려워지면 사람은 가장 쉬운 선택, 즉 '아무것도 하지 않기'를 고릅니다. 전환율을 높이는 첫걸음은 행동 유도(CTA)의 다이어트입니다.
주인공은 하나, 조연은 조용히
한 화면에는 하나의 주요 CTA만 시각적 주인공이어야 합니다. 강조색으로 채워진(filled) 버튼은 '시작하기' 하나에만 허락하고, 나머지 행동은 외곽선(outline) 버튼이나 텍스트 링크로 강등시키세요. '데모 보기', '더 알아보기' 같은 보조 행동이 주요 CTA와 같은 무게로 나란히 서 있으면 시선과 클릭이 분산됩니다. 색·크기·위치 모두에서 주연과 조연의 차이가 분명해야 합니다.
CTA 문구: 동사로, 구체적으로
버튼 문구는 클릭 후 일어날 일을 약속해야 합니다. '확인', '제출' 같은 시스템 언어보다 '무료로 시작하기', '견적 받아보기'처럼 사용자가 얻는 가치를 동사로 표현하는 쪽이 강합니다. 불안을 줄이는 보조 문구(카드 등록 불필요, 1분이면 가입 완료)를 버튼 근처에 두면 클릭의 심리적 비용이 더 내려갑니다.
페이지 전체의 CTA 설계
긴 랜딩 페이지라면 같은 주요 CTA를 스크롤 구간마다 반복 배치하는 것은 괜찮습니다. 원칙은 '한 화면(뷰포트)에 주인공 하나'이지 페이지 전체에 버튼 하나가 아닙니다. 히어로에서 한 번, 기능 소개 후 한 번, 가격표 아래에서 한 번. 사용자가 설득되는 순간마다 행동할 출구를 열어 두되, 그 출구는 항상 같은 문이어야 합니다.
지금 만드는 화면에서 채워진 버튼을 세어 보세요. 둘 이상이라면 그중 하나만 남기고 나머지를 한 단계씩 낮춰 보세요. 클릭이 모이는 곳이 달라지는 것을 데이터로 확인하게 될 것입니다.
실제 사례에서 배우기
전환 최적화가 잘 된 서비스들의 가입 페이지를 열어 보세요. 화면에 채워진 버튼이 몇 개인지 세어 보면 대부분 하나입니다. 검색 엔진의 홈은 검색창 하나, 동영상 서비스의 랜딩은 '시작하기' 하나, 결제 화면은 '결제하기' 하나. 보조 행동(로그인, 자세히 보기)은 모두 텍스트 링크로 강등되어 있습니다. 반면 전환이 안 나오는 페이지들은 공통적으로 배너, 팝업, 버튼이 서로 경쟁합니다. 잘되는 페이지의 공통점은 화려함이 아니라 단일한 초점입니다.
CTA 강등의 시각적 단계
행동의 우선순위를 버튼 스타일의 단계로 표현하는 체계를 만들어 두면 편합니다. 1순위는 채움(filled) 버튼, 2순위는 외곽선(outline) 버튼, 3순위는 텍스트 링크, 4순위는 아이콘 버튼. 한 화면에서 1순위는 하나, 2순위는 둘까지로 예산을 정하세요. 이 체계가 디자인 시스템에 들어가 있으면 "이 버튼 더 눈에 띄게 해 주세요"라는 요청에도 '그러면 어떤 버튼을 강등할까요'라는 생산적인 대화로 응답할 수 있습니다.
CTA 다이어트가 두렵다면 데이터를 방패로 삼으세요. 버튼을 줄인 버전과 기존 버전을 A/B 테스트로 비교하면 됩니다. 대부분의 경우, 선택지를 줄인 쪽이 이깁니다. 사용자에게 필요한 것은 더 많은 문이 아니라 더 분명한 문 하나입니다.
Giving users more options feels generous. Research consistently shows it backfires. Barry Schwartz's "paradox of choice" — popularized by the jam study showing lower sales with 24 varieties than 6 — applies directly to UI: more CTAs mean more decisions, more hesitation, and ultimately less action.
One primary, one secondary
The practical rule: each screen should have one primary CTA that is visually dominant, and optionally one secondary CTA that is visually subdued. The primary action is what you want most users to do; the secondary is a fallback for the minority who aren't ready. Make the visual contrast unmistakable — filled button vs. text link, or filled vs. outlined button.
Why we add too many CTAs
Multiple CTAs usually reflect internal disagreements about product priorities, not user needs. When the sales team wants "Start Trial," the marketing team wants "See Demo," and the product team wants "Explore Features," the path of least resistance is to add all three buttons. The user pays the cognitive cost. Force the decision internally — one primary action per screen — and the design improves as a side effect.
Hierarchy extends to copy too
CTA hierarchy isn't just visual. Copy matters: "Get started free" outperforms "Submit" because it tells the user what they gain, not what they do. Even a single well-designed CTA can underperform if the copy is passive or vague. Write the button label from the user's perspective, not the system's.
If reducing CTAs feels risky, use data as your shield — A/B test the single-CTA version against the current one. In most cases, fewer options win. Users need a clear door, not more doors.