Bám hình dạng nội dung thật
Dùng skeleton khi biết cấu trúc nội dung; không ngụ ý đã có dữ liệu.
Skeleton Design system
Cho biết nội dung sắp xuất hiện mà không làm bố cục nhảy.
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
Bám hình dạng nội dung thật
Thẻ kết quả chờ tải có vùng ảnh, tiêu đề và hai dòng mô tả.
Các biến thể và tình huống
Khung đúng cấu trúc thật
Placeholder theo vùng ảnh và chữ sắp xuất hiện để nội dung thay thế không gây nhảy bố cục.
So sánh khung chờ với dữ liệu thật có tiêu đề dài; chiều cao chính giữ ổn định.
Ví dụ Thẻ ảnh có vùng vuông và footer tác giả giống thẻ đã tải.
Tên hiển thịĐang hoạt độngHình dạng theo loại dữ liệu
Chọn vòng tròn, dòng chữ hoặc khối ảnh theo vai trò, không dùng một khối lớn cho mọi thứ.
Thử danh sách có avatar và ảnh; người xem đoán được nội dung sắp xuất hiện.
Ví dụ Avatar chờ có khung tròn, tiêu đề có dòng ngắn, ảnh có khung vuông.