फ़ोन की स्क्रीन पर काउंटर

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

तय माप वाला बाहरी ग्राफ़िक जोड़ने से, वैसे तो लचीले और बहते माहौल में, एक सख्त ब्लॉक आ जाता है।

अगर यह ब्लॉक स्क्रीन पर मौजूद जगह से चौड़ा हो, तो वह लेआउट की सीमाएँ तोड़ देता है। इससे पूरा वेब पेज आड़ा स्क्रॉल होने लगता है, और इस असर से टेक्स्ट पढ़ना बेहद झुँझलाहट भरा हो जाता है।

वह स्क्रॉलबार, जो पेज को बगल में खिसकाता है

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

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

इससे बचने के लिए चुने गए डिज़ाइन की अधिकतम चौड़ाई किसी पुराने स्मार्टफ़ोन की सामान्य स्क्रीन चौड़ाई से आराम से कम होनी चाहिए। गैलरी से कोई छोटा डिज़ाइन चुनने से लेआउट के गलती से फैलने का जोखिम पूरी तरह खत्म हो जाता है।

इतने छोटे अंक कि पढ़े न जा सकें

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

अगर इमेज के भीतर के अंक मोबाइल के सामान्य आकार में पढ़े न जा सकें, तो एलिमेंट का पूरा मकसद ही खत्म हो जाता है। जानकारी देने वाले टूल की जगह वह पिक्सेलों का एक बेमतलब ढेर बन जाता है।

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

संकरी स्क्रीन पर यह कहाँ पहुँचता है

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

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

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