쇼핑 웹사이트의 CTA 디자인 Econsultancy: 7 팁

의 최적화에 전자 상거래 업계 응답자의 53%

전자 상거래에서 사람들에 초점을 더 최상의 방법을 전환 속도 최적화는 종종 간과 하는 동안 트래픽과 방문자를 유치. 어도비의 마케팅 최적화 보고서에서 우리 전자-상거래 업계 응답자의 53% 했다 발견 미만 5% % 최적화 예산의 이러한 작은 증가 달러의 수백만 이어질 수 있지만.

사용자 (CTA)의 작업에 관련 된 전환율 최적화에 당신을 계몽 하려고 하는 것 들의 일부는 다음과 같습니다. 물론 보편적인 최적화 규칙은, 시도 하 고 지속적으로 테스트 해야 합니다.

단어

행동 하는 사용자에 게 적합 한 단어를 사용 하 여 비교적 간단한 일 이며 간단한 단어에 행동에 대 한 사용자의 욕구를 설정 하기만 하면. 하지만 단어에서 당신은 또한 비상 처럼 되 고 사용자가 특정 작업을 수행 합니다.

쇼핑 사이트의 제품 페이지에서 표준 단어는 "지금 구매", 또는 "추가 바구니" (장바구니에 추가)는 널리 채택 되었으며 허용, 그리고 그것은 확실 하지 않습니다 새로운 말 씨는 사용자를 혼란 스럽게 한다.

Spotify는 다른 시나리오에서 좋은 경우 간단한 이름입니다 "무료로 Spotify" 고 분명히 불러 내 작업 단추는 좋은 판매 드라이버 이다.

색

이상적으로, CTA 필요 눈, 눈을 잡아 색깔과 주변에와 함께 혼합 안을 사용 하 여 합니다. 그것은 매우 필요가 어떤 색의 테스트에 대 한 더 나은 눈입니다. Asos와 아마존 현재 사용 하는 주황색 버튼 흰색 배경에.

스 카이 프 사용 하는 "조인" CTA 무시할 수 없는 그것의 페이지에 단추.

HubSpot의 CTA 주황색과 회색 바다에서 손실 됩니다.

존 루이스는 또한 그의 밝기를 조정 하려면 필요 하기 때문에 상대적으로 평평 하 고 주위와 하지 저명한 비교 쇼핑 바구니에 추가.

위치

CTA의 위치는 잘 마 땅, 방문 페이지, 관객의 의도 및 페이지 정보의 복잡성의 목적에 따라. 더 많은 판매 리드 또는 판매 하려는 경우 페이지의 위쪽에 CTA를 넣어 큰 문제가 아니다.

그러나이 필요 하지 않습니다, 그리고, 사용자로 서 동작 시간이 지남에 변경 하 고 사용자가 자주 페이지 아래 스크롤. 그리고 더 복잡 한 것 들을 설명 페이지 시간 구매 결정 다음 페이지의 하단에 CTA를 넣어 소비자 들을 설득 하는 문제가 되지 않습니다.

일반적으로, 전자-상거래 사이트 제품 페이지에 일반 사용자는 CTA 근처 제품 이미지를 볼 것으로 예상 된다, 다음 예제는 a:

크기

당신은 확실히 사용자가 전체 페이지를 보고 다음에 무슨 CTA를 찾고 싶지 않아요. 그래서 CTA가 충분히 신속 하 게 볼 수 사용자에 대 한 큰 해야 합니다.

아래와 같은, CTA는 그것을 놓치지 않을 것 이다.

그래서 모질라의 파이어 폭스 cta를 않습니다.

일부 빈을 둡니다.

두 가지 목적을 위한 CTA 주위에 충분 한 공간을 두고: 쉬운 눈 위치 하 고 클릭 하기 쉬운.

붐비는 경우, 그것은 의도 하지 않은 클릭과 좌절 사용자 경험에 이어지는 느린 탐색을 많이 발생할 수 있습니다. 좋은 사례: 빅토리아 시크릿의를 사용 하 여 매우 간단한 호흡 CTA 룸을 허용 하는 제품 페이지 .

하지만 하나 더 할 수 있는 다음 모든 후, 조금 혼잡.

여러 고려

페이지에 여러 CTA를 한다고 반드시 더 많은 판매를가지고 고 아니지만 당신이 페이지와 복잡성을 많이 있다면 그것을 시도할 수 있습니다. 페이지에 둘 이상의 파티션이 있는 경우 해당 CTA를 추가 사용자가 빠른 활동을 촉진할 수 있다

지속적인 테스트

CTA를 찾을 수 있는 가장 좋은 방법은 테스트 계속 A를 사용 하는 / b 테스트는 더 나은 디자인을 찾을 수 있도록. 다음 예제는 단순히 35.81%를 연구 및 클릭률 수정합니다.

만약 당신이 웹 사이트 디자이너, 잘하면 199it 컴파일이 기사 당신을 도울 것 이다. 당신은 오신 것을 환영 합니다 귀하의 생각과 당신의 응답의 경우 기여 또한 있다.