결제창 세 종류 비교
이 단계에서 결정할 것
- 지원 결제창 유형과 디자인 변경 범위, 사용할 수단과 모바일 흐름을 정리합니다.
- 주문서에서 상품 · 금액을 확정한 뒤 고객이 수단을 고르고 결과를 확인하는 단계를 설계합니다.
PG결제창 종류의 첫 확인입니다. 결제창 형태는 개발 범위와 고객 흐름에 맞춥니다. 팝업 · 새 창 · 리디렉션 또는 페이지 안에 구성되는 결제 화면은 지원하는 기능과 화면 전환 방식이 다릅니다. 보기 좋은 형태만 고르기보다 모바일 인증과 완료 화면, 실패 시 되돌아올 위치까지 고려합니다. 지원 결제창 유형과 디자인 변경 범위, 사용할 수단과 모바일 흐름을 정리합니다. 주문서에서 상품 · 금액을 확정한 뒤 고객이 수단을 고르고 결과를 확인하는 단계를 설계합니다. 전체 흐름은 PG결제 안내에서 함께 볼 수 있습니다.
결제창을 닫은 고객이 다시 주문서로 돌아왔을 때 기존 선택 내용이 유지되면 다시 처음부터 입력하는 부담을 줄일 수 있습니다. 상품명과 상호, 금액이 주문 내용과 일치하고 버튼이 가려지지 않는지 시험합니다. 결제창의 외형을 바꿀 수 있는 범위와 보안 · 인증 요소는 서비스의 공식 지원 기준을 따릅니다. 결제 화면은 작은 휴대전화나 확대 화면에서도 중요한 정보와 동의 · 버튼을 찾을 수 있어야 합니다. 글자 크기와 대비, 키보드 이동과 오류 안내를 함께 확인하면 다양한 사용 환경에서 주문 흐름을 이해하기 좋습니다.
표준창 — 팝업 · 새 창
이 단계에서 결정할 것
- 주문 생성과 결제 요청 · 승인 시각, 결과 상태와 고객 유입 환경을 준비합니다.
- 실제 거래 조회로 승인 여부를 확인한 뒤 화면 중단 단계와 기술 오류를 나눕니다.
중단된 주문과 결제 실패를 나눠 봅니다. 고객이 결제 페이지에서 나갔다고 해서 모든 경우가 기술적인 오류는 아닙니다. 가격 확인 뒤 중단한 주문, 인증을 취소한 주문과 승인 후 결과 화면에 오지 않은 거래를 구분해야 적절한 개선과 고객 안내가 가능합니다. 주문 생성과 결제 요청 · 승인 시각, 결과 상태와 고객 유입 환경을 준비합니다. 실제 거래 조회로 승인 여부를 확인한 뒤 화면 중단 단계와 기술 오류를 나눕니다. 대기 주문이 완료로 잘못 표시되거나 이미 승인된 거래를 다시 받는 일이 없는지 확인합니다.
앱카드 인증 후 브라우저 복귀만 실패했다면 미결제로 간주해 다시 청구하기보다 서버에서 원승인을 조회해야 합니다. 완료되지 않은 주문에 상품이 제공되지 않는지, 승인된 주문이 누락되지 않는지 확인합니다. 이탈 수치만 보고 결제 서비스의 장애로 단정하지 않고 주문 상태와 기기 · 브라우저별 흐름을 확인합니다. 발급이나 접수만 끝난 결제는 아직 실제 대금이 확인되지 않은 상태일 수 있습니다. 대기 상태의 주문을 얼마 동안 유지하고 고객에게 무엇을 안내할지 정해 두면 출고 · 제공과 재결제 문의를 관리하기 좋습니다.

