최고의 결제 전환율을 위한 체크아웃 페이지 UI 및 UX 모범 사례

많은 전자 상거래 소유자는 전체 웹 사이트 및 온라인 상점 디자인을 최적화하는 데 집중하지만 결제 페이지에는 심각한 주의를 기울이지 않습니다. 결제 UI를 최적화하고 결제 경험을 개선하면 카드 포기가 줄어들고 매출이 증가합니다.

장바구니 포기 비용은 얼마입니까?

Baymard Institute에 따르면 문서화된 온라인 쇼핑 카트 이탈률의 평균은 무려 69.89%입니다. 이 수치는 카트 포기에 대한 평균 40개의 다른 연구를 통해 도달했으며, 그 중 일부는 평균 카트 포기율이 81%를 넘었습니다!

Baymard에 따르면 소비자가 온라인 장바구니를 포기하는 상위 10가지 이유는 다음과 같습니다.

• 60% - 추가 비용(예: 배송 또는 세금)이 너무 높습니다.
• 37% – 계정 등록이 필요한 사이트.
• 28% – 결제 경험이 너무 길거나 복잡했습니다.
• 23% – 사용자가 총 비용을 미리 계산할 수 없었습니다.
• 20% – 사이트가 다운되거나 버그가 있습니다.
• 19% – 사용자는 신용 카드 정보로 사이트를 신뢰하지 않았습니다.
• 18% – 배송이 너무 느렸습니다.
• 11% – 좋은 반품 정책이 없었습니다.
• 8% – 지불 방법이 충분하지 않았습니다.
• 4% – 신용 카드가 거부되었습니다.

이 기사에서는 더 많은 소비자가 구매를 완료할 수 있도록 이러한 10가지 문제를 해결하는 방법에 중점을 둘 것입니다. 또한 결제 프로세스를 최적화하여 판매를 늘리는 방법에 대한 추가 팁을 소개합니다.

결제 페이지 UI 및 UX를 개선하면 무엇을 얻을 수 있습니까?

Baymard에 따르면 통계에 따르면 결제 경험을 최적화하면 전환율을 35% 이상 높일 수 있습니다. 이렇게 하면 수익에 도움이 되고 비즈니스에 더 많은 투자를 하고 더 빠른 속도로 성장할 수 있습니다.

미국과 EU에서 회수 가능한 총 전자 상거래 매출의 35%는 2,600억 달러에 달합니다. 결코 적지 않은 금액입니다!

다음은 결제 UI 및 UX를 개선하는 방법에 대한 22가지 팁입니다. 이 팁은 네 가지 주요 범주로 나뉩니다.

• 실제 결제 및 구매 프로세스 개선
• 사용자 신뢰 증대
• 사이트 및 결제 페이지 디자인 개선
• 입증된 마케팅 기법을 사용하여 더 많은 전환 얻기

위에서 언급한 장바구니 포기의 상위 10가지 원인과 관련하여 뒤처지고 있다는 것을 알게 되면 먼저 해결하는 데 집중하세요.

체크아웃 페이지 UX 개선

다음 팁은 사이트의 체크아웃 UX를 개선하는 데 중점을 둡니다.

1. 총 비용에 대해 솔직하게 이야기하십시오.

온라인 쇼핑객이 감당할 수 있다고 생각하는 훌륭한 제품을 찾다가 결제 정보를 입력하라는 요청을 받았을 때 추가 수수료, 세금 또는 배송료가 부과되는 것보다 더 실망스러운 일은 없습니다.

하지 말아야 할 일의 예는 호텔 예약 웹사이트를 보면 알 수 있습니다. MoneySavingExpert의 조사에 따르면 사용자가 목록을 검색할 때 일부 사이트에는 세금 및 추가 수수료가 적용되기 전에 각 호텔의 가격이 표시되는 경우가 있습니다. 사용자는 예약 버튼을 클릭한 후에만 추가 요금에 대해 알 수 있습니다.

최종 가격을 알려주지 않으면 소비자가 어떤 제품을 사고 싶은지 선택하기가 어렵습니다(예: 실제로 어떤 호텔이 가장 저렴한지).

