작업·오류·데이터 상태 표시
각 항목을 클릭하면 시각 예시·비교·원문을 볼 수 있습니다.
알림 배지 Notification Badge
새 알림 존재나 미확인 수를 표시하는 배지.
알림함·메시지 목록.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
배지 Badge
대상 주변에 붙여 짧은 정보·상태·개수를 표시하는 작은 표식.
알림·사용자·상품 상태.
항상 숫자를 포함하는 것은 아니며 일반적으로 버튼과 구분한다.
상태 칩 Status Chip
짧은 상태 라벨을 작은 캡슐·칩 형태로 묶어 표시한다.
주문 상태·검토 상태.
필터 칩처럼 조작 가능한 칩과 구분한다.
상태 표시기 Status Indicator
색·형태·아이콘·텍스트로 현재 상태를 전달하는 시각 요소.
작업 목록·장치·서비스 상태.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
점 표시기 Dot Indicator
작은 점으로 새 항목 존재나 간단한 상태를 표시한다.
읽지 않음·온라인 표시.
점의 의미를 문맥이나 라벨로 설명한다.
숫자 배지 Counter Badge
대상과 관련된 항목 수를 숫자로 표시한다.
장바구니 수·알림 수.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
성공 표시 Success Indicator
작업이 의도한 조건을 충족해 완료됐음을 나타낸다.
저장 성공·검증 통과.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
경고 표시 Warning Indicator
즉시 실패는 아니지만 주의나 확인이 필요한 상황을 나타낸다.
용량 임박·기한 접근.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
오류 표시 Error Indicator
작업 실패나 유효하지 않은 상태를 알린다.
저장 실패·입력 오류.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
정보 표시 Info Indicator
위험 경고가 아닌 참고 정보가 있음을 표시한다.
조건·상태 설명.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
대기 표시 Pending Indicator
승인·응답·선행 조건을 기다리는 상태를 나타낸다.
승인 대기·결제 확인 대기.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
큐 대기 표시 Queued Indicator
작업이 실행 순서를 기다리는 대기열에 있음을 나타낸다.
업로드·배치 작업.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
실행 중 표시 Running Indicator
작업이 현재 수행되고 있음을 나타낸다.
분석·빌드·배포 작업.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
일시정지 표시 Paused Indicator
재개 가능한 상태로 작업 실행이 멈춰 있음을 나타낸다.
다운로드·처리 일시정지.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
취소 표시 Canceled Indicator
사용자나 시스템이 작업을 중단시켰음을 나타낸다.
예약·업로드 취소.
실패나 일시정지와 원인·후속 동작이 다르다.
차단 표시 Blocked Indicator
의존성·권한·조건 때문에 작업을 진행할 수 없음을 나타낸다.
승인 미충족·선행 작업 미완료.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
상태 미확인 Unknown Status
충분한 정보가 없어 현재 상태를 판정할 수 없음을 표시한다.
초기 연결·미수집 데이터.
정상이나 오프라인으로 임의 변환하지 않는다.
부분 성공 Partial Success
여러 하위 작업 중 일부만 성공한 상태.
대량 업로드·일괄 수정 결과.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
저장 중 표시 Saving Indicator
저장 요청이 진행 중임을 나타낸다.
자동 저장·문서 저장.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
저장 완료 표시 Saved Indicator
정의된 저장 위치에 반영이 완료됐음을 나타낸다.
편집기·설정 변경.
로컬 저장인지 서버 저장인지 범위를 구분한다.
미저장 변경 표시 Unsaved Changes Indicator
현재 편집 내용에 아직 저장되지 않은 변경이 있음을 나타낸다.
문서 탭의 점·별표.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
동기화 충돌 표시 Sync Conflict Indicator
서로 다른 변경을 자동 병합하지 못한 상태를 나타낸다.
협업 문서·오프라인 편집.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
오래된 데이터 표시 Stale Data Indicator
표시 데이터가 최신 조건을 충족하지 못함을 알린다.
캐시·갱신 지연 대시보드.
상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.
미확정·혼합 상태 Indeterminate State
단일 참·거짓이나 완료 비율로 표현할 수 없는 상태.
일부 선택 체크박스·완료량 미상 진행.
체크박스의 mixed와 진행 표시기의 indeterminate는 다른 문맥이다.
Task, Error & Data States
Open an entry for its visual reference, comparisons and source-language text.
Notification Badge 알림 배지
A badge indicating new notifications or an unread count.
Notification centers and message lists.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Badge 배지
A small marker attached to an item to show brief information, status, or a count.
Notification, user, and product status.
A badge does not always contain a number and is generally distinct from a button.
Status Chip 상태 칩
A short status label displayed inside a small capsule or chip.
Order and review status.
Distinguish this from interactive chips such as filter chips.
Status Indicator 상태 표시기
A visual element communicating current state through color, shape, icons, or text.
Task lists, devices, and service status.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Dot Indicator 점 표시기
A small dot indicating new content or a simple state.
Unread and online indicators.
Explain a dot's meaning through context or a label.
Counter Badge 숫자 배지
A badge displaying the number of items associated with a target.
Shopping cart quantities and notification counts.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Success Indicator 성공 표시
An indicator that an operation completed and met its intended conditions.
Successful saves and passed validation.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Warning Indicator 경고 표시
An indicator of a situation requiring caution or review without necessarily representing failure.
Approaching capacity limits and deadlines.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Error Indicator 오류 표시
An indicator of a failed operation or invalid state.
Save failures and input errors.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Info Indicator 정보 표시
An indicator of supporting information rather than a danger warning.
Explaining conditions and states.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Pending Indicator 대기 표시
An indicator of waiting for approval, a response, or a prerequisite.
Pending approval and payment confirmation.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Queued Indicator 큐 대기 표시
An indicator that a task is waiting in a queue for execution.
Uploads and batch jobs.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Running Indicator 실행 중 표시
An indicator that a task is currently executing.
Analysis, build, and deployment jobs.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Paused Indicator 일시정지 표시
An indicator that execution has stopped in a resumable state.
Pausing downloads and processing.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Canceled Indicator 취소 표시
An indicator that the user or system canceled a task.
Canceling scheduled actions and uploads.
Its cause and subsequent actions differ from failure or pausing.
Blocked Indicator 차단 표시
An indicator that dependencies, permissions, or conditions prevent progress.
Missing approval and incomplete prerequisites.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Unknown Status 상태 미확인
An indication that available information is insufficient to determine the current state.
Initial connections and data not yet collected.
Do not arbitrarily convert this state to healthy or offline.
Partial Success 부분 성공
A state in which only some of multiple subtasks succeeded.
Results of bulk uploads and batch edits.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Saving Indicator 저장 중 표시
An indicator that a save request is in progress.
Autosave and document saving.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Saved Indicator 저장 완료 표시
An indicator that changes have been committed to the specified storage location.
Editors and changes to settings.
Distinguish saving locally from saving to a server.
Unsaved Changes Indicator 미저장 변경 표시
An indicator that the current edits include changes not yet saved.
Dots or asterisks on document tabs.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Sync Conflict Indicator 동기화 충돌 표시
An indicator that different changes could not be merged automatically.
Collaborative documents and offline editing.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Stale Data Indicator 오래된 데이터 표시
An indicator that displayed data no longer meets freshness requirements.
Cached or delayed-refresh dashboards.
State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements.
Indeterminate State 미확정·혼합 상태
A state not representable as a single true/false value or completion percentage.
Partially selected checkboxes and progress with an unknown completion amount.
A checkbox's mixed state and a progress indicator's indeterminate state are different contexts.