전자상거래 사이트의 절반은 제품 이미지에 설명 텍스트나 그래픽을 전혀 넣지 않습니다 — Baymard Institute의 테스트에 따르면 52%입니다. 즉 쇼핑객이 사진으로 답을 얻을 수 있었던 질문이 생기는 순간, 그들은 떠나거나 여러분에게 문의를 보냅니다. 제품 사진 콜아웃은 그 틈을 메웁니다. 예쁜 사진을 파는 사진으로 바꾸는 짧은 라벨 몇 개죠. 제대로 하면 전환율이 오르고, 잘못하면 프레임을 어지럽혀 무시당합니다. 그 차이를 짚어 보겠습니다.
제품 사진 콜아웃이란 무엇인가 (그리고 무엇이 아닌가)
제품 사진 콜아웃은 제품 이미지의 특정 기능을 가리키는 지시선이 달린 짧은 텍스트 라벨로, 그것이 무엇이고 왜 중요한지를 네다섯 단어로 알려 줍니다. "강화 스틸 프레임." "세탁기 사용 가능 커버." "표준 출입문에 맞음." 판매원이 제품을 가리키며 여러분이 놓쳤을 한 가지를 짚어 주는 것의 시각적 등가물입니다.
무엇이 아닌지도 중요합니다: 치수선("얼마나 큰가?"에 답함)도, 마케팅 배너(할인을 외침)도, 문단도 아닙니다. 콜아웃은 기능과 그 이점을 짚은 뒤 물러납니다. 콜아웃과 치수를 혼동하면 두 역할 모두 어설프게 하는 어지러운 이미지가 됩니다.
콜아웃이 전환을 만드는 이유
Baymard의 사용성 연구에 따르면 제품 이미지의 설명 그래픽은 쇼핑객의 속도를 늦춥니다 — 좋은 의미로요. 사용자는 강조된 기능을 살펴보려 멈추고, 찾아볼 생각조차 못 했던 것을 배우는 경우가 많습니다. 그 멈춤은 이탈의 반대입니다.
원리는 단순합니다: 답을 얻지 못한 질문 하나하나가 이탈의 이유입니다. 이미지 하나로 핵심 기능을 파악한 쇼핑객은 반대 이유가 줄고, 반대 이유가 줄면 버려지는 장바구니와 판매 전 문의도 줄어듭니다. B2B 공급업체라면 같은 이미지가 구매자가 문의를 보내기도 전에 사양서 역할을 합니다 — 주문을 성사시키는 명료함은 여러분이 가장 먼저 앞에 내놓는 명료함이며, 바로 그래서 사양서가 B2B 주문을 따냅니다.
콜아웃은 몇 개, 얼마나 길게
연구 결과가 구체적이니 즉흥적으로 하지 마십시오:
- 이미지당 4~6개가 최적입니다. 더 적으면 형식을 낭비하고, 더 많으면 이미지가 소음이 됩니다.
- 콜아웃당 4~5단어. 이점을 짚을 만큼 길고, 엄지손가락이 스크롤하기 전 0.5초 안에 읽힐 만큼 짧게.
- 콜아웃 하나에 아이디어 하나. "방수, 통기성, 경량"은 하나가 아니라 세 개의 콜아웃입니다.
여섯 개를 넘으면 콜아웃 하나가 추가될 때마다 다른 것들의 주목도를 빼앗습니다. 목표는 모든 기능을 나열하는 것이 아니라, 실제로 판매를 막는 서너 가지 반대 이유에 답하는 것입니다.
읽히는 콜아웃의 6가지 규칙
- 콜아웃 46개, 각 45단어 — 부품 이름이 아니라 이점을 짚기
- 높은 대비 — 밝은 배경에 어두운 텍스트, 또는 단색 라벨 칩; 복잡한 사진 위 옅은 회색은 절대 금물
- 지시선이나 화살표 — 정확한 기능을 가리켜 눈이 헤매지 않게
- 모든 이미지에서 일관된 스타일 — 같은 글꼴, 같은 칩, 같은 배치 논리로 구매자가 읽는 법을 익히도록
- 여백 — 각 콜아웃 주위에 공간을 두기; 빽빽한 프레임은 어지럽게 읽혀 건너뛰어짐
- 모바일에서 읽힘 — 대부분의 트래픽은 모바일; 썸네일 크기에서 읽을 수 없는 콜아웃은 없는 것과 같음
콜아웃 대 치수: 헷갈리지 마십시오
치수는 "얼마나 큰가?"에 답하고, 콜아웃은 "이 부분에 왜 신경 써야 하나?"에 답합니다 — 좋은 리스팅 이미지는 둘 다 하지만 대부분은 둘 다 못 합니다. 서로 다른 반대 이유를 위한 서로 다른 도구이며, 한 프레임에 부주의하게 쌓으면 이미지가 어지러워집니다.
깔끔한 접근법: 정확한 치수는 전용 이미지 하나에(구매자의 크기 확인용), 기능 콜아웃은 다른 이미지에(구매자의 가치 확인용) 넣으십시오. 크기 계층을 어떻게 다룰지 아직 고민 중이라면, 사진에서 제품 크기를 보여 주는 법에서 표시된 치수가 소품이나 모델보다 나은 이유를 다룹니다. 이 비포/애프터 제품 이미지 사례 연구에서 둘이 함께 작동하는 실제 리스팅을 볼 수 있습니다.
효과적인 콜아웃 배치
| 콜아웃 위치 | 답하는 질문 | 예시(4~5단어) |
|---|---|---|
| 좌측 상단 | 주요 소재 / 마감 | "천연 오크, 무늬목 아님" |
| 우측 상단 | 내구성 / 품질 신호 | "최대 하중 300lb" |
| 좌측 하단 | 편의성 / 조립 | "10분이면 조립 완료" |
| 우측 하단 | 호환성 / 맞음 | "표준 36인치 문에 맞음" |
| 중앙 콜아웃(아껴서) | 결정적 기능 하나 | "방수 상단 레이어" |
카탈로그 전체에서 배치를 일관되게 유지하면 구매자는 정보를 찾아 헤매지 않습니다 — 어디를 봐야 할지 알게 되고, 그것이 콜아웃이 전환을 만드는 절반의 비결입니다.
자주 묻는 질문
제품 이미지에 콜아웃은 몇 개가 적당한가요?
이미지당 46개가 검증된 최적값입니다. 더 적으면 형식을 제대로 못 쓰고, 여섯 개를 넘으면 이미지가 시각적 소음이 되어 라벨마다 서로의 주목도를 빼앗습니다. 각 콜아웃은 기능 하나와 그 이점을 짚어 45단어로 유지하십시오.
콜아웃과 치수 라벨의 차이는 무엇인가요?
콜아웃은 기능과 그것이 중요한 이유를 짚고("세탁기 사용 가능 커버"), 치수 라벨은 정확한 측정값을 명시합니다("가로 32cm"). 콜아웃은 가치에 대한 반대에, 치수는 크기에 대한 반대에 답합니다. 서로 다른 이미지에 넣어 어느 쪽도 어지럽히지 않게 하십시오.
제품 사진 콜아웃이 정말 전환율을 높이나요?
네 — Baymard의 연구에 따르면 설명 그래픽은 쇼핑객이 멈춰 기능을 살펴보게 하고, 반대 이유를 없애는 무언가를 배우는 경우가 많습니다. 반대 이유가 줄면 버려지는 장바구니도 줄어듭니다. 절반 정도의 사이트만 이를 사용하므로, 콜아웃은 경쟁사보다 더 유익해 보이게 하는 저비용 방법이기도 합니다.
모바일에서 콜아웃을 읽기 쉽게 만들려면?
고대비 텍스트나 단색 라벨 칩을 쓰고, 콜아웃을 4~5단어로 유지하며, 썸네일 크기에서 가독성을 확인하십시오 — 대부분의 트래픽은 모바일입니다. 폰 화면에서 읽을 수 없는 콜아웃은 데스크톱에서 아무리 멋져 보여도 제 역할을 못 하는 것입니다.