그러나 이것이 가장 심각한 문제는 아닙니다. 많은 소비자가 추가 체크아웃 지불을 미루고 지불하지 않고 사이트를 떠날 수 있습니다.

따라서 사용자가 장바구니에 제품을 추가하기 전에 제품에 대한 세금 또는 배송 비용이 명확하게 표시되고 표시되는지 확인하십시오.

또한 사용자가 체크아웃 결제를 완료하기 위해 이동하는 경우 각 제품의 개별 비용과 장바구니에 있는 모든 제품의 총 비용(세금 및 배송료 포함)을 확인해야 합니다.

2. 사용자가 게스트로 체크아웃하도록 허용

사용자가 체크아웃하기 전에 계정을 등록하고 생성하도록 강요하지 마십시오. 방문자는 바쁘고 기분이 좋지 않아 여러 양식을 작성하고 이메일에서 확인 링크 또는 코드를 확인한 다음 때때로 다시 로그인해야 하는 경우가 많습니다.

사용자가 계정에 등록하도록 권장하고 싶더라도 게스트로 체크아웃하는 옵션을 포함해야 합니다.

더 나은 방법은 이미 체크아웃하고 구매를 완료한 후 등록 옵션을 제시하는 것입니다. 이 시점에서 주문 추적 기능과 같은 등록의 이점을 제공할 수 있습니다.

3. 쉽고 빠르게 유지

체크아웃 프로세스가 길면 장바구니 포기율이 높아집니다. 가능한 한 결제 프로세스를 단순화하고 싶습니다.

사용자가 체크아웃 페이지에서 작성해야 하는 불필요한 필드를 포함하지 마십시오. 여기에는 실제로 필요하지 않은 정보(예: 집 전화번호)가 포함됩니다.

비즈니스의 특성상 사용자의 전화번호나 주민등록번호와 같은 특정 정보를 저장해야 하는 경우 해당 정보가 필요한 이유와 정보로 수행할 작업에 대한 간단한 설명을 포함하는 것이 좋습니다.

소기업, 음악가, 예술가 등은 복잡한 작업을 포함하지 않기 때문에 쉽게 사이트를 구성할 수 있지만 온라인 상점에는 잘 디자인되고 매끄럽고 빠르며 성능이 뛰어나고 끝낼 수 있는 쉬운 웹사이트 빌더가 필요합니다. 결함 없이 거래를 종료합니다.

4. 여러 지불 옵션 지원

여러 지불 방법을 제공하면 많은 고객이 귀하에게 돈을 더 쉽게 보낼 수 있습니다. 신용 카드 및 직불 카드로 지불 옵션을 제한하지 마십시오. 최소한 Paypal을 더 빠른 지불 옵션으로 포함하십시오.

더 많은 고객을 확보함에 따라 Stripe, Apple Pay, Skrill, Google Pay, Square, Payoneer와 같은 고급 결제 수단을 포함하는 것을 고려하십시오. 비트코인이나 다른 암호화폐도 받을 수 있습니다. 여러 지불 옵션을 지원하는 우수한 지불 처리 서비스를 받으십시오.

제품 가격에 따라 소액의 계약금으로 고객에게 몇 개월에 걸쳐 지불할 수 있는 할부 계획을 제공할 수도 있습니다.

또한 고객이 향후 구매를 위해 결제 수단을 저장할 수 있도록 합니다. 이렇게 하면 앞으로 훨씬 빠르고 쉽게 체크아웃할 수 있습니다. 원클릭 구매 버튼을 사용하여 매장에서 즉시 항목을 구매하도록 선택할 수도 있습니다(Amazon이 이 작업을 수행함).

이 옵션을 지원한다면 실수로 버튼을 눌렀을 때 주문을 쉽게 취소할 수 있는지 확인하십시오.

5. 배송 옵션 업데이트

더 나은 배송 옵션은 더 많은 전환으로 이어집니다. 이 인포그래픽에서는 예를 들어 무료 배송이 소비자 구매 결정에 미치는 실질적인 영향을 확인할 수 있습니다. 다음은 몇 가지 흥미로운 사항입니다.