내장형 — 페이지 안
이 단계에서 결정할 것
- 주요 기기 폭과 확대 상태, 입력 · 동의 · 결제 버튼과 오류 안내를 점검 목록에 둡니다.
- 고객 순서로 입력하고 이동하며 가려진 요소나 잘린 문구, 접근할 수 없는 버튼을 확인합니다.
고객이 안내와 버튼을 실제로 사용할 수 있어야 합니다. 결제 화면은 작은 휴대전화나 확대 화면에서도 중요한 정보와 동의 · 버튼을 찾을 수 있어야 합니다. 글자 크기와 대비, 키보드 이동과 오류 안내를 함께 확인하면 다양한 사용 환경에서 주문 흐름을 이해하기 좋습니다. 주요 기기 폭과 확대 상태, 입력 · 동의 · 결제 버튼과 오류 안내를 점검 목록에 둡니다. 고객 순서로 입력하고 이동하며 가려진 요소나 잘린 문구, 접근할 수 없는 버튼을 확인합니다. 글자가 잘리거나 마지막 한두 글자가 떨어져 의미가 흐려지는 부분이 없는지 실제 폭에서 확인합니다.
하단 고정 배너가 주문서 동의나 결제 버튼을 가리는 경우에는 필요한 여백과 배치를 조정해 실제 조작을 확인해야 합니다. 오류가 난 필드와 해결 방법이 글로 안내되고 다시 시도할 수 있는지 시험합니다. 화면을 작게 축소해 한꺼번에 보이게 하는 방식으로 읽기 · 조작 문제를 대신 해결하지 않습니다. 주문서와 안내 페이지에서는 상품 · 금액 · 제공 · 문의처럼 결정을 돕는 정보를 먼저 찾을 수 있어야 합니다. 부가 설명이 많아져도 중요한 안내와 버튼이 밀려나지 않도록 모바일과 큰 화면에서 각각 확인합니다.
| 확인할 것 | 준비 · 확인 방법 | 판단 기준 |
|---|---|---|
| 자료 | 주요 기기 폭과 확대 상태, 입력 · 동의 · 결제 버튼과 오류 안내를 점검 목록에 둡니다 | 필수 정보와 참고 설명, 고객이 해야 할 다음 행동을 구분합니다 |
| 진행 | 고객 순서로 입력하고 이동하며 가려진 요소나 잘린 문구, 접근할 수 없는 버튼을 확인합니다 | 화면 흐름에 맞춰 안내를 배치하고 길어진 내용은 관련 항목으로 연결합니다 |
| 결과 | 오류가 난 필드와 해결 방법이 글로 안내되고 다시 시도할 수 있는지 시험합니다 | 글자가 잘리거나 마지막 한두 글자가 떨어져 의미가 흐려지는 부분이 없는지 실제 폭에서 확인합니다 |
모바일 앱카드 왕복
이 단계에서 결정할 것
- 주요 기기와 브라우저, 앱 설치 유무, 고객 유입 경로를 시험 목록에 적습니다.
- 외부 인증을 완료한 뒤 원래 주문서나 결과 페이지로 돌아오는 흐름을 각각 테스트합니다.
결제 앱에서 사이트로 돌아오는 길을 확인합니다. 모바일 결제는 브라우저와 카드 앱, 간편결제 앱 사이를 오갈 수 있습니다. 결제창이 작게 보이는 문제뿐 아니라 인증 후 복귀, 팝업 제한과 인앱 브라우저 동작까지 실제 기기로 이어서 확인하는 것이 좋습니다. 주요 기기와 브라우저, 앱 설치 유무, 고객 유입 경로를 시험 목록에 적습니다. 외부 인증을 완료한 뒤 원래 주문서나 결과 페이지로 돌아오는 흐름을 각각 테스트합니다. 버튼 · 입력 · 동의 영역이 키보드나 고정 배너에 가려지지 않는지 확인합니다.
메신저 안에서 열린 사이트와 일반 브라우저의 동작이 다르면 공식 지원 범위에 맞춰 외부 브라우저 안내를 제공할 수 있습니다. 화면 전환 뒤에도 주문번호 · 금액 · 결제 상태가 유지되는지 확인합니다. 팝업 차단을 임의 스크립트로 강제로 풀려고 하지 말고 제공된 SDK와 사용자 동작 기반의 권장 흐름을 따릅니다. 데스크톱에서 결제가 되더라도 고객이 주로 들어오는 모바일 환경에서 같은 결과가 나오는지 확인해야 합니다. 웹뷰나 메신저 내부 화면, 일반 브라우저와 앱 설치 유무에 따라 전환 · 복귀가 달라질 수 있습니다.
상호 · 상품 · 금액 표시
이 단계에서 결정할 것
- 사이트명과 사업자 상호, 결제창 · 전표에 표시되는 이름과 문의 창구를 확인합니다.
- 지원되는 표시 설정을 계약 기준으로 맞추고 필요한 설명을 주문 완료 · 안내에 반영합니다.
상호 표시는 고객이 거래를 알아보게 합니다. 사이트의 브랜드명과 법적 판매자, 카드 이용내역에 보이는 상호가 다를 수 있으면 고객이 자신의 결제를 찾기 어려울 수 있습니다. 계약에 맞는 표기와 고객 문의 안내를 준비해 실제 판매자와 연결되도록 합니다. 사이트명과 사업자 상호, 결제창 · 전표에 표시되는 이름과 문의 창구를 확인합니다. 지원되는 표시 설정을 계약 기준으로 맞추고 필요한 설명을 주문 완료 · 안내에 반영합니다. 문의가 접수된 뒤 주문 식별자와 처리 상태를 확인할 수 있는지 점검합니다.
별도 쇼핑몰 이름으로 운영하더라도 법적 판매자 정보와 문의처를 찾을 수 있게 안내하면 거래 확인에 도움이 됩니다. 실제 시험 결제에서 고객이 보게 되는 상호와 금액이 의도한 내용인지 확인합니다. 브랜드를 강조하기 위해 실제 계약 주체나 판매자 정보를 숨기지 않습니다. 판매자 연락처와 취소 · 환불 접수 방법은 고객이 거래를 확인하고 문제를 해결하는 경로입니다. 홈페이지 하단뿐 아니라 주문 · 완료 안내에서도 필요한 정보를 찾을 수 있게 연결하고 운영 시간과 응대 범위를 실제에 맞춥니다.
이탈 줄이는 배치
이 단계에서 결정할 것
- 필수 정보와 참고 설명, 고객이 해야 할 다음 행동을 구분합니다.
- 화면 흐름에 맞춰 안내를 배치하고 길어진 내용은 관련 항목으로 연결합니다.
고객에게 보여 줄 정보의 우선순위를 정합니다. 주문서와 안내 페이지에서는 상품 · 금액 · 제공 · 문의처럼 결정을 돕는 정보를 먼저 찾을 수 있어야 합니다. 부가 설명이 많아져도 중요한 안내와 버튼이 밀려나지 않도록 모바일과 큰 화면에서 각각 확인합니다. 필수 정보와 참고 설명, 고객이 해야 할 다음 행동을 구분합니다. 화면 흐름에 맞춰 안내를 배치하고 길어진 내용은 관련 항목으로 연결합니다. 오류가 난 필드와 해결 방법이 글로 안내되고 다시 시도할 수 있는지 시험합니다.
결제 동의 영역이 하단 배너에 가려지는 경우 여백을 확보하고 키보드가 열린 상태에서도 사용할 수 있는지 점검할 수 있습니다. 글자가 잘리거나 마지막 한두 글자가 떨어져 의미가 흐려지는 부분이 없는지 실제 폭에서 확인합니다. 중요 조건을 작은 글씨나 낮은 대비로 숨겨 화면을 간단하게 만들지 않습니다. 결제 화면은 작은 휴대전화나 확대 화면에서도 중요한 정보와 동의 · 버튼을 찾을 수 있어야 합니다. 글자 크기와 대비, 키보드 이동과 오류 안내를 함께 확인하면 다양한 사용 환경에서 주문 흐름을 이해하기 좋습니다.

