वेब पेज जो मोबाइल उपकरणों पर उपयोग के लिए अनुकूलित हैं, डेस्कटॉप और लैपटॉप कंप्यूटर पर दिखाई देने वाले वेब पेजों से भिन्न होते हैं। बाद वाले बड़े स्क्रीन और सटीक माउस क्लिक के लिए डिज़ाइन किए गए हैं, जबकि मोबाइल वेब पेज छोटे स्क्रीन और सटीक फिंगर टैपिंग के लिए आकार में हैं।
- छोटी स्क्रीन और सटीक फिंगर टैपिंग के लिए डिज़ाइन किया गया।
- सटीक माउस क्लिक के साथ बड़ी स्क्रीन के लिए डिज़ाइन किया गया।
यह देखते हुए कि अधिकांश वेबसाइट विज़िट मोबाइल उपकरणों से आती हैं, साइट डिजाइनरों को ऐसे संस्करण प्रदान करने का काम सौंपा जाता है जो मोबाइल उपकरणों और डेस्कटॉप कंप्यूटर दोनों के साथ काम करते हैं।सबसे आम तरीका उत्तरदायी वेब डिज़ाइन का उपयोग करना है, जो स्वचालित रूप से उपयोगकर्ता के डिवाइस और स्क्रीन आकार के आधार पर उचित संस्करण प्रदान करता है, जैसा कि ब्राउज़र द्वारा पता लगाया गया है।
किसी भी मामले में, मोबाइल के अनुकूल वेब पेज कई मायनों में डेस्कटॉप संस्करणों से अलग हैं।
पेज डिजाइन: मोबाइल स्क्रीन में कम जगह होती है
- स्मार्टफोन और टैबलेट के डिस्प्ले तिरछे 4 से 10 इंच मापते हैं।
- संक्षिप्त या विस्तार योग्य मेनू विजेट आमतौर पर साइडबार और भारी हेडर मेनू की जगह लेते हैं।
-
पाठ के बीच रिक्त स्थान के न्यायिक उपयोग के साथ पूर्ण-चौड़ाई वाले ग्राफिक्स।
- अधिकांश डेस्कटॉप मॉनिटर 19 इंच से 24 इंच तिरछे मापते हैं।
- प्रायोजित लिंक और बड़े बैनर विज्ञापन अधिक आम हैं।
- ग्राफिक्स के लिए अधिक छूट के साथ सघन टेक्स्ट।
डेस्कटॉप और मोबाइल वेब पेजों के बीच सबसे स्पष्ट अंतर स्क्रीन रियल एस्टेट है। जबकि अधिकांश डेस्कटॉप मॉनिटर कम से कम 19 इंच से 24 इंच तिरछे मापते हैं, टैबलेट आमतौर पर लगभग 10 इंच के होते हैं। स्मार्टफोन लगभग 4 इंच तिरछे होते हैं। केवल ज़ूम आउट करने से वेब पेज को मोबाइल के अनुकूल संस्करण में सफलतापूर्वक रूपांतरित नहीं किया जा सकता क्योंकि यह टेक्स्ट को अपठनीय बनाता है और साइट विज़िटर से एक अतिरिक्त कदम की आवश्यकता होती है। साथ ही छोटे-छोटे तत्वों पर सटीक रूप से टैप करना असंभव हो जाता है।
समस्या को ठीक करने के लिए डिज़ाइनर साइडबार और ग्राफ़िक्स को हटा सकते हैं जो कड़ाई से आवश्यक नहीं हैं। इसके बजाय, वे छोटे ग्राफिक्स का उपयोग करते हैं, फ़ॉन्ट आकार बढ़ाते हैं, और सामग्री को विस्तार योग्य विजेट में संक्षिप्त करते हैं। इस अचल संपत्ति की सीमा ने वेब डिजाइनरों के बीच एक अलग तरह की सोच को प्रेरित किया है।
साथ ही, कोलैप्सेबल या एक्सपेंडेबल मेन्यू विजेट्स आमतौर पर साइडबार और भारी हेडर मेन्यू की जगह लेते हैं। स्क्रीन स्पेस के प्रत्येक मिलीमीटर को गिनने की अपनी खोज में, डिज़ाइनर पठनीयता पर सावधानीपूर्वक नज़र रखते हुए, अनावश्यक सफेद स्थान को हटा देते हैं।
प्रायोजित लिंक और बड़े बैनर विज्ञापनों की भीड़ फोन या छोटे टैबलेट पर काम नहीं करती। इसके बजाय, मोबाइल वेब पेजों पर छोटे पॉप-अप विज्ञापन अधिक आम हैं।
ग्राफ़िक के चारों ओर लिपटा टेक्स्ट दिखाने वाले लेआउट मोबाइल डिवाइस पर ठीक से नहीं चलते हैं। इसके बजाय, डिज़ाइनर अक्सर उन ग्राफ़िक्स को स्क्रीन की पूरी चौड़ाई देते हैं और टेक्स्ट को नीचे या ऊपर चलाते हैं। इसी तरह, अच्छा वेब डिज़ाइन पठनीयता के लिए टेक्स्ट को टुकड़ों में तोड़ देता है; कोई भी पाठ की ठोस दीवारों को पढ़ना नहीं चाहता। यह छोटे पर्दे पर और भी महत्वपूर्ण हो जाता है। सफेद स्थान का विवेकपूर्ण उपयोग करना महत्वपूर्ण है।
पेज नियंत्रण: डेस्कटॉप प्रेसिजन बनाम मोबाइल ब्लॉब्स
- अधिक सटीक नेविगेशन के लिए बड़े टैपिंग क्षेत्र या हॉटस्पॉट।
-
विभिन्न URL: "m" अक्षर जोड़ता है। अक्सर किसी साइट के डेस्कटॉप संस्करण को देखने का विकल्प।
- लॉग-इन क्रेडेंशियल में अक्सर समर्पित स्थान होता है, कभी-कभी फ़िंगरप्रिंट एक्सेसिबिलिटी के साथ।
- अधिक सटीक कर्सर-आधारित लिंक और बटन।
आपके डेस्कटॉप पर सटीक माउस पॉइंटर के विपरीत, मानव उंगली एक बूँद है, और टैपिंग के लिए हाइपरलिंक के लिए स्क्रीन पर बड़े लक्ष्य की आवश्यकता होती है। मोबाइल के अनुकूल साइटें सटीक नेविगेशन की सुविधा के लिए बड़े टैपिंग क्षेत्र (या हॉटस्पॉट) प्रदान करती हैं।
मोबाइल के अनुकूल वेब पेजों में आमतौर पर उनके पते में एम अक्षर भी शामिल होता है; उदाहरण के लिए, Facebook का मोबाइल पता m.facebook.com है। जब आप मोबाइल टैबलेट या स्मार्टफोन के साथ सर्फ करते हैं तो मोबाइल यूआरएल आमतौर पर आपके लिए स्वचालित रूप से चुना जाता है। कुछ मामलों में, आपको एक टैप करने योग्य लिंक दिखाई देगा जो आपको पृष्ठ के नियमित डेस्कटॉप संस्करण पर स्विच करने देता है।
डेस्कटॉप और लैपटॉप के लिए बने लॉगिन और पासवर्ड फ़ील्ड फोन पर छोटे और अनुपयोगी हो जाते हैं, इसलिए वेब प्रकाशक इन्हें बड़ा बनाते हैं, कभी-कभी उपयोग में आसानी के लिए उन्हें अपने स्वयं के पृष्ठ देते हैं।फ़िंगरप्रिंट या Google या Facebook जैसे किसी अन्य खाते से लॉग इन करना, डिवाइस और सेवा क्षमताओं के विकसित होने के साथ-साथ आम होता जा रहा है।
यह क्यों मायने रखता है?
मोबाइल वेब पेज हैंडहेल्ड डिवाइस के लिए डिज़ाइन किए गए हैं और डेस्कटॉप रीडिंग के लिए बनाए गए पेजों से काफी अलग हैं। जबकि आप आमतौर पर किसी मोबाइल डिवाइस पर वेबपेज का डेस्कटॉप संस्करण देख सकते हैं, और इसके विपरीत, सामग्री को देखने, पढ़ने और नेविगेट करने में आसान बनाने के लिए उन्हें अलग तरह से डिज़ाइन किया गया है।
