• मुख्य
  • >
  • अंदरूनी सूत्रों
  • >
  • 3 महत्वपूर्ण कारक विपणक उत्तरदायी डिजाइन को गले लगाने से पहले विचार करने की आवश्यकता है

3 महत्वपूर्ण कारक विपणक उत्तरदायी डिजाइन को गले लगाने से पहले विचार करने की आवश्यकता है

एक अच्छा मौका है कि आप उत्तरदायी डिजाइन से परिचित हैं और यदि आपके पास पहले से एक उत्तरदायी मोबाइल वेबसाइट नहीं है, तो आप शायद एक डिजाइन करने पर विचार कर रहे हैं। हालांकि, कुछ बहुत ही महत्वपूर्ण विचार हैं जो सभी मार्केटर्स को अपने उत्तरदायी डिजाइन की योजना बनाने से पहले जानने की आवश्यकता है।

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

1. CSS3 मीडिया क्वेरी और ब्रेकप्वाइंट

स्क्रीन साइज के लिए तत्वों को शिफ्ट करने के लिए डिवाइस ब्राउजर को बताने के लिए उत्तरदायी डिजाइन CSS3 मीडिया क्वेरी (आमतौर पर ब्रेकप्वाइंट के रूप में संदर्भित) पर निर्भर है।

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

एक बाज़ारिया के रूप में यह ध्यान में रखना महत्वपूर्ण है। हर बार जब आप किसी तत्व की स्टाइलिंग को बदलना चाहते हैं या नए मॉड्यूल में जोड़ना चाहते हैं जिसे स्टाइल करने की आवश्यकता होती है, तो इसे हर स्क्रीन आकार के लिए करना होगा जो आपके डिजाइनरों के लिए बहुत समय गहन होगा।

ब्राउज़र विंडो को फिट करने के लिए तत्वों का आकार बदलने की कुछ दोहरावदार प्रकृति को कम करने के लिए आपके डिज़ाइन में प्रतिशत का उपयोग करना एक समाधान है। एक व्यवहार्य समाधान के दौरान, अभी भी ऐसे क्षेत्र होने जा रहे हैं, जहां आपको मोबाइल फोन बनाम डेस्कटॉप पर फिट होने के लिए तत्वों के लेआउट को बदलना होगा।

इस तथ्य के आसपास कोई नहीं मिल रहा है कि बहुत सारे काम हैं जो डिवाइस के आकार की सभी श्रेणियों में एक उत्तरदायी डिजाइन का काम ठीक से करने में जाता है।

2. बैंडविड्थ के मुद्दे

उत्तरदायी डिजाइन के साथ एक दूसरा विचार विभिन्न उपकरणों के लिए बैंडविड्थ और लोडिंग समय है। वे वेबसाइटें जो बहुत अधिक छवि वाली हैं, वे संभवतः मोबाइल डिवाइस पर लोड होने में बहुत धीमी होंगी, जहां 3G केवल उपलब्ध नेटवर्क है।

जिस तरह डेस्‍कटॉप पर वेबसाइट की गति महत्‍वपूर्ण होती है, वैसे ही मोबाइल पर यह ज्‍यादा जरूरी है। एक धीमी साइट उपयोगकर्ता के अनुभव को बहुत कम कर देगी और उच्च बाउंस दर, कम हुए रूपांतरण और निराश उपयोगकर्ताओं का कारण बनेगी। Google अनुशंसा करता है कि आपकी "गुना से ऊपर" सामग्री 1 सेकंड या उससे कम में लोड होती है।

कई तरीके हैं जो डेवलपर्स इस समस्या को हल करने की कोशिश कर रहे हैं। उपयोग की जा रही एक विधि स्क्रीन आकार के आधार पर उस डिवाइस आकार के लिए विशिष्ट विभिन्न छवियों की सेवा कर रही है। आप डेस्कटॉप संस्करण के लिए मुख्य छवि बनाएंगे (जो कि छवि का सबसे बड़ा आकार होगा), फिर टेबलेट, छोटे टैबलेट और फोन के आकार के लिए छवि का आकार बदलें।

