वास्तविक सामग्री लोड होते समय सामग्री के आकार को दिखाने के वेब डिज़ाइन पैटर्न का नाम क्या है?


12

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

स्लैक से उदाहरण

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

"प्लेसहोल्डर" वह पहली चीज है जिसके बारे में मैं सोच सकता था, लेकिन निश्चित रूप से <input>टैग अब एक वास्तविक placeholdlerविशेषता है और बहुत से लोग भराव पाठ या अन्य सामग्री (लोरम इप्सम, किटन इप्सम और इसी तरह) के बारे में पूछते हैं, ताकि परिणाम अप्रभावी हो जाएं । मुझे उम्मीद है कि उद्योग इस अभ्यास के लिए एक अद्वितीय, वर्णनात्मक नाम पर सहमत हो गया है और मैंने अभी तक इसे नहीं पाया है।


2
आपका लेख कहता है "सामग्री प्लेसहोल्डर"; उस नाम में क्या खराबी है? मुझे यकीन नहीं है कि इसके लिए एक "आधिकारिक नाम" है
लुसियानो

मुझे उस विशिष्ट स्ट्रिंग का उपयोग करके कुछ उल्लेख (आमतौर पर फेसबुक को नाम से पुकारते) दिखाई देते हैं। सबसे अच्छा नेतृत्व इस पुस्तकालय है, लेकिन मुझे नहीं लगता कि यह कोणीय घोषणात्मक / प्रतिक्रियाशील मॉडल के साथ अच्छी तरह से फिट होगा। मैं खुदाई करता रहूंगा, धन्यवाद।
कोडर

1
@ लुसियानो समस्या यह है कि "सामग्री प्लेसहोल्डर" भी आसानी से लोरम इप्सम और इसी तरह के सामान हो सकता है। यह भी ग्राफिक डिजाइन में उपयोगी है, इसलिए अवधि है अस्पष्ट।
यो '

जवाबों:


18

मेरे साथ पहली बात यह थी कि आपके उदाहरण में दिखाए जा रहे प्रकार के सुझाव को निश्चित रूप से मनोरंजक कहा जाता है ।

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

किसी भी शब्द को जितना मैं समझता हूं उतना अच्छा है।

इसलिए विशेष रूप से यहां आपको ग्रीकिंग और छवि प्लेसहोल्डर हैं और साथ में पूरी सामग्री को कंटेंट प्लेसहोल्डर के रूप में संदर्भित किया जा सकता है


2
दिलचस्प है, मुझे आश्चर्य है कि "ग्रीकिंग" शब्द की उत्पत्ति क्या है ...
डिजिटल

1
@DigitalLightcraft की अभिव्यक्ति के साथ करने के लिए शायद ही कभी 'यह मेरे लिए सभी ग्रीक है'। अधिक जानकारी के लिए, English.SE : P
Vincent

खुशी है कि मैं मदद कर सकता हूँ, हाँ "ग्रीस" की उत्पत्ति मेरे लिए अज्ञात है, मुझे यकीन है कि यह दिलचस्प है।
मेयरसाइडसाइन

2
लोरम इप्सम से संबंधित उत्पत्ति के बारे में दिलचस्प सा है: "ग्रीकिंग का उपयोग (जिसे डमी टेक्स्ट भी कहा जाता है) पेज डिजाइनरों को एक पृष्ठ पर टेक्स्ट को वास्तविक सामग्री के बिना एक व्याकुलता के रूप में कार्य करने की अनुमति देता है। ग्रीटिंग का इतिहास स्पष्ट नहीं है, लेकिन यह था। पहली बार 20 वीं सदी के मध्य में इस्तेमाल किया गया था। पाठ सिसरो के शब्दों पर आधारित था, एक रोमन नेता जिसकी लेखनी की प्रशंसा की जाती है। उसने जो भाषा बोली और लिखी वह ग्रीक के बजाय लैटिन थी, इसलिए इस डमी पाठ का नामकरण गलत है। " source
जेमी बुल

4

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


2

आपके कुछ डेवलपर मित्र इसे फेसबुक के झिलमिलाते प्रभाव के रूप में संदर्भित कर सकते हैं , क्योंकि फेसबुक ने सामग्री झिलमिलाहट तकनीक को एक मामूली झिलमिलाता प्रभाव के साथ लोकप्रिय बनाया, और उनके कोड को ओपन-सोर्स किया

टिमटिमाना प्रभाव का संकेत यह इंगित करना है कि वास्तविक सामग्री अभी भी लोड हो रही है, ताकि उपयोगकर्ता यह न सोचें कि पृष्ठ अटक गया है और ताज़ा है।

यहाँ छवि विवरण दर्ज करें


-1

जब मैंने इस पैटर्न का उपयोग किया है तो हमने इसे एक कंकाल पृष्ठ कहा है। बड़े पृष्ठों के लिए सुपर उपयोगी जो गतिशील सामग्री उत्पन्न कर रहे हैं।


4
यह मौजूदा उत्तरों को कैसे जोड़ता है? ऐसा लगता है कि Coderer की तरह पहले ही उल्लेख किया शब्द "कंकाल"
ज़ैक Saucier

ग्राफिक डिजाइन में आपका स्वागत है! यदि आपके पास पर्याप्त प्रतिष्ठा है, तो आप अपने उत्तर को सही मान सकते हैं । वैकल्पिक रूप से, प्रश्न को पसंदीदा के रूप में "स्टार" करें और आपको किसी भी नए उत्तर के बारे में सूचित किया जाएगा।
लूसियानो

-4

उन्हें कंकाल स्क्रीन कहा जाता है।


हाय NIck, GD.SE में आपका स्वागत है। कृपया अन्य पोस्ट में पहले से बताई गई जानकारी को डबल-पोस्ट न करें। धन्यवाद!
विंसेंट
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.