배지Badge
한 줄 정의
배지는 상품 사진이나 메뉴 옆에 'NEW', 'BEST', '품절'처럼 짧은 상태 정보를 붙여 보여 주는 작은 표시예요.
쉽게 말하면
빵집 진열대에 붙은 '오늘 구운 빵' 스티커처럼, 배지는 방문자가 설명을 읽기 전에 눈으로 먼저 알아채게 하는 작은 딱지예요. 쇼핑몰 상품 목록에서 'NEW'나 '20%' 배지를 보면, 방문자는 상품 페이지를 열지 않고도 어떤 상품이 새로 들어왔고 어떤 상품이 할인 중인지 알 수 있어요. 알림 아이콘 위에 붙는 작은 숫자 동그라미도 배지라고 불러요.
잘 쓰려면
- 글자는 짧게: 배지는 크기가 작아서 글자가 길면 잘리거나 너무 작아져 읽기 어려워요
- 색과 글자를 함께 쓰기: 할인은 빨강, 신상품은 파랑처럼 뜻마다 색을 정해 두면 방문자가 색만 보고도 구분할 수 있어요. 다만 색을 구분하기 어려운 방문자도 있으니 색만으로 뜻을 전하지 말고 글자를 함께 넣어요
- 아껴 붙이기: 모든 상품에 배지가 붙어 있으면 어떤 상품이 특별한지 구분되지 않아요
큐샵에서는
큐샵에서는 쇼핑몰 상품 목록에 보일 상품 뱃지를 만들 수 있어요. 상품 말고도 홈페이지 화면에 뱃지 모양의 UI를 직접 만들어 넣을 수 있어요.
헷갈리는 말
| 헷갈리는 말 | 뜻 | 배지와 다른 점 |
|---|---|---|
| 태그 | 글이나 상품에 붙여 같은 주제끼리 묶는 꼬리표 | 배지는 상태를 알리는 데 쓰고, 태그는 같은 주제끼리 묶어 찾아보게 하는 데 써요. 태그는 누르면 같은 태그가 붙은 목록으로 이동하게 만들기도 해요 |
같은 말
아래 이름으로도 불러요. 모두 같은 뜻이에요.
뱃지Badge
