상품 상세페이지 구성 순서: 구매를 막는 요소부터 걷어내는 점검법
상세페이지 구성은 사진을 쌓는 순서가 아니라 가격·옵션·배송 조건, 크기감, 규격표, 남는 궁금증이 화면 위에서 차례로 풀리는지 점검하는 일입니다. 사용성 연구와 공정위 고시를 근거로 한 구성 기준과 체크리스트를 정리했습니다.
읽기 전에 핵심만
- 상세페이지는 사진 순서가 아니라 가격·옵션·배송 조건, 크기감, 규격표, 남는 궁금증이 차례로 풀리는지로 점검해야 합니다.
- 크기 비교 기준이 없는 사진, 접힌 옵션 드롭다운, 제목 없는 규격표는 벤치마크에서도 절반가량 사이트가 놓치는 대표적 결함입니다.
- 반복 문의는 판매자 FAQ로 옮기고 구매자 질문·답변을 함께 두면 상세페이지가 문의 데이터로 계속 다듬어집니다.
쇼핑몰 상세페이지에서 고객이 구매를 망설이는 지점은 대체로 정해져 있습니다. 크기를 가늠할 수 없는 사진, 기본값으로 숨겨진 옵션, 읽히지 않는 규격표, 찾아야만 나오는 배송·반품 조건입니다. 상세페이지 구성은 사진을 어떤 순서로 쌓을지의 문제가 아니라, 고객의 질문이 화면 위에서 차례로 풀리는지 점검하는 작업입니다. 이 글에서는 사용성 연구 기관 베이마드 인스티튜트(Baymard Institute)의 상품 페이지 연구와 공정거래위원회의 상품정보 제공 고시를 근거로, 첫 화면부터 사진·규격·질문 응답까지 점검하는 기준을 정리합니다.
첫 화면에서 가격·옵션·배송 조건이 함께 보여야 한다
고객은 상세페이지 상단에서 세 가지를 확인하고 싶어 합니다. 얼마인지, 어떤 옵션이 있는지, 언제 어떤 조건으로 오는지입니다. 이 세 가지가 첫 화면에 없으면 고객은 스크롤을 내리기 전에 이미 불안해집니다.
공정거래위원회의 「전자상거래 등에서의 상품 등의 정보제공에 관한 고시」는 통신판매업자가 계약 체결 전에 품목별 상품 정보와 거래조건에 관한 정보를 제공하도록 하고, 위치와 글자 크기를 알아보기 쉽게 정하고 쉬운 용어를 쓰도록 요구합니다. 배송비나 청약철회 조건이 안내문 어딘가에만 있다면, 규제 대응이라는 점과 가독성이라는 점에서 모두 아쉬운 상태입니다.
옵션 표기 방식도 점검 대상입니다. 베이마드의 상품 페이지 벤치마크에서는 사이즈 선택에 드롭다운 대신 버튼 형태 선택자를 쓰는 사이트가 소수이고, 57%는 버튼 방식을 쓰지 않는 것으로 나타났습니다. 드롭다운은 선택지가 접혀 있어서, 찾던 사이즈가 없는 고객은 클릭을 열어 보고 나서야 알 수 있습니다. 색상이나 사이즈처럼 구매 여부를 가르는 옵션은 펼쳐 둔 상태로 보여 주는 편이 안전합니다.
사진은 상품 크기를 알려주는 수단이다
온라인에서는 상품을 손으로 확인할 수 없으므로 사진이 크기를 알려주는 유일한 단서입니다. 베이마드의 사용성 테스트에서는 응답자의 42%가 상품 이미지로 크기를 가늠하려 했지만, 크기 비교 기준이 되는 사진을 제공하지 않는 사이트가 37%였습니다. 흰 배경 위 상품 사진만으로는 작은 파우치인지 큰 토트백인지 알 수 없습니다.
크기감을 주는 방법은 어렵지 않습니다. 손, 신체 일부, 동전이나 A4 용지처럼 크기를 아는 물건을 상품 옆에 두면 됩니다. 가구라면 실내 공간과 함께 찍고, 의류·가방·시계·화장품처럼 몸에 닿는 제품이라면 모델이 착용한 모습을 추가하세요. 베이마드 연구에서도 착용류 제품의 모델 착용 이미지 제공을 권고하고 있으며, 23% 사이트는 이를 제공하지 않습니다.
여러 장의 사진을 올렸다면 썸네일로 각 사진을 보여 주고 눌러서 넘길 수 있게 하세요. 스마트폰에서 사진을 하나씩 끊어 보여 주면 고객은 몇 번째 사진인지, 뒤에 무엇이 더 있는지 파악하기 어렵습니다.
규격·상세 정보는 그룹을 나눠 한 단으로 읽히게
소재, 치수, 무게, 구성품 같은 상세 정보는 표로 정리하면 고객이 원하는 항목만 골라 볼 수 있습니다. 문제는 표의 모양입니다. 베이마드 벤치마크에서 50% 사이트의 규격표가 훑어보기 어렵게 설계되어 있었습니다. 항목이 스무 개쯤 쌓인 표에 제목 없이 나열되면 고객은 표를 읽는 대신 표를 해석하는 데 시간을 씁니다.
정리 방법은 다음과 같습니다.
- 규격을 성격별로 묶어 '치수·무게', '소재·관리'처럼 하위 제목을 붙입니다. 벤치마크에서 23% 사이트는 그룹화 없이 규격을 나열했습니다.
- 항목과 값을 한 줄로 짝지어 줄무늬 배경이나 구분선으로 시선을 유지합니다.
- 다단 배치는 쓰지 않습니다. 2단 규격표는 두 상품의 비교표로 오해되기 쉽고, 벤치마크의 20% 사이트가 이 형식을 쓰고 있었습니다.
- 표가 두 화면을 넘게 길어지면 앞부분에 자주 찾는 항목만 모은 요약을 두고, 전체 표는 그대로 유지합니다.
| 구성 영역 | 확인 요소 | 놓치기 쉬운 점 |
|---|---|---|
| 첫 화면 | 가격, 옵션, 재고, 배송비, 배송 예정 | 반품·교환 조건 링크만 있고 내용이 안 보이는 경우 |
| 사진 | 전체, 디테일, 사용 장면, 크기 기준 | 흰 배경 사진만 있어 크기를 가늠할 수 없는 경우 |
| 규격표 | 항목 그룹, 구분선, 한 단 배치 | 이미지 속 글자로만 넣어 확대해도 안 읽히는 경우 |
| 질문 응답 | 판매자 FAQ, 구매자 질문 | 문의 게시판에 답이 달렸지만 상세페이지에는 반영 안 된 경우 |
남는 궁금증은 FAQ와 구매자 질문으로 나눠 받는다
상품 설명을 모든 질문에 대응하도록 늘리면, 설명은 길어지고 정작 훑어보기 어려워집니다. 베이마드 연구에서는 사이트가 직접 쓴 FAQ와 구매자가 서로 주고받는 질문·답변을 함께 두는 형태를 권고하는데, 두 가지를 모두 갖춘 사이트는 30%에 그쳤습니다.
두 형식의 역할이 다릅니다. 판매자가 쓴 FAQ는 반복되는 문의를 정확한 문장으로 정리할 수 있고, 구매자의 질문과 답변은 판매자의 설명보다 신뢰를 받습니다. 고객 문의와 반품 사유에서 자주 반복되는 질문을 먼저 FAQ로 옮기고, 답변이 다른 구매자에게도 도움이 되는 문의는 상품 페이지에 함께 보여 주는 흐름을 만들면 상세페이지가 계속 다듬어집니다.
모바일 화면에서 다시 한 번 점검한다
베이마드의 최신 벤치마크에서 모바일 쇼핑몰의 62%는 상품 페이지 사용성이 보통 이하로 평가되었습니다. PC에서 완성한 구성이라도 모바일에서는 다르게 동작하므로, 실제 스마트폰에서 다음을 확인해야 합니다.
- 옵션 버튼이 손가락으로 누르기에 충분히 큰가
- 상세 정보를 보려고 페이지를 이동했다가 다시 돌아오는 일이 없는가
- 규격표를 가로로 스크롤해야 하지 않는가
- 결제 직전에 배송비가 처음 등장하지 않는가
상세페이지 점검은 한 번으로 끝나는 작업이 아니라, 문의와 반품 사유를 보며 걷어낼 요소를 찾는 반복 작업입니다. 쇼핑몰 전체 구조와 함께 상세페이지를 정비하고 싶다면 POEMORA 웹 서비스에서 검토 범위를 함께 살펴볼 수 있습니다.
자주 묻는 질문
상세페이지 구성 순서에 정해진 정답이 있나요?
정해진 정답은 없지만, 검증된 순서는 있습니다. 첫 화면에서 가격·옵션·재고·배송 조건을 확인시키고, 사진으로 크기감과 사용 장면을 보여 준 뒤, 규격표와 FAQ로 남은 궁금증을 해소하는 흐름입니다. 이 순서를 깨는 것보다 각 단계에서 정보가 비어 있는 것이 더 큰 문제입니다.
상세페이지가 길면 좋은 건가요, 짧으면 좋은 건가요?
길이 자체가 아니라 정보의 배치가 중요합니다. 베이마드 연구에서는 상품 설명을 지나치게 늘리기보다, 자주 묻는 질문은 FAQ로 옮기고 구매자 질문·답변과 함께 운영하는 방식을 권고합니다. 설명은 훑어보기 쉽게 유지하고 나머지 질문은 별도 영역으로 나누는 편이 효과적입니다.
상세페이지에 꼭 들어가야 하는 법적 표시가 있나요?
공정거래위원회의 전자상거래 상품정보 제공 고시에 따라 계약 체결 전에 품목별 상품 정보와 거래조건 정보를 제공해야 합니다. 예를 들어 의류는 소재, 치수, 제조국 등을, 식품은 유통기한과 보관 방법을 안내해야 하며, 배송비와 청약철회 조건도 알아보기 쉽게 표시해야 합니다.
규격 정보를 이미지로 만들어 넣어도 되나요?
가능하면 텍스트 표로 넣는 편이 안전합니다. 이미지 속 글자는 화면이 작아지면 확대해야 읽을 수 있고, 검색엔진도 읽지 못합니다. 베이마드 벤치마크에서 규격표의 50%가 훑어보기 어렵게 설계되어 있었는데, 항목을 그룹으로 나누고 구분선을 넣은 한 단 표가 가장 읽기 쉬운 형태로 나타났습니다.
리뉴얼 후 전환율이 오른 것은 어떻게 확인하나요?
리뉴얼 전후로 상품 페이지 조회 수, 장바구니 담기, 구매 전환율을 같은 기간 단위로 비교해야 합니다. 이때 프로모션이나 광고 변화가 함께 있었다면 그 영향을 분리해서 봐야 하고, 고객 문의 건수와 반품 사유의 변화도 함께 확인하면 상세페이지 개선 효과를 더 정확하게 판단할 수 있습니다.