• 소비자 10명 중 9명은 무료 배송이 온라인 쇼핑에 대한 최고의 인센티브라고 말했습니다.
• 소비자의 61%는 추가 배송료를 지불해야 하는 경우 구매를 완료하지 않을 가능성이 다소 높습니다.
• 소비자의 58%는 무료 배송을 받기 위해 장바구니에 추가 제품을 추가합니다.

마지막 것은 당신이 특히 관심을 가져야 합니다. 모든 제품에 대해 무료 배송을 제공할 여유가 없더라도 최소한의 구매로 무료 배송을 제공함으로써 얻을 수 있는 것이 많습니다. 이것은 실제로 소비자가 추가 제품을 구매하도록 장려할 것입니다.

또 다른 아이디어는 로열티 또는 보상 멤버십 프로그램의 일부로 무료 배송을 제공하는 것입니다. 소비자의 31%는 무료 배송 자격을 얻기 위해 로열티 프로그램에 가입할 것이라고 말했습니다.

6. 주문을 쉽게 변경할 수 있습니다.

고객이 장바구니를 쉽게 변경할 수 있도록 합니다. 예를 들어 주문하는 각 항목의 수량을 쉽게 수정하거나 장바구니에서 항목을 삭제할 수 있어야 합니다.

또한 "나중에 저장" 옵션이 있거나 고객이 위시리스트에 제품을 추가할 수 있어야 합니다. 고객이 돌아가서 추가 제품을 구매할 수 있도록 "쇼핑 계속" 옵션도 있어야 합니다. 그렇게 하면 데이터가 삭제되어서는 안 됩니다.

다음 팁은 사용자가 귀하로부터 편안하게 구매할 수 있도록 신뢰를 높이는 방법에 중점을 둘 것입니다.

7. 좋은 반품 정책 또는 보장

100% 고객 만족 보장을 포함하면 서비스에 대한 신뢰가 높아집니다. 고객이 만족하지 않으면 환불받을 수 있다고 보장할 수 있다면 고객은 도약하여 돈을 쓸 가능성이 더 높아집니다.

실제 보증은 판매하는 제품의 유형에 따라 다릅니다. 멤버십 등 디지털 상품인 경우 특정 시간까지 멤버십 해지를 제안하여 전액 환불이 가능합니다.

실제 제품의 경우 반품 정책이 좋습니다. 별도의 페이지에 반품 방법에 대한 명확한 지침을 포함하여 고객이 제품을 쉽게 반품할 수 있도록 합니다.

환불에 반품 배송비를 포함하거나 반품과 관련된 비용을 충당하기 위해 약간의 재입고 수수료를 부과할 수 있습니다. 더 큰 회사는 고객이 자동으로 생성된 배송 라벨을 인쇄할 수 있도록 함으로써 무료 반품을 제공하기 위해 배송 회사와 거래를 설정할 수 있습니다.

멤버십 기반 제품의 경우 무료 평가판을 제공하는 것이 좋습니다. 평가판 회원 등록을 위해 신용 카드 정보가 필요한지 여부는 제공하는 서비스 유형에 따라 다릅니다. 다른 옵션을 테스트하십시오.

8. 개인정보 보호정책 보유

결제 시 개인 정보 보호 정책에 대한 링크를 포함하십시오. 간단하고 읽기 쉽게 만드십시오. 귀하에게 개인 정보 보호 정책이 있고 그들의 데이터가 안전하다는 사실을 아는 것은 귀하에 대한 고객의 신뢰를 높일 것입니다.

9. 보안 유지

체크아웃 페이지가 HTTPS를 통해 보호되는 것이 중요합니다. 귀하의 웹사이트에 SSL 인증서가 설치되어 있는지 확인하십시오. 모든 페이지가 아닌 경우 최소한 체크아웃 시 설치하십시오.

안전한 내장형 결제 양식이 있더라도 브라우저 표시줄에 녹색 자물쇠 아이콘이 표시되기를 원할 것입니다. 이러한 종류의 작은 것들이 방문자의 직감에 영향을 미칩니다.

10. 아이콘 및 배지 포함

