Trạng thái tải tồn tại để trả lời một câu hỏi cho người dùng: có chuyện gì đang xảy ra không? Nếu không có câu trả lời, mọi người nhấn lại, tải lại trang hoặc rời đi. Câu trả lời đúng phụ thuộc vào việc họ chờ đợi bao lâu.
Trong thời gian chờ rất ngắn, dưới khoảng 1/10 giây, hầu hết mọi người không nhận thấy độ trễ, do đó đèn báo chỉ nhấp nháy thêm. Một kỹ thuật phổ biến là chờ một thời gian ngắn trước khi hiển thị một vòng quay, vì vậy những phản hồi nhanh sẽ không bao giờ hiển thị một vòng quay nào cả.
Để chờ một giây hoặc vài giây, hãy hiển thị phản hồi nơi kết quả sẽ xuất hiện. Màn hình khung, đường viền màu xám của bố cục sắp tới, hoạt động tốt cho danh sách, thẻ và hồ sơ vì nó hiển thị những gì sắp diễn ra và giảm sự thay đổi bố cục. Máy quay hoạt động cho các khu vực nhỏ hoặc khi kết quả không có hình dạng có thể đoán trước được.
Đối với các tác vụ dài như tải lên, xuất hoặc tạo AI, hãy hiển thị tiến độ thực sự nếu bạn có thể đo lường được, giải thích điều gì đang xảy ra và để mọi người hủy hoặc tiếp tục công việc khác. Một máy quay quay trong một phút mà không có thông tin nào khác sẽ có cảm giác như một sự thất bại.
Điều khiển bắt đầu hành động cũng cần có trạng thái. Nút gửi chuyển sang trạng thái tải và không thể nhấn hai lần, ngăn chặn các đơn hàng và tin nhắn trùng lặp. Khi quá trình tải kết thúc, hãy chuyển rõ ràng sang thành công hoặc lỗi thay vì âm thầm trở về mặc định.
Hoạt ảnh sẽ hữu ích ở đây nhưng hãy giữ cho nó ổn định và ngắn gọn trong một vòng lặp, đồng thời tôn trọng cài đặt giảm chuyển động. ExodeUI, do chúng tôi tạo ra, cho phép bạn thiết kế một trình tải hoặc một nút có các trạng thái tải, thành công và lỗi trong một tệp mà mã của bạn chuyển đổi giữa các trạng thái đó.