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 →