Nêu việc đang xử lý
Không hiện phần trăm nếu hệ thống chưa đo được tiến độ thật.
Loading Design system
Cho biết tác vụ đang diễn ra và khi nào cần xử lý.
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.
03
Hoàn thiện trải nghiệm
Kiểm tra những chi tiết dễ bỏ sót khi đưa thiết kế vào sử dụng.
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 việc đang xử lý
“Đang xử lý 4 tệp” thay cho tiến độ cố định 99% kéo dài.
Các biến thể và tình huống
Hình thức báo chờ
Chọn spinner, thanh tiến độ hoặc skeleton theo thông tin có thể biết về tác vụ.
Thử tác vụ không có tổng kích thước; tránh gán phần trăm giả.
Ví dụ Tải tệp có thanh phần trăm; đọc thông tin URL chỉ hiện trạng thái xử lý.
Nội dung giải thích việc chờ
Nêu tác vụ đang làm và bước tiếp theo khi thời gian chờ dài hơn thường lệ.
Giả lập phản hồi chậm; trạng thái cần giúp nhận ra ứng dụng vẫn đang xử lý.
Ví dụ Sau vài giây, hiện “Đang đọc thông tin video, vui lòng chờ”.
Đang tải nội dung
Ngữ cảnh của tiến trình
Đặt chỉ báo tại đúng vùng đang tải và giữ nội dung còn dùng được.
Một widget tải lỗi không được biến cả dashboard thành spinner toàn trang.
Ví dụ Khối doanh thu báo chờ trong khi danh sách yêu cầu vẫn thao tác được.
Đang tải nội dung
Giữ ngữ cảnh và báo tiến độ khi có thể.