Thư viện thuật ngữ / UI/UX

Skeleton screen là gì?

Còn gọi: khung chờ tải, skeleton loading, khung xương

Skeleton screen là bố cục giả dạng các khối xám hiện ra trong lúc nội dung đang tải, mô phỏng vị trí của ảnh và chữ sắp xuất hiện, giúp việc chờ có cảm giác nhanh hơn.

Ảnh minh hoạ Skeleton screen (khung chờ tải): một danh sách bài viết ở trạng thái skeleton và trạng thái đã tải xong, đặt cạnh nhau
Một danh sách bài viết ở trạng thái skeleton và trạng thái đã tải xong, đặt cạnh nhau

Hiểu kỹ hơn

So với vòng xoay tải (spinner), skeleton cho người dùng biết trước cấu trúc trang, nên cảm giác chờ ngắn hơn và trang không bị nhảy bố cục khi nội dung đổ về. Các khối thường có hiệu ứng ánh sáng chạy nhẹ. Skeleton nên khớp gần đúng với bố cục thật.