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