स्केलेटन स्क्रीन: स्पिनरों के बजाय उनका उपयोग कब करें

कंकाल स्क्रीन क्या है

Nielsen Norman Group एक लोडिंग पेज के लिए प्लेसहोल्डर के रूप में एक स्केलेटन स्क्रीन को परिभाषित करता है जो वायरफ्रेम जैसे दृश्य के साथ लेआउट की नकल करता है। इसका उपयोग पूर्ण-पृष्ठ लोड के लिए किया जाता है और कथित लोडिंग समय को कम करता है, क्योंकि लोग खाली क्षेत्र के बजाय जो आ रहा है उसकी संरचना देखते हैं।

कब कौन सा उपयोग करना है

संकेतक को सामग्री से मिलाएं और प्रतीक्षा करें:

• स्केलेटन: पृष्ठ या सूची वहीं लोड होती है जहां लेआउट ज्ञात होता है, जैसे फ़ीड, कार्ड और प्रोफ़ाइल।
• स्पिनर: छोटे क्षेत्र, बटन, या सामग्री जिनके आकार का आप अनुमान नहीं लगा सकते।
• प्रगति पट्टी: लंबे कार्य जिन्हें आप माप सकते हैं, जैसे अपलोड और निर्यात।
• कुछ नहीं: बहुत तेज़ प्रतिक्रियाएँ, जहाँ एक संकेतक केवल झिलमिलाहट करेगा।

एक अच्छा कंकाल डिजाइन करना

वास्तविक घटक आयामों का उपयोग करें ताकि सामग्री आने पर पृष्ठ स्थानांतरित न हो, जो आपके संचयी लेआउट शिफ्ट स्कोर को भी सुरक्षित रखता है। आकृतियों को सरल रखें (छवियों के लिए ब्लॉक, पाठ के लिए बार), कम-कंट्रास्ट ग्रे का उपयोग करें, और हर चीज की प्रतीक्षा करने के बजाय प्रत्येक प्लेसहोल्डर को तैयार होते ही वास्तविक सामग्री से बदल दें।

सजीव कंकाल

NN/g नोट करता है कि कुछ कंकालों में यह संकेत देने के लिए एक स्पंदन या झिलमिलाता एनीमेशन शामिल है कि सिस्टम अभी भी काम कर रहा है। इसे धीमा और सूक्ष्म रखें, लेआउट गुणों के बजाय अस्पष्टता या परिवर्तन को चेतन करें, और कम गति चालू होने पर इसे रोकें। लोडिंग क्षेत्र को "परिणाम लोड हो रहा है" जैसा एक सुलभ लेबल दें।