헤더, 첫 화면, 설명 중간, 마지막에 모두 ‘무료로 시작하기’ 버튼이 있는 페이지를 떠올려 보자. 검토자가 버튼이 네 개라며 세 개를 지우면 화면은 단순해진다. 하지만 아래까지 읽은 사람은 다시 위로 올라가야 한다. 선택이 네 개였던 게 아니라, 같은 선택으로 들어가는 입구가 네 곳에 있었기 때문이다.
이 글은 여러 랜딩 페이지에서 반복되는 구조를 설명하기 위해 만든 합성 예시를 사용한다. 핵심은 버튼 수를 세는 대신, 각 버튼이 요구하는 행동·도착지·부담·대상을 비교하는 것이다. 그러면 어떤 반복은 남겨야 하고 어떤 버튼은 합치거나 이름을 바꿔야 하는지 구분할 수 있다.
버튼 네 개가 선택지 네 개는 아니다
CTA는 독자에게 다음 행동을 요청하는 장치다. ‘체험 시작’, ‘상담 예약’, ‘가격 보기’ 같은 버튼이 대표적이다. 이때 화면에 보이는 CTA의 개수와 독자가 내려야 하는 결정의 개수는 다를 수 있다.
같은 ‘체험 시작’ 버튼이 페이지 위와 아래에 있고 둘 다 같은 가입 화면으로 이동한다면, 독자는 새로운 선택을 하는 것이 아니다. 읽는 위치가 달라졌을 때 같은 행동을 이어갈 수 있을 뿐이다. 반대로 ‘체험 시작’과 ‘상담 예약’은 이름이 비슷하게 강조돼도 요구하는 부담과 이후 절차가 다르다. 이 둘은 실제로 경쟁하거나, 서로 다른 사람을 안내한다.
같은 문구보다 같은 결정을 확인한다
버튼 문구만 같다고 같은 선택은 아니다. 같은 문구가 서로 다른 화면으로 이어지거나, 한쪽은 바로 계정을 만들고 다른 쪽은 신청서를 제출하게 할 수도 있다. 반대로 문구가 조금 달라도 도착지와 요구 조건이 같다면 한 결정의 다른 표현일 수 있다.
버튼을 정리하기 전에는 다음 네 가지를 함께 본다. 누가 눌러야 하는가, 누르면 어디로 가는가, 무엇을 제출하거나 약속해야 하는가, 클릭 뒤에 실제로 어떤 절차가 시작되는가. 네 항목이 같다면 반복 배치일 가능성이 높다. 하나라도 크게 다르면 별개의 선택으로 다뤄야 한다.
어떤 버튼이 서로 경쟁하는가
아래 표는 버튼의 겉모습이 아니라 독자가 내려야 하는 결정을 비교한다. 수치 자료가 없는 구조 비교이므로 효과 크기는 표시하지 않는다.
| 화면에 보이는 상태 | 독자가 내리는 결정 | 경쟁 여부 | 편집 판단 |
|---|---|---|---|
| 위·중간·아래에 같은 ‘체험 시작’ | 같은 대상, 같은 가입 화면, 같은 조건 | 서로 경쟁하지 않음 | 읽는 위치에 맞춘 입구로 보고 유지 여부를 검토한다 |
| ‘체험 시작’과 ‘상담 예약’ | 즉시 사용과 사람을 통한 상담 중 선택 | 서로 다른 부담과 절차 | 누구에게 맞는지 설명하고 우선순위를 정한다 |
| 같은 ‘시작하기’, 서로 다른 도착지 | 버튼마다 다른 절차가 시작됨 | 겉으로 드러나지 않은 선택 | 행동을 구분해 이름을 바꾸거나 경로를 통일한다 |
| ‘보안 자료 보기’와 ‘계정 만들기’ | 검토를 계속할지, 사용을 시작할지 선택 | 구매 단계가 다름 | 주요 행동과 확인용 자료를 같은 무게로 보이지 않게 한다 |
반복 배치는 접근 지점으로 다룬다
같은 결정을 반복해서 보여준다면 각 버튼의 역할은 선택지를 늘리는 것이 아니라, 독자가 준비된 순간에 다음 단계로 갈 수 있게 하는 것이다. 이 경우 모든 버튼을 한곳에 모으기보다 긴 설명의 끝, 조건을 확인한 뒤, 페이지 마지막처럼 행동할 이유가 생기는 위치에 두는 편이 자연스럽다.
다만 반복이 많다는 이유만으로 효과가 좋아진다고 말할 수는 없다. 버튼이 본문을 방해하거나, 같은 문구가 지나치게 자주 나타나거나, 모바일 화면에서 내용을 밀어낸다면 줄여야 한다. 실제 행동 자료가 없다면 어느 위치가 더 잘 작동하는지는 확인되지 않은 상태다.
수정 뒤에는 무엇을 확인해야 하나
먼저 같은 결정으로 묶은 버튼이 정말 같은 도착지와 조건을 유지하는지 확인한다. 다음으로 키보드 이동과 화면 읽기 도구에서 버튼 이름이 분명한지, 작은 화면에서 본문을 가리지 않는지 본다. 행동 자료를 볼 수 있다면 위치별 클릭만 비교하지 말고, 클릭 뒤 가입이나 문의가 끝까지 이어졌는지도 함께 확인한다.
이번 원칙은 버튼을 몇 개 두어야 한다는 정답을 제시하지 않는다. 검증 범위는 화면 구조와 문구의 일관성까지다. 실제 전환 변화, 적정 반복 횟수, 가장 좋은 위치는 대상 독자와 페이지 길이, 기기 환경에 따라 달라지므로 별도 관찰이 필요하다.
버튼을 합쳐야 하는 경우
서로 다른 버튼이 같은 사람에게 같은 순간 비슷한 무게로 여러 약속을 요구한다면 단순 반복이 아니다. 예를 들어 ‘무료 체험’, ‘상담 요청’, ‘견적 받기’가 설명 없이 나란히 놓이면 독자는 무엇부터 해야 할지 판단해야 한다. 이때는 하나를 무조건 지우기보다, 각 행동이 누구를 위한 것인지 밝히고 주요 행동과 보조 행동의 순서를 정한다.
한편 결제나 가입 전에 법적 동의, 보안 확인, 접근 권한 선택처럼 반드시 분리해야 하는 결정도 있다. 화면을 단순하게 보이게 하려고 이런 선택을 하나로 합치면 안 된다. 줄여야 할 것은 필요한 결정이 아니라, 같은 무게로 경쟁하는 설명 없는 선택이다.
페이지를 고치기 전에 할 일
페이지의 모든 버튼을 목록으로 만든 뒤 문구가 아니라 대상·도착지·부담·후속 절차로 묶어 보자. 네 항목이 같은 버튼은 하나의 결정이 여러 위치에 나타난 경우로 표시한다. 다른 항목이 있는 버튼은 왜 달라야 하는지 한 문장으로 설명한다. 그 문장을 쓰기 어렵다면 이름이나 우선순위가 아직 독자에게 충분히 드러나지 않은 것이다.
결정 규칙은 간단하다. 같은 사람에게 같은 결과와 같은 부담을 요구한다면 반복 배치로 보고, 결과·부담·대상 중 하나가 달라지면 별개의 선택으로 설명한다. 버튼 수를 줄이는 일은 그다음이다.