وقتی درخواست طول می‌کشه، اولین راه‌حل خیلی از طراح‌ها اینه:
⏳ Loading...
ولی UX مدرن همیشه این نیست.
فرض کن صفحه‌ای داری که ساختارش مشخصه، ولی اطلاعاتش هنوز از API نیومده.
به جای اینکه کل صفحه رو قفل کنی:
Loading...
می‌تونی از Skeleton UI استفاده کنی:
┌─────────────────────┐
│ █████████████ │
│ █████████████████ │
│ │
│ ████████ │
│ ███████████████ │
└─────────────────────┘
کاربر از همون لحظه اول می‌فهمه ساختار صفحه چیه و منتظر محتوا می‌مونه.
اما یه نکته UX مهم:
Skeleton نباید صرفاً یک انیمیشن تزئینی باشه.
اگر قرار باشه ۵ ثانیه Skeleton نمایش بدی و بعد محتوا بیاد، فقط تأخیر رو قشنگ‌تر کردی. 😄
هدفش اینه که درک کاربر از زمان انتظار بهتر بشه، نه اینکه Performance واقعی رو پنهان کنیم.
گاهی بهترین UX این نیست که کاری کنی کاربر منتظر نماند؛
کاری کن بداند دقیقاً منتظر چه چیزی است.
@CodeVerse_dev