UI를 약간만 수정하여, 우리가 원하는 액션을 잠재고객이 하도록 유도할 수 있어요. 그럼 어떻게 UI를 개선해 나아가야 할까요? 효과적인 방법 중 하나는 A/B테스트에요. A/B테스트는 기존의 A안과 새로 적용하고자 하는 B안을 통계적으로 비교하여 어떤 안의 성과가 더 나은지 비교하는 방법이에요. A/B테스트는 UI 뿐만 아니라 광고 소재, 카피, 타겟 등 다양한 방면에서 활용해죠.
B2B SaaS 제품을 마케팅하는 저도 A/B테스트를 통해, 웹사이트 UI를 점차 개선해 나아갔어요. 결과적으로 아래의 그래프와 같이 저희 웹사이트 상 주요 CTA 버튼(Call To Action, 본 글에서는 “무료체험 바로 시작” 버튼을 의미)의 클릭률이 크게 증가했죠. 증가의 원인이 단순히 A/B테스트라고 할 수는 없어요. 광고 최적화, 타게팅 등 다양한 요인이 존재하죠. 하지만 클릭률 추이를 직접 관리한 제가 보기엔 A/B테스트가 주요한 원인 중 하나죠.
그럼 어떤 A/B테스트를 실행하여 클릭률을 증가 시켰는지 성공 사례 중심으로 소개할게요.
- CTA 버튼 개수
- CTA 버튼 색상
- CTA 버튼 디자인
1) CTA 버튼 개수
CTA 버튼(무료체험) 개수를 변수로 A/B테스트를 진행했어요. 아래의 그림에서 보시다시피 원본 페이지(A안)에는 2가지의 무료체험을 제안했죠. 하지만 저희 서비스는 인지도가 높지 않기 때문에, 서비스 유입 초기부터 무료체험 옵션을 제공하는 게 잠재 고객의 이탈을 가속화 할 수 있겠다는 생각을 했어요. 유저가 무료체험을 빨리 시작해줬으면 하는데, 무료체험 시작 전에 “비즈니스 무료체험”과 “프리미엄 무료체험”의 차이를 먼저 생각하게 만든 꼴이잖아요. 그리고 그 차이를 생각하는 과정에서 어려움을 느낀 유저가 이탈할 수 있다고 생각했죠. 그래서 대안 페이지(B안)과 같이 무료체험 버튼을 1개로 통일했죠.
- 가설 : 다수의 무료체험 버튼은 고객에게 혼란을 주어, 유저의 이탈을 가속하고, 버튼 클릭 전환을 방해할 수 있다.
- 평가 지표 : 무료체험 버튼 클릭
- 변수 : 무료체험 버튼의 개
- 결과
| 원본 페이지 A안 | 대안 페이지 B안 | 증감 | |
| 클릭률 | 1.41% | 2.13% | +0.72%p |
실험 결과 대안 페이지의 클릭률이 0.72%p 더 높았죠. 그래서 대안 페이지처럼 무료체험 버튼을 하나로 통일했어요. 가설이 참임을 증명했고, 다음의 인사이트를 얻었어요.
"초기 유저가 고민할 만한 요소를 지우면 유저가 다음 액션으로 이동할 확률이 높아진다."
2) CTA 버튼 색상
2번째로 소개할 A/B테스트는 버튼 색상을 변수로 한 실험이에요. 저희 웹사이트는 주황색을 포인트 색상으로 활용하는데요. CTA 버튼은 아래 이미지와 같이 “무료체험 바로 시작” 버튼이 진회색으로, “영업/기술 상담하기” 버튼이 주황색으로 표현되어 있었죠. 하지만 중요한 액션에 포인트 색상을 부여하는게 옳다고 생각했어요. 무료체험이 더 중요한 액션이기에 “무료체험 바로 시작” 버튼을 포인트 색상인 주황색으로 디자인하고, “영업/기술 상담하기” 버튼을 연회색으로 교체했죠. 이렇게 “무료체험 바로 시작” 버튼의 주목도를 높이고자 했어요.
- 가설 : 더 중요한 액션인 ”무료체험 바로 시작” 버튼에 포인트 색상을 부여하여, 해당 버튼 클릭을 유도할 수 있다.
- 평가 지표 : 무료체험 버튼 클릭
- 변수 : CTA 버튼 색
- 결과
| 원본 페이지 A안 | 대안 페이지 B안 | 증감 | |
| 클릭률 | 7.6% | 8.9% | +1.3%p |
A/B테스트 결과 “무료체험 바로 시작”버튼에 포인트 색상을 사용한 대안페이지에서 1.3%p 높은 클릭률을 기록했어요. 단순한 버튼 색상 변경으로 1.3%p의 클릭률을 높인건데, 가성비가 매우 좋죠. 이번 테스트로 다음의 인사이트를 얻었어요.
“포인트 색상으로 다음 액션에 대한 시그널을 직관적으로 줄 수 있다.”
3) CTA 버튼 크기
앞선 “CTA 버튼 색상” 실험에서 얻은 인사이트를 더 발전시키고자 설계한 A/B테스트에요. 어떻게 하면 “무료체험 바로 시작 버튼을 클릭해주세요~”라는 시그널을 더 강력하게 줄 수 있을까를 고민했죠. 그래서 이번에는 “영업/기술 상담하기 버튼”을 최소화하여, 상대적으로 “무료체험 바로 시작” 버튼을 강조하고자 했어요. 그래서 “영업/기술 상담하기” 버튼을 텍스트 형식의 버튼으로 만들어 대안 페이지를 만들었죠.
- 가설 : 영업/기술 상담하기 버튼 크기를 최소화하여, 무료체험 바로 시작 버튼 클릭이 다음 액션임을 더 강력하게 전달할 수 있다.
- 평가 지표 : 무료체험 버튼 클릭률
- 변수 : CTA 버튼 디자인
- 결과
| 원본 페이지 A안 | 대안 페이지 B안 | 증감 | |
| 클릭률 | 14.9% | 16.4% | +1.5%p |
이번 실험도 1.5%p 증가라는 의미 있는 성과를 보았고, 대안 페이지로 페이지를 교체했습니다. 그리고 다음의 인사이트도 얻었죠.
"버튼 디자인/크기로도 다음 액션에 대한 시그널을 강력하게 줄 수 있다"
소개할 사례는 여기까지예요. 시중에 다양한 A/B테스트 서비스가 있어요. 저는 무료이기도 하고 도입도 쉬운 구글 옵티마이즈를 사용했죠. A/B테스트를 고민 중이시라면, 다양한 서비스를 검토하고 한 번 시도해보세요. 1석 3조거든요. 배울 수 있는 거도 많고, 성과도 향상할 수 있고, 재미있고.
'마케팅' 카테고리의 다른 글
| [구글 스마트 입찰 2편] 구글 애즈의 전환 가치 기반 입찰 알아보기 (1) | 2023.11.29 |
|---|---|
| [구글애즈] 검색 광고 CPC 낮추면서, 광고 상위 노출하기 (0) | 2023.11.29 |
| SaaS 마케터의 즐겨찾기 : 뉴스레터, 웹매거진 (0) | 2023.11.19 |
| B2B SaaS 마케터가 직접 해본 고객 조사 이야기(인터뷰, 설문) (1) | 2023.11.11 |
| AWS 파트너 마케팅 데이 후기(feat. AWS, 파트 B2B마케팅 사례) (1) | 2023.10.29 |
