"방문자는 꽤 되는데 문의는 거의 없어요." 이런 고민을 들고 오신 홈페이지를 열어 보면, 의외로 문의 버튼을 찾기 어려운 경우가 많습니다.
홈페이지의 목적이 문의나 예약이라면, 모든 페이지는 결국 하나의 버튼을 향해 가야 합니다. 마케팅에서는 이런 버튼을 CTA(Call To Action, 행동 유도)라고 불러요. 화려한 디자인보다 이 버튼 하나를 제대로 두는 것이 결과를 더 크게 바꾸기도 합니다.
1. "보내기" 대신 무엇이 일어나는지 적어 주세요
"확인", "보내기", "클릭" 같은 문구는 누르면 무슨 일이 생기는지 알려 주지 않습니다. "무료 상담 신청하기", "견적 받아 보기", "예약 가능한 날짜 보기"처럼 버튼을 누른 뒤의 결과를 문구에 담아 주세요. 망설이는 손님에게는 "1분이면 끝나요" 같은 짧은 안내를 버튼 옆에 붙이는 것도 도움이 됩니다.
2. 손가락으로 누르기 충분한 크기
웹 접근성 지침(WCAG 2.2)은 누를 수 있는 대상을 최소 24×24px 이상으로 두도록 정하고 있고, 애플과 구글의 디자인 가이드도 44~48 정도를 권합니다. 한걸음은 주요 버튼의 높이를 48px 이상으로 잡아요. 버튼 둘이 나란히 있다면 사이 간격도 충분히 두어 엉뚱한 버튼이 눌리지 않게 합니다.
3. 첫 화면에 한 번, 내용 끝에 한 번
버튼은 이미 마음을 정한 손님을 위해 첫 화면에 한 번, 설명을 다 읽고 결정한 손님을 위해 내용이 끝나는 곳에 한 번 두는 것이 기본입니다. 긴 페이지라면 중간중간 같은 버튼을 반복해도 괜찮아요. 휴대폰에서는 화면 아래에 고정된 전화·문의 버튼이 특히 효과적입니다.
4. 주인공 버튼은 하나만
한 화면에 비슷하게 눈에 띄는 버튼이 서너 개 있으면 손님은 어느 것도 누르지 않습니다. 가장 원하는 행동 하나만 채운 색 버튼으로 두고, 나머지는 테두리 버튼이나 글자 링크로 한 단계 낮춰 주세요. 주인공 버튼의 색은 홈페이지 전체에서 같은 색으로 통일하면, 손님이 "이 색은 누르는 곳"이라고 금방 익힙니다.
5. 버튼을 누른 다음 화면까지 디자인합니다
버튼을 눌렀는데 입력 칸이 열 개, 스무 개 나오면 손님은 거기서 멈춥니다. 처음에는 연락처와 간단한 내용만 받고, 자세한 이야기는 상담에서 나누는 편이 문의로 이어지기 쉬워요. 보내기를 누른 뒤에는 "언제, 어떤 방법으로 연락드릴지"까지 알려 주어야 손님이 안심합니다.
CHECKLIST오늘 바로 점검해 보세요
- 버튼 문구가 누른 뒤의 결과를 알려 주나요?
- 휴대폰에서 버튼 높이가 48px 이상인가요?
- 첫 화면과 내용 끝에 문의 버튼이 있나요?
- 한 화면에서 가장 눈에 띄는 버튼이 하나뿐인가요?
- 문의 양식의 입력 칸이 꼭 필요한 것만 남아 있나요?
참고 자료
보기 좋은 것을 넘어, 쓰기 편한 화면을 고민합니다. 화면 구성과 글자, 버튼처럼 손님이 직접 만지는 부분의 이야기를 씁니다.
