Skeleton Screen

หน้าตาเป็นแบบไหน

กล่องสีเทาๆ เป็นรูปร่างคล้ายกับ content จริงแต่ยังว่างอยู่ บางทีมีแสงวิ่งไปมา ขณะรอโหลดข้อมูล

คืออะไร

แสดงโครงสร้าง UI ก่อนที่ข้อมูลจะโหลดเสร็จ ดีกว่า spinner เพราะผู้ใช้รู้ว่าจะเห็นอะไร ลด perceived loading time

ใช้เมื่อไหร่

ใช้แทน loading spinner เมื่อรู้ layout ของ content ล่วงหน้า เช่น card list, profile, article

ดูเพิ่มเติม