यह सुनिश्चित करने के लिए कि आपकी साइट उचित रूप से प्रतिक्रिया करे, परीक्षण छवियों और टेक्स्ट की लंबाई
जब हम वेबसाइटों को डिजाइन करते हैं और योजना बनाते हैं कि उन साइटों की सामग्री कैसे प्रदर्शित की जाएगी, हम अक्सर एक आदर्श स्थिति के साथ ऐसा करते हैं। हेडलाइंस और टेक्स्ट एरिया को कुछ निश्चित लंबाई के रूप में कल्पना की जाती है, जबकि उस पाठ के साथ वाली छवियों को आयामों में प्रदर्शित करने के लिए डिज़ाइन किया गया है जो उन्हें समग्र डिज़ाइन के रूप में कार्य करने की अनुमति देंगे। यहां तक कि यदि इन तत्वों को एक उत्तरदायी वेबसाइट निर्माण (जो वे होना चाहिए) के हिस्से के रूप में कुछ हद तक तरल पदार्थ हैं, तो यह एक सीमा होगी कि वे कितने लचीले हो सकते हैं।
यदि आप एक सीएमएस (कंटेंट मैनेजमेंट सिस्टम) पर एक वेबसाइट तैनात करते हैं और ग्राहकों को उस साइट को प्रबंधित करने और समय के साथ नई सामग्री जोड़ने की अनुमति देते हैं, तो जिन सीमाओं के लिए आपने डिज़ाइन किया है, उन्हें पूरी तरह से परीक्षण में रखा जाएगा। इस तथ्य पर विश्वास करें कि आपके क्लाइंट उन वेबसाइटों को बदलने के तरीके ढूंढेंगे जिन्हें आपने कभी सपना देखा नहीं है। यदि आपने अपनी डिजाइन प्रक्रिया में काम करने वाले आदर्श लोगों के बाहर परिस्थितियों के लिए जिम्मेदार नहीं ठहराया है, तो उस साइट का लेआउट गंभीर खतरे में पड़ सकता है। यही कारण है कि यह विशेष रूप से महत्वपूर्ण है कि आप उस साइट को लॉन्च करने से पहले सभी वेबसाइट सामग्री और साइट के लेआउट के पहलुओं का परीक्षण करें। यहां कुछ युक्तियां दी गई हैं कि आप यह कैसे कर सकते हैं।
परीक्षण छवि आकार
बिना किसी संदेह के, लोगों ने अपनी वेबसाइट के लेआउट को तोड़ने का सबसे आम तरीका अपर्याप्त आकार की छवियों को जोड़कर किया है (यह भी तरीका है कि वे साइट के समग्र प्रदर्शन को नकारात्मक रूप से प्रभावित करते हैं और धीमी डाउनलोड गति का कारण बनते हैं)। इसमें ऐसी छवियां शामिल हैं जो बहुत बड़ी हैं, साथ ही साथ जो आपकी वेबसाइट में लक्षित के रूप में काम करने के लिए बहुत छोटी हैं।
यहां तक कि यदि आप अपने लेआउट में इन छवियों के आकार को मजबूर करने के लिए सीएसएस का उपयोग करते हैं, तो साइट के लिए आपके मूल चश्मे के साथ जंगली रूप से बाहर की छवियां समस्याएं पैदा करती हैं। यदि किसी छवि के आयाम गलत हैं, तो आपका सीएसएस उस छवि को उपयुक्त चौड़ाई और ऊंचाई का उपयोग करके प्रदर्शित करने के लिए मजबूर कर सकता है, लेकिन छवि स्वयं और उसके पहलू अनुपात को विकृत किया जा सकता है। यह निश्चित रूप से आपकी साइट के स्वरूप पर नकारात्मक प्रभाव डालेगा, जो कि बहुत छोटा है, "उड़ाया जाएगा" और गुणवत्ता खो देगा। एक छवि जो बहुत बड़ी है जो सीएसएस के साथ छोटी है, ठीक दिखती है और इसकी गुणवत्ता बरकरार रखती है, लेकिन फाइल का आकार इसका उपयोग कैसे किया जा रहा है इसके लिए अनुचित नहीं हो सकता है।
अपनी वेबसाइट के काम का परीक्षण करते समय, अपने इच्छित दायरे से बाहर आने वाली छवियों में जोड़ना सुनिश्चित करें। सीएसएस और उत्तरदायी छवि तकनीकों में जोड़ें जो किसी भी गलत पहलू अनुपात के मामले में छवि का आकार बदलकर इन चुनौतियों का समाधान करते हैं, सीएसएस क्लिप संपत्ति की तरह कुछ भी उपयोग करने पर विचार करने के लिए आवश्यक छवि को फसल करने के लिए।
अन्य मीडिया का परीक्षण
छवियों के अलावा, अपनी साइट पर वीडियो जैसे अन्य मीडिया का परीक्षण करें और देखें कि विभिन्न आकार और पहलू अनुपात मानों का उपयोग करके आपके तत्व आपके तत्वों में कैसा दिखाई देंगे। एक बार फिर, अपनी साइट की उत्तरदायी प्रकृति पर विचार करें और यह विभिन्न डिवाइस और स्क्रीन आकारों के लिए कैसे काम करेगा।
परीक्षण पाठ शीर्षलेख
छवियों के बाद, अगली वेबसाइट क्षेत्र जो गैर-वेब पेशेवरों द्वारा प्रबंधित लाइव वेबसाइटों के साथ सबसे अधिक समस्याओं का कारण बनता है वह टेक्स्ट हेडिंग है। ये टेक्स्ट की (माना जाता है) छोटी रेखाएं हैं जो अक्सर उस पृष्ठ की सामग्री या उस पृष्ठ पर एक अनुभाग शुरू करती हैं। इस पैराग्राफ के ऊपर वाला पाठ जो "परीक्षण पाठ शीर्षलेख" पढ़ता है, इसका एक उदाहरण है।
यदि आपने इस तरह के शीर्षक को समायोजित करने के लिए एक साइट तैयार की है:
"परीक्षण पाठ शीर्षलेख"
लेकिन आपका क्लाइंट इस तरह के शीर्षक के साथ एक लेख जोड़ने के लिए सीएमएस का उपयोग करता है:
"वेबपृष्ठों की एक किस्म पर टेक्स्टिंग शीर्षलेखों का परीक्षण करना सभी अलग-अलग आकार की आवश्यकताएं और उपयोगकर्ता आवश्यकताओं के साथ"
फिर आपका लेआउट उस अतिरिक्त टेक्स्ट को साफ़ रूप से समायोजित करने में सक्षम नहीं हो सकता है। जैसे ही आपको अपनी छवियों और मीडिया का परीक्षण उन प्रविष्टियों को जोड़कर करना चाहिए जो आपके द्वारा प्रारंभ में डिज़ाइन किए गए आकारों के बाहर अच्छी तरह से गिरते हैं, इसलिए आपको टेक्स्ट हेडिंग के साथ ऐसा करना चाहिए ताकि यह सुनिश्चित किया जा सके कि प्रभावी रूप से अल्ट्रा-लम्बी रेखाएं भी प्रदर्शित हों ऊपर एक
परीक्षण पाठ की लंबाई
पाठ के विषय पर रहना, आप पृष्ठों पर मुख्य सामग्री के लिए अलग-अलग टेक्स्ट लम्बाई भी जांचना चाहेंगे। इसमें टेक्स्ट शामिल है जो बहुत लंबा है, साथ ही साथ पाठ बहुत छोटा है, जो वास्तव में बहुत कम हो सकता है जो वास्तव में ऐसा मुद्दा हो सकता है जो कई पेज लेआउट करता है।
चूंकि वेबपृष्ठ, प्रकृति से, उनके द्वारा लिखे गए पाठ की ऊंचाई को समायोजित करने के लिए आकार में बढ़ते हैं, इसलिए बहुत सारे टेक्स्ट वाले पेज आमतौर पर आवश्यकतानुसार ऊंचाई में स्केल करेंगे। जब तक आप पृष्ठ की ऊंचाई को प्रतिबंधित नहीं करते हैं (जो आपको नहीं करना चाहिए यदि आप चाहते हैं कि आपका पृष्ठ लचीला हो), तो अतिरिक्त टेक्स्ट को कोई समस्या नहीं होनी चाहिए। बहुत छोटा टेक्स्ट एक और मुद्दा है - और यह एक है कि कई डिजाइनर अपनी डिजाइन प्रक्रिया में परीक्षण करना भूल जाते हैं।
बहुत छोटा टेक्स्ट एक पृष्ठ को अधूरा या टूटा हुआ भी देख सकता है, इसलिए यह सुनिश्चित करने के लिए कि उन स्थितियों में क्या होता है और उन स्थितियों को संभालने के लिए अपनी साइट के सीएसएस में आवश्यक समायोजन करने के लिए अपनी पृष्ठ सामग्री को स्केल करना सुनिश्चित करें।
परीक्षण पृष्ठ ज़ूम
दृष्टि समस्याओं वाले लोग आपके वेबपृष्ठ के आकार को बढ़ाने के लिए वेब ब्राउज़र की पेज ज़ूम सुविधा का उपयोग कर सकते हैं। अगर कोई महत्वपूर्ण राशि में ज़ूम करता है, तो आपका लेआउट टूट सकता है। यह एक कारण है कि आप ईएम को अपनी वेबसाइट फ़ॉन्ट आकारों के साथ-साथ अपने मीडिया प्रश्नों के लिए माप की इकाई के रूप में उपयोग करना चाह सकते हैं। चूंकि ईएम माप की एक सापेक्ष इकाई (उस ब्राउज़र के डिफ़ॉल्ट पाठ आकार के आधार पर) हैं, इसलिए वे द्रव, लचीली वेबसाइट लेआउट के लिए अधिक अनुकूल हैं।
पेज ज़ूम के लिए अपनी वेबसाइट का परीक्षण करें और ज़ूम के एक या दो स्तरों पर न केवल रुकें। यह सुनिश्चित करने के लिए कि आपके पृष्ठ इरादे के अनुसार प्रतिक्रिया दें, अपनी साइट को विभिन्न स्तरों पर ऊपर और नीचे ज़ूम करें।
डाउनलोड स्पीड और प्रदर्शन के बारे में मत भूलना
चूंकि आप क्लाइंट फैसलों के लेआउट प्रभावों के लिए परीक्षण करते हैं, इसलिए उन निर्णयों पर भी ध्यान देना न भूलें जो उन निर्णयों पर साइट के प्रदर्शन पर हैं। उन ग्राहकों और सामग्री जो वे ग्राहक जोड़ देंगे, साइट की डाउनलोड गति में बाधा डाल सकती हैं और साइट की समग्र उपयोगिता को गंभीरता से नष्ट कर सकती हैं। इन प्रभावों के प्रभाव के लिए योजना बनाएं और इन प्रभावों को कम करने के लिए विकास प्रक्रिया में अपना हिस्सा लें।
यदि आपकी वेबसाइट प्रदर्शन बजट के साथ बनाई जा रही है, तो इस जानकारी को अपने ग्राहकों के साथ साझा करें और उन्हें दिखाएं कि प्रदर्शन मीट्रिक के लिए वेबपृष्ठ का परीक्षण कैसे करें। उन्हें पृष्ठ के आकार और डाउनलोड गति के लिए इन स्थापित थ्रेसहोल्ड को बनाए रखने के महत्व को समझाएं और उन्हें दिखाएं कि उनके द्वारा किए गए परिवर्धन पूरी तरह से साइट को कैसे प्रभावित कर सकते हैं। उन्हें प्रशिक्षित करने के लिए समय लें कि साइट को कैसे काम करना और अच्छी तरह से देखना है। प्रशिक्षण के विषय पर ...
ग्राहक प्रशिक्षण आवश्यक है
अपनी साइट की छवियों, टेक्स्ट और अन्य पेज तत्वों का परीक्षण करने और उन शैलियों को बनाने के लिए महत्वपूर्ण है जो चरम उदाहरणों के लिए जिम्मेदार होंगे, लेकिन यह ग्राहक प्रशिक्षण के लिए कभी भी प्रतिस्थापन नहीं है। आपका काम बुलेटप्रूफिंग साइट के अतिरिक्त होना चाहिए जब आप अपने ग्राहकों को प्रशिक्षण देते हैं कि उनकी साइट पर प्रभावी ढंग से देखभाल और प्रबंधन कैसे करें। अंत में, एक अच्छी तरह प्रशिक्षित ग्राहक जो उनकी जिम्मेदारियों को समझता है और साइट पर किए गए निर्णयों के प्रभाव को उस साइट को काम करने और सर्वोत्तम प्रदर्शन करने के आपके प्रयासों के लिए अमूल्य होगा।