Nêu ý nghĩa của badge
Một chấm màu không đủ để giải thích trạng thái cho mọi người.
Badge Design system
Bổ sung số lượng hoặc trạng thái mà không lấn nội dung chính.
Nội dung checklist
Tiến độ kiểm tra
01
Cấu trúc và ý nghĩa
Đối chiếu thông tin và cách trình bày trong ngữ cảnh sử dụng.
02
Tương tác và khả năng sử dụng
Thử thao tác, thay đổi trạng thái và đường tiếp tục công việc.
Tiến độ được lưu tự động trên trình duyệt này.
HƯỚNG DẪN
Cách kiểm tra
VÍ DỤ
Ví dụ áp dụng
Nêu ý nghĩa của badge
Nút “Thông báo” có tên truy cập “3 thông báo chưa đọc”.
Các biến thể và tình huống
Bộ đếm có số
Nêu bộ đếm đang đếm loại việc gì và có giới hạn trình bày cho số lớn.
Thử 0, 1 và 120; quy tắc ẩn hoặc rút gọn phải giữ tên truy cập đủ nghĩa.
Ví dụ Hiện 99+ nhưng tên truy cập vẫn là “120 thông báo chưa đọc”.
Kết hợp màu sắc với số hoặc nhãn.
Dấu có cập nhật
Dấu chấm phù hợp khi chỉ cần báo có thay đổi, không hứa một số lượng cụ thể.
Kiểm tra người dùng có thể phân biệt dấu cập nhật với trạng thái online.
Ví dụ Chấm ở tab Hồ sơ đi kèm nhãn “Có thông tin cần kiểm tra”.
Kết hợp màu sắc với số hoặc nhãn.