topic난이도

Badge

경찰 배지/메달에서 유래한 상태 표시.

#badge#배지#알림

Badge(배지)는 중세 영어 'bage'에서 왔으며, 신분이나 소속을 나타내는 표식이다. 경찰 배지, 보이스카우트 공로 배지, 군인 계급장이 대표적이다. UI에서는 아이콘 위에 작은 원(dot)이나 숫자를 표시해 '읽지 않은 알림 3개' 같은 상태 정보를 전달한다.

실제 사물UI 패턴
경찰 배지 = 신분 증명상태 배지 = 현재 상태 표시
공로 배지 = 업적 표시알림 배지 = 미확인 개수
옷에 핀으로 부착아이콘 우상단에 중첩 표시

사용 가이드라인: 알림 개수, 상태(온라인/오프라인), 새 기능 표시 등에 쓴다. 숫자가 99를 넘으면 '99+'로 줄여 표시한다. 배지가 화면 곳곳에 너무 많으면 '알림 피로'를 유발하니 정말 중요한 것에만 사용한다. 색상은 빨강(긴급), 회색(정보) 등으로 구분한다.