체크아웃 페이지에 보안 배지와 결제 아이콘을 포함하면 전환율에 긍정적인 영향을 미칩니다.

지불 아이콘에는 귀하가 수락하는 지불 방법의 작은 로고가 포함됩니다. 예로는 Paypal, Mastercard, Visa 및 Discover 로고가 있습니다. 많은 지불 처리 서비스는 이러한 기능을 지불 양식에 자동으로 포함합니다.

고객이 결제 정보를 전달할 때 안전하다고 느끼는지 확인하는 것도 중요합니다.

장바구니를 포기한 사람들의 19%는 위에서 언급한 것처럼 신용 카드 정보가 안전하지 않다고 생각해서 장바구니를 포기했다고 말했습니다.

Baymard Institute에 따르면 어떤 종류의 시각적 봉인도 신뢰를 높일 수 있습니다. 여기에는 일반 "안전한 결제" 또는 "만족 보장" 인장과 같이 직접 만든 인장도 포함됩니다.

개인정보를 넘겨주는 것이 안전한지 아닌지를 판단할 때 사용자는 직감에 의존하기 때문이다.

이 본능은 반드시 계산된 것은 아닙니다. 오히려 전문적인 웹 사이트, HTTPS 인증서 및 보안 판매와 같은 시각적 신호의 영향을 받습니다.

신뢰성 통계

그러나 어떤 인장은 다른 인장보다 더 신뢰할 수 있는 것으로 간주되었습니다. Baymard Institute는 설문 조사 참가자에게 특정 인장을 제공하고 가장 신뢰할 수 있는 인장을 선택하도록 요청하는 연구를 수행했습니다.

그들이 찾은 결과는 신뢰도 수준에 따라 다음과 같습니다.

• 노턴(40.9%)
• Google Trusted Store(22.5%)
• BBB 공인 비즈니스 (14.4$)
• TRUSTe 인증된 개인 정보 보호(10.9%)
• 어느 기관에도 속하지 않는 SSL 사이트 보안을 표시하는 가짜 인장(6.1%)
• Thawte에 의해 확보됨(1/9%)
• GeoTrust 보안(1/9%)
• 코모도 시큐어 1.5%)

Baymard의 연구에 따르면 결제 양식의 간단한 버그나 신용 카드 필드를 단색 배경색으로 캡슐화하거나 필드 옆에 보안 잠금 아이콘을 포함하는 것과 같은 기타 작은 조정도 사이트의 신뢰성에 영향을 미칠 수 있습니다.

물론 실제로 자격을 갖추고 인증을 받지 않고 사이트에 무작위로 타사 인증 배지를 추가할 수는 없습니다.

Norton, BBB Accredited, McAfee, Google Trusted Store 또는 기타 잘 알려진 봉인과 같은 일부 보안 봉인을 확인하는 데 투자할 가치가 있습니다.

11. 평점 또는 리뷰 포함

소비자의 88%는 친구나 가족의 개인적인 추천만큼 온라인 리뷰를 신뢰합니다. 온라인 리뷰와 평가를 활용하여 판매를 늘리지 않는다면 기회를 놓치고 있는 것입니다.

다음은 온라인 리뷰 및 평가의 중요성을 강조하는 몇 가지 추가 통계입니다.

1. 소비자의 57%만이 별 3개 등급을 받은 기업을 이용할 것입니다.
2. 반면에 소비자의 94%는 별점이 4개라면 비즈니스를 이용할 의향이 있습니다. 이것은 단일 별 등급 증가의 중요성을 보여줍니다
3. 소비자의 88%는 최대 10개의 리뷰를 읽고 비즈니스에 대한 의견을 형성합니다.

온라인 상점의 설명 옆에 제품 리뷰를 포함해야 합니다. 고객이 항목을 구매한 후 자동화된 이메일을 보내 이러한 리뷰를 남기도록 권장합니다.

제조업체의 웹사이트에서 리뷰를 가져올 수도 있습니다.

결제 페이지에서 각 제품 옆에 평균 별점을 표시하는지 테스트합니다. 이것은 소비자가 실제로 제품을 구매하도록 설득하는 마지막 격려의 역할을 할 수 있습니다.

