Skip to main content
Languageالعربية
الأساسيات5 دقائق قراءةأكتوبر 2026

كيف يجب أن تعمل حالة التحميل؟

إجابة مختصرة

تخبر حالة التحميل الجيدة الأشخاص بحدوث شيء ما، تقريبًا كم من الوقت سيستغرق وما سيظهر. بالنسبة للانتظار القصير جدًا، لا تظهر أي شيء أو تغييرًا طفيفًا. لبضع ثوان، استخدم هيكلًا عظميًا أو قرصًا دوارًا بالقرب من المكان الذي سيظهر فيه المحتوى. بالنسبة للمهام الطويلة، أظهر التقدم واسمح للأشخاص بمواصلة العمل أو الإلغاء.

الوجبات الجاهزة الأساسية

  • قم بمطابقة المؤشر مع الانتظار: لا شيء، أو خفية، أو سبينر، أو هيكل عظمي، ثم تقدم
  • تعمل الهياكل العظمية بشكل أفضل عندما يكون تخطيط المحتوى القادم معروفًا
  • إظهار حالة التحميل حيث سيظهر المحتوى، وليس في الزاوية فقط
  • احتفظ بالزر الذي بدأ الإجراء في حالة تحميل لمنع الإرسال المزدوج
  • احترم إعدادات الحركة المنخفضة واستمر في تحميل الرسوم المتحركة بهدوء

توجد حالات التحميل للإجابة على سؤال واحد للمستخدم: هل يحدث أي شيء؟ وبدون إجابة، ينقر الأشخاص مرة أخرى، أو يعيدون تحميل الصفحة، أو يغادرون. تعتمد الإجابة الصحيحة على مدة انتظارهم.

بالنسبة للانتظار القصير جدًا، أقل من عُشر ثانية تقريبًا، لا يلاحظ معظم الأشخاص أي تأخير، لذلك يضيف المؤشر وميضًا فقط. من الأساليب الشائعة الانتظار لفترة وجيزة قبل إظهار القرص الدوار، لذلك لا تظهر الاستجابات السريعة أي قرص على الإطلاق.

بالنسبة للانتظار لمدة ثانية أو بضع ثوانٍ، قم بإظهار التعليقات حيث ستظهر النتيجة. تعمل الشاشة الهيكلية، وهي عبارة عن مخطط رمادي للتخطيط القادم، بشكل جيد مع القوائم والبطاقات وملفات التعريف لأنها تظهر ما هو قادم وتقلل من تغيير التخطيط. يعمل الدوار في مناطق صغيرة أو عندما لا يكون للنتيجة شكل يمكن التنبؤ به.

بالنسبة للمهام الطويلة مثل عمليات التحميل أو التصدير أو إنشاء الذكاء الاصطناعي، أظهر التقدم الحقيقي إذا كان بإمكانك قياسه وشرح ما يحدث والسماح للأشخاص بإلغاء أعمال أخرى أو الاستمرار فيها. الدوار الذي يدور لمدة دقيقة دون أي معلومات أخرى يبدو وكأنه فاشل.

التحكم الذي بدأ الإجراء يحتاج إلى حالة أيضًا. زر الإرسال الذي يتحول إلى حالة التحميل، ولا يمكن الضغط عليه مرتين، يمنع الأوامر والرسائل المكررة. عند انتهاء التحميل، انتقل بوضوح إلى النجاح أو الخطأ بدلاً من العودة بصمت إلى الوضع الافتراضي.

تساعد الرسوم المتحركة هنا، ولكن اجعلها هادئة وقصيرة في الحلقة، واحترم إعداد الحركة المنخفضة. يتيح لك ExodeUI، الذي نصنعه، تصميم أداة تحميل أو زر يحتوي على حالات التحميل والنجاح والخطأ في ملف واحد يتم التبديل بين الكود الخاص بك.

الأسئلة المتداولة

الشاشة الدوارة أم الهيكلية: أيهما أفضل؟

تكون الهياكل العظمية أفضل عندما تعرف شكل المحتوى القادم، مثل القائمة أو البطاقة. تعتبر المغازل أفضل للمناطق الصغيرة أو المحتوى غير المعروف.

كم من الوقت قبل أن يظهر مؤشر التحميل؟

تنتظر العديد من الفرق بضع مئات من المللي ثانية حتى لا تظهر الاستجابات السريعة أبدًا. اختبار مع أوقات الاستجابة الحقيقية الخاصة بك.

هل يجب تكرار تحميل الرسوم المتحركة إلى الأبد؟

فقط أثناء تشغيل المهمة بشكل حقيقي. إذا استغرق الأمر وقتًا أطول بكثير من المتوقع، فاعرض رسالة أو تقدمًا أو طريقة للإلغاء.

كيف أظهر التحميل في زر؟

استبدل الملصق أو أرفقه بمؤشر صغير، وحافظ على حجم الزر كما هو حتى لا يقفز التخطيط، واضغط على تكرار الحظر حتى ينتهي الطلب.

الأدلة والأمثلة ذات الصلة

جرب زرًا بحالات تحميل حقيقية

افتح الأمثلة التفاعلية مع حالات التحميل والنجاح والخطأ، والتي تم إنشاؤها كملفات ExodeUI حقيقية يمكنك تحريرها.

افتح الأمثلة
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →