배지의 의미를 명시하세요.
하나의 색깔 있는 점만으로는 모든 사람에게 상태를 설명하기에 충분하지 않습니다.
배지 디자인 시스템
주요 콘텐츠를 침해하지 않고 수량이나 상태를 추가하세요.
체크리스트 내용
검토 진행 상황
01
구조와 의미
사용 맥락에 따라 정보와 프레젠테이션을 비교합니다.
02
상호 작용 및 유용성
작업을 시도하고 상태를 변경한 후 작업을 계속하세요.
진행 상황은 이 브라우저에 자동으로 저장됩니다.
안내
검토 방법
예시
활용 예시
배지의 의미를 명시하세요.
"알림" 버튼의 액세스 이름은 "읽지 않은 알림 3개"입니다.
변형 및 사용 사례
카운터에는 숫자가 있습니다
카운터가 계산하는 항목의 유형을 나타내며 큰 숫자에 대한 표시 제한이 있습니다.
0, 1, 120을 시도해 보세요. 숨기기 또는 단축 규칙은 사용자 이름의 전체 의미를 보존해야 합니다.
예시 현재 99개 이상이지만 사용자 이름은 여전히 "읽지 않은 알림 120개"입니다.
색상에 숫자나 레이블을 함께 사용하세요.
마크에 업데이트가 있습니다
점은 특정 금액을 약속하지 않고 단순히 변경 사항을 표시할 때 적합합니다.
업데이트 스탬프와 온라인 상태를 구별할 수 있는지 사용자를 테스트하십시오.
예시 '확인할 정보가 있습니다'라는 라벨이 있는 프로필 탭을 클릭하세요.
색상에 숫자나 레이블을 함께 사용하세요.