12. 멋진 지원 제공

좋은 고객 서비스는 신뢰 구축에 필수적입니다. 고객이 구매에 만족하지 않을 때 의지할 곳이 있다고 느끼길 원합니다.

좋은 예는 귀하의 사이트에서 실시간 채팅 지원을 제공하는 것입니다. 하단 모서리에 작은 챗봇이나 팝업을 표시하여 고객이 제품에 대한 질문이 있는 경우 지원 팀에 쉽게 문의할 수 있습니다.

또한 고객은 제품이 자신의 요구 사항에 맞는지 여부가 불확실하고 이를 파악하기 위해 광범위한 인터넷 조사를 할 시간이 없는 경우가 많습니다.

빠른 질문을 하고 빠른 답변을 받을 수 있다는 것은 구매를 유도하는 데 도움이 될 수 있습니다.

13. 귀하의 브랜드를 동등하게 유지하십시오

방문자는 체크아웃할 때 다른 웹사이트로 이동하는 것처럼 느껴서는 안 됩니다. 이것은 체크아웃 페이지가 사이트의 나머지 부분과 동일한 실제 도메인 이름에서 호스팅되는지 확인하는 것으로 시작됩니다.

또한 체크아웃 페이지 디자인의 브랜딩은 웹사이트의 나머지 부분과 동등해야 합니다. 예를 들어, 색 구성표를 동일하게 유지하고 머리글과 같이 결제 시 어딘가에 로고가 표시되도록 하십시오.

사용자 인터페이스 및 체크아웃 디자인 팁

다음 팁은 더 나은 전환을 위해 실제 사이트 디자인을 개선하는 데 중점을 둡니다.

14. 속도를 높여라

체크아웃 페이지가 로드되는 데 너무 오래 걸리거나 결제를 처리하는 데 너무 오래 걸리는 경우 일부 방문자는 좌절하고 그냥 떠날 수 있습니다.

더 나은 호스팅 제공업체로 전환하거나 더 나은 호스팅 계획에 가입하여 사이트 속도를 높이세요. 빠르고 효율적인 신뢰할 수 있는 결제 처리 시스템을 사용하세요.

15. 모바일 기기에 친숙해지기

일부 페이지 및 결제 양식은 데스크톱 장치에서 멋지게 보이지만 휴대폰 및 태블릿에 최적화되어 있지 않습니다. 체크아웃 페이지 디자인이 모바일 반응형인지 확인하십시오.

키보드에 접근할 수 없거나 바쁠 때 양식을 작성하기가 더 어렵기 때문에 모바일 버전의 체크아웃에 포함된 양식 수를 줄이고 싶을 수도 있습니다.

16. 정리 정돈

결제 UI를 정리하세요. 그리드를 사용하여 제품 정보를 행이나 열로 구성할 수 있습니다. 상품명, 상품이미지, 가격, 등급, 배송시간, 주문수량 등의 정보를 포함하고 모든 정보를 명확하게 정리합니다.

17. 어수선함 줄이기

결제 페이지를 간단하고 간단하게 유지하세요. 이메일 뉴스레터 가입 양식과 같이 너무 많은 클릭 유도문안으로 복잡하게 만들지 마십시오. 하나의 구매 버튼으로 충분합니다. 물론 제품 이미지나 최종 가격 등 항상 포함해야 하는 사항이 있습니다.

더 나은 전환율을 위한 마케팅 기법

이 팁은 더 나은 마케팅 기술을 사용하여 더 많은 전환을 얻는 방법에 중점을 둡니다.

18. 페이지 내 프로모션 코드 및 할인 제공

할인 및 프로모션 코드는 구매에 대한 큰 인센티브입니다. 제품이 일반적으로 더 높은 가격에 판매되고 현재 할인 판매 중인 경우 결제 시 해당 정보를 표시해야 합니다.

프로모션 코드도 마찬가지입니다. 정기 또는 계절 프로모션 코드가 있고 결제 페이지에서 사용할 수 있는 현재 프로모션 코드를 표시하면 전환율이 증가할 수 있습니다.