इस तरह आप एक बहुत बड़ी छवि की सेवा नहीं कर रहे हैं, जो बाद में फोन की छोटी खिड़की को फिट करने के लिए बढ़ा दी जाती है जो कि उपयोगकर्ता के लिए बैंडविड्थ और लोड समय की भारी बर्बादी है।

एक बाज़ारिया के रूप में, यह बहुत महत्वपूर्ण है कि आप अपने उत्तरदायी मोबाइल डिज़ाइन को ध्यान में रखें जब आपकी वेबसाइट कितनी गहन होगी, इसकी योजना बना रहे हैं। इसके अलावा, लोकप्रिय सोशल मीडिया विजेट 3 जी पार्टी के अनुरोधों के कारण अतिरिक्त समय का उपयोग कर सकते हैं।

3. मॉड्यूल परिवर्तन में सीमित लचीलापन

मोबाइल उपयोगकर्ता के लिए अधिक प्रासंगिक जानकारी के आधार पर मोबाइल वेबसाइट बनाम आपकी डेस्कटॉप वेबसाइट के लेआउट को बदलना चाहते हैं। डेस्कटॉप उपयोगकर्ता की तुलना में मोबाइल विज़िटर के लिए प्रदर्शित करने के लिए अलग-अलग मॉड्यूल हो सकते हैं।

उत्तरदायी डिजाइन के साथ एक सबसे बड़ी कमी यह है कि आप मोबाइल या डेस्कटॉप उपयोगकर्ताओं के आधार पर मॉड्यूल स्वैप नहीं कर सकते। उत्तरदायी डिजाइन में, केवल एक चीज जिसे आप छिपा सकते हैं (शैली प्रदर्शन: कोई नहीं) विभिन्न मॉड्यूल जो मोबाइल के लिए प्रासंगिक नहीं हो सकते हैं।

यह केवल पृष्ठ पर दृश्यता से तत्व को हटा देगा, लेकिन यह इसे DOM (दस्तावेज़ ऑब्जेक्ट मॉडल) से नहीं हटाता है जो पृष्ठ पर वास्तविक "भौतिक" प्लेसमेंट है। इसका मतलब है कि यह अभी भी बैंडविड्थ समय को लोड करेगा और खाएगा भले ही इसे देखा न जा सके।

एक बाज़ारिया के रूप में, यह नोट करना महत्वपूर्ण है क्योंकि आपकी उत्तरदायी वेबसाइट की योजना बनाते समय इसे ध्यान में रखना होगा। यदि आप डेस्कटॉप की तुलना में मोबाइल उपयोगकर्ताओं के लिए एक अलग वेब अनुभव देना चाहते हैं तो यह संभव है, लेकिन तब आप अपने डेस्कटॉप डिज़ाइन को उत्तरदायी बनाने के बजाय एक पूरी अलग मोबाइल वेबसाइट बनाना बेहतर होगा।

तल - रेखा

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

यदि आपके पास इस विषय पर कोई प्रश्न हैं या टिप्पणी है, तो मैं आपको नीचे टिप्पणी में पोस्ट करने के लिए प्रोत्साहित करूंगा और मुझे चैट करना अच्छा लगेगा।

सैवी पांडा, ल्यूक समरफील्ड और उनकी टीम में इनबाउंड मार्केटिंग के निवासी निदेशक ने 100 कंपनियों और गैर-लाभकारी कंपनियों को माध्यम के लिए वेब और मार्केटिंग सफलता की कहानियां विकसित की हैं। ल्यूक मास्टर इनबाउंड का प्रमुख प्रशिक्षक भी है, जो एक व्यापक ऑनलाइन इनबाउंड मार्केटिंग प्रशिक्षण पाठ्यक्रम है।

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

लोकप्रिय पोस्ट

संपादक की पसंद