मोबाइल वेबसाइट डिजाइन जटिल है, क्योंकि किसी साइट का एक मोबाइल संस्करण हर डिवाइस के साथ संगत नहीं हो सकता है। डिजाइनरों को आपके मोबाइल की उपस्थिति को सार्थक और सार्थक बनाने के लिए सर्वोत्तम डिजाइन प्रथाओं के बारे में पता होना चाहिए।
वेब डेवलपर्स के बीच एक निरंतर बहस चल रही है कि मोबाइल-अनुकूलित वेबसाइट बनाने का कौन सा तरीका सबसे अच्छा है। मोबाइल वेबसाइट विकसित करने के लिए तीन प्रमुख तरीके हैं।
य़े हैं:
- प्रतिक्रियात्मक वेब डिज़ाइन।
- समर्पित मोबाइल वेबसाइटें।
- RESS: सर्वर-साइड प्रोग्रामिंग डिवाइस के प्रकार के आधार पर CSS और HTML को रेंडर करता है।
प्रत्येक विधि के पेशेवरों और विपक्ष हैं। एक वेब डेवलपर को स्थिति के लिए सर्वश्रेष्ठ एक को लागू करने के लिए प्रत्येक तकनीक के बारे में पता होना चाहिए।
मोबाइल वेबसाइट डिजाइन करने के 3 तरीके
उत्तरदायी वेब डिज़ाइन (RWD)
RWD एक डिवाइस के देखने के क्षेत्र के आकार के साथ एक वेबपेज के लेआउट को संरेखित करने के लिए CSS3 मीडिया प्रश्नों पर निर्भर करता है। टैबलेट, मोबाइल डिवाइस, डेस्कटॉप और अन्य गैजेट्स के लिए अलग-अलग वेबपेज लेआउट पेश करने के लिए एक ही HTML कोड का उपयोग किया जाता है।
लाभ:
- आपकी वेबसाइट में समान सामग्री और HTML मार्क-अप होगा, इसलिए मोबाइल विज़िटर के पास एक ही अनुभव होगा, चाहे वे किसी भी तरह के डिवाइस का उपयोग कर रहे हों।
- एक एकल URL उपयोगकर्ताओं को सामग्री से लिंक करना और साझा करना आसान बनाता है। (यदि वेबपृष्ठ एक से अधिक URL पते के अंतर्गत उपलब्ध है, तो उपयोगकर्ता भ्रमित हो सकते हैं।)
कमियां:
मोबाइल सामग्री को अलग से अनुकूलित करना संभव नहीं है। इसलिए, RWD का उपयोग करने वाला एक डिज़ाइनर मोबाइल उपयोगकर्ताओं के लिए अलग से सामग्री नहीं दे सकता है।
HTTP आर्काइव के जनवरी 2013 के आंकड़ों के अनुसार, एक औसत वेबपेज लगभग 1.3 एमबी का है। हालांकि, अधिकांश आरडब्ल्यूडी साइट तुलनात्मक रूप से बड़ी हैं। यह बड़ा आकार मोबाइल साइटों के प्रदर्शन को कम करता है, जिससे वे धीमी हो जाती हैं।
मोबाइल उपयोगकर्ताओं को मोबाइल-विशिष्ट उपयोगकर्ता इंटरफ़ेस डिज़ाइन पैटर्न के बारे में अधिक जानकारी दी जाती है। इसके अलावा, मोबाइल उपयोगकर्ता मल्टी-टास्किंग के आदी हैं। जब तक कि विशिष्ट उपकरणों के लिए नेविगेशन संरचना को अनुकूलित नहीं किया जाता है, तो उपयोगकर्ता एक साथ कई कार्यों को पूरा करने की कोशिश करते समय समस्याओं का सामना कर सकते हैं।
समर्पित मोबाइल साइटें
यह विधि पूरी तरह से अलग वेबसाइट बनाकर मोबाइल उपयोगकर्ताओं के अनुभव में सुधार करती है।
लाभ:
- प्रबंधन की सादगी: मोबाइल और डेस्कटॉप साइटों के लिए अलग-अलग परिवर्तन आवश्यक हैं। किए गए परिवर्तन प्रत्येक संबंधित संस्करण तक सीमित हैं। मोबाइल प्लेटफ़ॉर्म के लिए डेस्कटॉप से एक्सेस नहीं किया जा सकता है।
- जैसा कि आप एक मोबाइल-विशिष्ट वेबसाइट विकसित कर रहे हैं, यह विशेष रूप से उस दर्शकों के लिए इसे स्ट्रीमलाइन और ऑप्टिमाइज़ करना आसान हो जाता है।
- मोबाइल उपयोगकर्ताओं के लिए सामग्री और नेविगेशन संरचना को अनुकूलित किया जा सकता है।
कमियां:
सोशल मीडिया के माध्यम से एक वेबपेज साझा करना अधिक कठिन हो जाता है, क्योंकि समर्पित मोबाइल साइटों के साथ पृष्ठों के लिए कई यूआरएल हैं। जब डेस्कटॉप उपयोगकर्ता सोशल मीडिया प्लेटफार्मों पर साझा किए गए मोबाइल URL पर क्लिक करते हैं, तो वे अनजाने में डेस्कटॉप संस्करण के बजाय साइट का मोबाइल संस्करण प्राप्त कर सकते हैं।
डुप्लिकेट सामग्री के मुद्दों से बचने के लिए, वेब डेवलपर को rel = "वैकल्पिक" और rel = "canonical" मेटा टैग का उपयोग करना होगा। यदि कोई मोबाइल उपयोगकर्ता Google को खोजता है और डेस्कटॉप URL पर क्लिक करता है, तो उपयोगकर्ता डेस्कटॉप संस्करण को देखेगा या वेबपेज के मोबाइल संस्करण पर पुनर्निर्देशित किया जाएगा। यदि मोबाइल संस्करण मौजूद नहीं है, तो उपयोगकर्ता को एक त्रुटि संदेश प्राप्त होगा।
मोबाइल उपयोगकर्ताओं के लिए एक पूरी तरह से अलग वेबसाइट बनाने का मतलब है कि साइट को विशेष रूप से मोबाइल उपयोगकर्ताओं के लिए सिलवाया जाएगा। हालांकि, उस उद्देश्य को पूरा करने के लिए, वेब डेवलपर्स को कार्यक्षमता और सामग्री में कटौती करनी होगी, जो उनके लिए एक बुरा सपना है।
प्रतिक्रियात्मक वेब डिज़ाइन+ सर्वर साइड घटक (RESS)
यह विधि विभिन्न उपकरणों के लिए कस्टम HTML और सीएसएस प्रदान करने के लिए सर्वर-साइड प्रोग्रामिंग पर निर्भर करती है। मोबाइल उपयोगकर्ताओं के लिए कोड डेस्कटॉप उपयोगकर्ताओं से अलग होगा।
इस कार्यान्वयन के पीछे मुख्य उद्देश्य वेबसाइट के प्रदर्शन में सुधार करना है। उत्तरदायी वेब डिज़ाइन के साथ संयुक्त होने पर यह विधि अच्छी तरह से काम करती है। इसलिए, इस कार्यान्वयन को उत्तरदायी वेब डिज़ाइन + सर्वर साइड घटकों (RESS) के रूप में संदर्भित किया जा सकता है।
लाभ:
- नेविगेशन संरचना को डेस्कटॉप और मोबाइल उपयोगकर्ताओं द्वारा किए गए विभिन्न कार्यों के लिए अनुकूलित किया जा सकता है।
- डेवलपर्स वांछित प्रदर्शन को प्राप्त करने के लिए HTML और CSS से पेज एलिमेंट्स को हटा सकते हैं।
- HTML से अनावश्यक जावास्क्रिप्ट को हटाना संभव है, जो मोबाइल उपकरणों के सीपीयू संसाधनों, मेमोरी और कैश को मुक्त करता है।
कमियां:
- डायनेमिक HTML सर्वर पर लोड बढ़ाता है।
- डिवाइस का पता लगाने पर भरोसा नहीं किया जा सकता है।
- HTML और CSS मोबाइल प्रदर्शन के लिए अनुकूलित हैं। डेस्कटॉप संस्करण अधिक HTTP अनुरोधों और जावा लिपियों का उपयोग करता है।
कौन सी विधि चुनें?
मोबाइल-अनुकूलित साइट को डिजाइन करने का निर्णय आपके द्वारा बेचे जाने वाले उत्पादों, आपके लक्षित दर्शकों, आवश्यक निवेश, आपकी प्रतियोगिता, रूपांतरण दरों आदि पर निर्भर करता है। डिजाइन विधि जो सबसे अच्छा काम करेगी, वह काफी हद तक स्क्रीन प्रारूप, ऑपरेटिंग सिस्टम, ब्राउज़र और पर निर्भर करती है। प्रस्तावों।
अधिकांश उत्तरदायी वेब डिज़ाइन साइटें बेहतर तरीके से लागू नहीं की जाती हैं और परिणामस्वरूप, इन साइटों को लोड होने में अधिक समय लगता है। चूंकि प्रतिस्पर्धा भयंकर है, आप ग्राहकों को खो सकते हैं यदि आपकी साइट अधिक धीमी गति से प्रदर्शन करती है। एक उपयोगकर्ता बस एक और वेबसाइट पर स्विच करेगा जो खुलने में कम समय लेता है। यद्यपि समर्पित मोबाइल साइटों के साथ कम लोड समय वाली वेबसाइटें बनाना संभव है, फिर भी इसके क्रियान्वयन से जुड़ी विभिन्न कमियां हैं।
आरईएस अपने दो मुख्य कमियों पर काबू पाने के लिए आरडब्ल्यूडी के लाभ प्रदान करता है। RESS का मुख्य नुकसान यह है कि डिवाइस का पता लगाना अविश्वसनीय है। आपको नए उपकरणों के लिए अक्सर परीक्षण करना पड़ता है ताकि यह सुनिश्चित हो सके कि प्रक्रिया ठीक से काम करना जारी रखे।
DeviceAtlas, WURFL और अन्य जैसी सेवाएं हैं जो नए उपकरणों का पता लगा सकती हैं। यह आपके डेटाबेस में नए उपकरणों को अपडेट करने में बहुत मदद करेगा।
मोबाइल वेब डिज़ाइन तभी सफल होता है जब किसी वेबसाइट को मोबाइल डिवाइस पर ठीक से प्रदर्शित किया जाता है। हालाँकि यह डिजाइनरों के लिए एक चुनौतीपूर्ण काम है कि वे डेस्कटॉप साइट के सभी आवश्यक भागों को एक छोटी, मोबाइल विंडो में दर्शाते हैं, हर दिन नई तकनीकें मोबाइल वेबसाइटों को बेहतर, तेज़ और अधिक पूरी तरह से चित्रित करने के लिए उभरती हैं।
मोबाइल वेबसाइट फोटो शटरस्टॉक के माध्यम से
15 टिप्पणियाँ ▼