다양한 제품에 대한 프로모션 코드를 테스트하고 전환율과 전체 수익에 어떤 영향을 미치는지 확인하십시오.

19. 긴급 고용

제한된 시간 할인 또는 프로모션 코드를 사용하여 긴급성을 높이고 고객이 구매를 완료하도록 할 수 있습니다. 예를 들어 할인된 가격, 무료 배송 또는 프로모션 코드가 만료되는 시점을 강조 표시하면 전환율을 높일 수 있습니다.

긴급성을 높이는 또 다른 방법은 제품의 재고가 얼마나 남았는지 보여주는 것입니다. Amazon과 eBay는 항상 이 작업을 수행합니다. 재고가 몇 개 남지 않은 경우 서둘러 구매하라고 합니다.

긴급성을 높이는 또 다른 방법은 현재 얼마나 많은 사람들이 항목을 보고 있거나 관심 목록에 추가했는지 표시하는 것입니다.

20. 상향 판매, 교차 판매 및 하향 판매

고객이 관심을 가질 만한 다양한 제품을 추천하여 교차 판매 또는 상향 판매를 통해 판매를 늘릴 수 있습니다. "관련 항목" 위젯이 유용합니다.

그러나 언급한 바와 같이 너무 많은 프로모션, 클릭 유도문안 및 정보로 결제를 복잡하게 만들고 싶지는 않습니다.

더 나은 아이디어는 고객이 이미 체크아웃하고 필요한 체크아웃 비용을 모두 지불한 후 고객에게 상향 판매하는 것입니다.

이는 예를 들어 구매 확인 페이지에서 수행할 수 있으며, 스마트하게 초안을 작성해야 하는 이메일에서도 수행할 수 있습니다. 그러나 결제 페이지에 있을 필요는 없습니다. 사용자가 여전히 사이트에서 쇼핑을 하고 있을 때 체크아웃 전에 교차 판매를 테스트하고 전환에 미치는 영향을 확인하십시오.

이에 대한 좋은 예는 고객이 장바구니에 제품을 추가하도록 권장하기 위해 Amazon이 "일반적으로 함께 구매하는" 항목을 표시하는 방법입니다.

상향 판매 및 교차 판매 외에도 하향 판매도 가능합니다. 즉, 고객이 상향 판매를 거부하는 경우 관심을 가질 수 있는 더 저렴한 제품을 계속 제안할 수 있습니다.

21. 종료 의도 팝업 사용

체크아웃 시 종료 의도 팝업은 구매를 완료하지 않고 사이트를 종료하는 일부 고객을 다시 불러오는 데 도움이 될 수 있습니다.

이러한 팝업은 사용자가 브라우저의 "X" 버튼을 향해 마우스를 움직이는 것이 감지될 때 트리거됩니다.

팝업에서 사용할 수 있는 특별 프로모션 코드를 제공할 수 있습니다. 제품 구매에 대해 고민하는 소비자는 특별 할인이나 보너스를 받을 수 있다면 떠나기로 한 결정을 재고할 수 있습니다.

22. 후속 이메일 보내기

체크아웃 과정에서 게스트 또는 새 사용자의 이메일을 수집하는 것이 첫 번째 단계 중 하나여야 합니다. 이렇게 하면 구매가 완료되지 않더라도 버려진 장바구니에 대해 알려주는 후속 이메일을 보낼 수 있습니다.

많은 경우 사람들은 단순히 서두르고 신용 카드를 검색하고 숫자를 입력할 시간이 없습니다.

다른 때에는 돈을 쓸지 여부를 결정하지 못할 수 있습니다. 구매하지 않은 제품에 대해 부드럽게 상기시키면(그리고 할인을 제공할 수 있음) 많은 제품을 다시 가져올 수 있습니다.

체크아웃 페이지 모범 사례 – 요약

결제 페이지 UX를 최적화하는 것이 최우선 순위 중 하나여야 합니다. 언급한 바와 같이 전환율을 35% 이상 높일 수 있습니다. 비즈니스 규모에 관계없이 위의 팁을 사용하면 매출, 수익 및 이익을 높이는 데 도움이 됩니다.