Loaders | لودرها
لودرها مؤلفه‌های دیداری مشخصی‌اند که در سیستم طراحی برای اعلام «سیستم مشغول است» به کار می‌روند: اسپینر، نوار پیشرفت، اسکلتون محتوا، گاه حلقهٔ درصدی یا پیام وضعیت کوتاه. تمرکز این مدخل روی خود الگوهای مؤلفه‌ای است—شکل، رفتار، API حالت، و انتخاب گونه—نه روی کل تجربهٔ انتظار که در مدخل بارگذاری آمده است. وقتی کاربر ارسال می‌کند، می‌گشاید، یا همگام می‌سازد و پاسخ فوری نیست، لودر پل میان اقدام و نتیجه است تا سکوت سیستم به‌معنای خرابی تفسیر نشود.
کاتالوگ گونه‌ها در سیستم طراحی
اسپینر ساده‌ترین قرارداد است: حرکت حلقوی یا معادل آن می‌گوید فعالیت جریان دارد اما مدت معلوم نیست. نوار پیشرفت وقتی معنا دارد که درصد یا مراحل قابل اندازه‌گیری باشد—آپلود فایل، نصب، تولید گزارش چندگامی. اسکلتون جای خالی ساختار صفحه یا کارت را با بلوک‌های خاکستری نشان می‌دهد تا چیدمان زود حاضر شود و محتوا جای خود را پر کند. برخی محصولات از لودر دکمه‌ای استفاده می‌کنند: برچسب اقدام به حالت مشغول بدل می‌شود تا همان کنترل منبع حقیقت وضعیت باشد.
انتخاب گونه تصمیم طراحی است نه سلیقهٔ انیماتور. انتظار کوتاه و نامشخص با اسپینر یا لودر درون‌دکمه؛ کار اندازه‌پذیر با نوار؛ جایگزینی تکهٔ بزرگ محتوا با اسکلتون. ترکیب‌ها مجازند: اسکلتون برای بدنه، اسپینر کوچک برای ویجت کناری. اما چند انیمیشن ناهم‌زمان پررنگ در یک ویوپورت معمولاً اضطراب می‌سازد نه اطمینان.
قرارداد مؤلفه: اندازه، محل، و قطع حرکت
لودر خوب در سلسله‌مراتب بصری نقطهٔ درست می‌نشیند. اسپینر سراسری صفحه برای نخستین ورود یا تعویض زمینهٔ کامل؛ اسپینر محلی روی کارت یا جدول وقتی فقط همان ناحیه تازه‌سازی می‌شود. اگر کل صفحه برای هر فیلتر کوچک بلرزد، هزینهٔ ادراک‌شده بالا می‌رود. اندازه باید با اهمیت عمل بخواند؛ حلقهٔ عظیم برای ذخیرهٔ یک سوییچ اغراق و برای پردازش پرداخت شاید مناسب است.
حرکت باید قابل توقف یا حداقل محترم به کاهش حرکت سیستم‌عامل باشد. انیمیشن سنگین برنددار که ثانیه‌ها طول می‌کشد تا «هویت» نشان دهد، در کار تکراری خسته‌کننده می‌شود. لودر سفارشی هنوز باید فوراً به‌عنوان وضعیت مشغول خوانده شود؛ اگر کاربر بپرسد «این لوگو است یا در حال بار شدن؟» قرارداد شکسته است. رنگ و ضخامت از توکن‌های سیستم بیاید تا در دارک مود و کنتراست بالا نشکند.
قطعیت مدت و صادق بودن پیشرفت
نوار پیشرفت دروغ‌گو از اسپینر مبهم بدتر است. اگر درصد مصنوعی تا نود و نه می‌رود و می‌ایستد، اعتماد می‌سوزد. بهتر است پیشرفت واقعی گزارش شود یا به الگوی نامشخص برگردید. برای کارهای چندمرحله‌ای، برچسب مرحله—در حال فشرده‌سازی، در حال ارسال، در حال تأیید—اغلب مفیدتر از درصد دقیق است چون پیشرفت معنایی می‌دهد.
زمان‌بندی نمایش هم بخشی از API رفتاری مؤلفه است. چشمک اسپینر برای تأخیر زیر آستانهٔ ادراک می‌تواند نویز باشد؛ بسیاری از تیم‌ها نمایش را چند صد میلی‌ثانیه به تأخیر می‌اندازند و برای تأخیرهای بلندتر اسکلتون یا نوار می‌آورند. این سیاست باید در مستند مؤلفه ثابت باشد تا هر صفحه آستانهٔ خودش را اختراع نکند.
دسترس‌پذیری خودِ لودر به‌عنوان کنترل وضعیت
لودر دیداری برای صفحه‌خوان کافی نیست. منطقهٔ زنده یا پیام وضعیت باید آغاز و پایان مشغول بودن را اعلام کند. اگر اسپینر روی دکمه است، نام دسترس‌پذیر دکمه باید حالت مشغول را منعکس کند و از ارسال دوباره جلوگیری شود. فوکوس نباید در حفره گم شود؛ غیرفعال‌سازی موقت کنترل‌های خطرناک—مثل پرداخت دوباره—باید با بازیابی واضح همراه باشد.
کنتراست انیمیشن روی پس‌زمینه، جایگزین متنی برای معنای پیشرفت، و پرهیز از تکیهٔ صرف به رنگ در نوارهای چندحالته، مجموعهٔ پذیرش دسترس‌پذیری مؤلفه‌اند. در آزمون، سناریوی «قطع شبکه وسط لودر» را هم ببینید: مؤلفه باید بتواند به حالت خطا یا تلاش دوباره مهاجرت کند، نه تا ابد بچرخد.
هم‌نشینی با عملکرد؛ جایگزینی نه، تکمیل بله
بهینه‌سازی شبکه و رندر نیاز به لودر را کم می‌کند اما حذف کامل را برای آپلود بزرگ، گزارش سنگین، یا انتظار پاسخ درگاه تضمین نمی‌کند. لودر مجوز کندی بی‌انضباط نیست؛ لایهٔ صداقت در برابر تأخیر اجتناب‌ناپذیر است. بودجهٔ عملکرد و بودجهٔ مؤلفه را با هم ببینید: اگر اسکلتون سه ثانیه می‌ماند چون بستهٔ اسکریپت متورم است، اول باندل را کوچک کنید بعد انیمیشن اسکلتون را براق‌تر نکنید.
در محصول‌های دادهٔ لحظه‌ای، لودر اولیه با نشانگر همگام‌سازی پس‌زمینه فرق دارد. دومی می‌تواند ظریف‌تر باشد تا کل رابط را قفل نکند. تصمیم قفل سراسری در برابر مشغول محلی باید در راهنمای الگو ثبت شود؛ وگرنه هر تیم برای ترس از ناسازگاری داده کل صفحه را می‌بندد و حس کندی چند برابر می‌شود.
مرز صریح با مفهوم بارگذاری به‌عنوان تجربه
بارگذاری به بازه و فرایند انتظار اشاره دارد—آنچه کاربر میان درخواست و نتیجه حس می‌کند، شامل اضطراب، اعتماد، و تصمیم به ماندن یا ترک. لودرها ابزارهای مشخص UI برای علامت‌دادن در بخشی از آن بازه‌اند. می‌توان تجربهٔ بارگذاری را با پیام متنی، غیرفعال‌سازی کنترل، یا حتی پیش‌واکشی بدون اسپینر مدیریت کرد؛ همان‌طور که می‌توان لودر را بد انتخاب کرد و تجربهٔ انتظار را خراب نمود. طراحی مؤلفه پاسخ می‌دهد «کدام نشانگر با کدام API؟»؛ طراحی بارگذاری پاسخ می‌دهد «در این جریان، انتظار چگونه احساس و اداره شود؟»
در نقد طراحی، این دو را جدا امتیاز بدهید. سؤال مؤلفه‌ای: آیا اسپینر محلی با توکن درست و ARIA کافی است؟ سؤال تجربه‌ای: آیا کاربر می‌داند چقدر تقریبی باید بماند و اگر شکست خورد چه کند؟ یکی کردن این سؤال‌ها باعث می‌شود تیم فقط کتابخانهٔ اسپینر را زیبا کند و ریشه‌های انتظار طولانی یا نبود مسیر خطا را نبیند.
الگوی پذیرش و نمونهٔ زنده در کتابخانه
هر لودر در کتابخانه باید حالت‌های شروع، حلقه، پایان، خطا، و کاهش حرکت را نشان دهد. برای نوار پیشرفت، مقادیر صفر، میانی، کامل، و نامشخص؛ برای اسکلتون، چینش هم‌تراز با محتوای نهایی تا جابه‌جایی چیدمان کم شود. سند کاربرد: کجا سراسری، کجا محلی، کجا دکمه، چه آستانه‌ای برای نمایش. بدون این‌ها، لودر از مؤلفه به سلیقهٔ لحظه‌ای تبدیل می‌شود.
لودر بالغ دیده می‌شود فقط به اندازهٔ لازم، دروغ نمی‌گوید، دسترس‌پذیر است، با برند هم‌خوان است بدون نمایشگاه حرکت، و جای درست در صفحه می‌نشیند. وقتی این قراردادها ثابت باشند، تجربهٔ انتظار—که موضوع مدخل جداست—روی زمین پایدارتری می‌ایستد. مؤلفه ابزار است؛ ابزار تیز بدون مهارت جریان، کار را تمام نمی‌کند، اما مهارت جریان بدون ابزار روشن هم اغلب در سکوت سیستم گم می‌شود.
پیش از انتشار گونهٔ تازه، سه سناریوی حداقلی را روی موبایل و دسکتاپ بیازمایید: انتظار کوتاه زیر آستانهٔ نمایش، انتظار متوسط با تکمیل موفق، و انتظار قطع‌شده با خطا. ببینید آیا کاربر می‌فهمد کدام ناحیه مشغول است، آیا ارسال دوباره ممکن شده، و آیا پایان لودر با ظاهر شدن محتوا هم‌زمان حس می‌شود. همین آزمون کوتاه جلوِ اسپینر یتیم و اسکلتون بی‌پایان را می‌گیرد و کیفیت مؤلفه را از حدس به شواهد نزدیک می‌کند.
سوالات متداول
مؤلفهٔ دیداری مانند اسپینر، نوار پیشرفت یا اسکلتون که مشغول بودن سیستم را نشان می‌دهد و بلاتکلیفی را کم می‌کند.
لودر الگوی مؤلفه و نشانگر است؛ بارگذاری تجربه و بازهٔ انتظار میان درخواست و پاسخ است که ممکن است با ابزارهای متنوعی مدیریت شود.
اسپینر برای انتظار کوتاه یا نامشخص؛ نوار وقتی پیشرفت واقعی یا مراحل معنادار قابل اندازه‌گیری است.
ساختار محتوا را زود نشان می‌دهد، حس پیشرفت می‌سازد و اغلب انتظار را کوتاه‌تر از صفحهٔ خالی یا اسپینر سراسری جلوه می‌دهد.
اعلام وضعیت به صفحه‌خوان، هماهنگی نام کنترل در حالت مشغول، احترام به کاهش حرکت، و مسیر خروج به خطا یا اتمام.