आपल्याकडे " प्रतिसादात्मक वेबसाइट " आहे? ही एका मांडणीसह एक साइट आहे जी अभ्यागतच्या डिव्हाइस आणि स्क्रीन आकारावर आधारित बदलते. प्रतिसाद वेब डिझाइन आता एक उद्योग सर्वोत्तम सराव आहे हे Google द्वारे शिफारसीय आहे आणि वेबवरील लाखो साइट्सवर आढळते. तथापि, अशी वेबसाइट असण्यामध्ये एक मोठा फरक आहे जो भिन्न स्क्रीन आकारांवर बसतो आणि खरोखर सापेक्ष प्रतिसाद देत असलेल्या साइटवर असतो.
मी नियमितपणे त्यांच्या वेबसाइटला पुन्हा डिझाइन करीत आहे आणि त्यांच्या नवीन मोबाइल फ्रेंडली डिझाइनच्या सद्गुरूंचा पुतळा करणारा एक प्रेस प्रकाशन बाहेर टाकतो. जेव्हा मी त्या साइट्सवर जाते, तेव्हा जे मी सहसा शोधतो ते असे एक आराखडे असतात जे खरंच स्केल करते आणि वेगवेगळ्या पडद्यावर फिट होण्यास बदलत असतात, परंतु जेव्हा ते प्रतिसादांचा विचार करतात हे पुरेसे नाही खरोखर प्रतिसाद वेबसाइट लहान किंवा मोठा स्क्रीन बसविण्यासाठी फक्त स्केल पेक्षाच अधिक नाही. या साइट्सवर, आपल्याला खालील महत्त्वपूर्ण विशेषता देखील आढळतील.
1. ऑप्टिमाइझ केलेले कार्यप्रदर्शन
एखादी वेबसाईट लोड होण्याची वाट पाहण्याची कुणालाच आवडत नाही, आणि कोणीतरी मोबाईल डिव्हाइस वापरत आहे जे आदर्शपेक्षा कमी असू शकते, एखाद्या साइटला त्वरित लोड करण्याची आवश्यकता अधिक महत्वाची आहे.
तर आपण आपल्या साइटची कामगिरी कशी अनुकूल करता? जर आपण नव्या साइटसह पुनर्रचनाचा भाग म्हणून प्रारंभ करत असाल, तर त्या प्रकल्पाचा भाग म्हणून आपण एक कार्यक्षमता अंदाजपत्रक तयार करणे आवश्यक आहे . आपण एखाद्या विद्यमान साइटवर कार्य करत असल्यास आणि सुरवातीपासून सुरु होत नसल्यास, आपण आज कुठे उभे आहात हे पाहण्यासाठी आपल्या साइटच्या कार्यप्रदर्शनाचा परीक्षण करणे हा पहिला टप्पा आहे.
एकदा आपल्या साइटवर कार्यप्रदर्शन-आधारित कार्यप्रणाली असते तेथे आपण एक मूलभूत स्तर प्राप्त केल्यानंतर, आपण डाउनलोड गती वाढविण्यासाठी आवश्यक सुधारणा करणे प्रारंभ करू शकता. कदाचित आपल्या साइटच्या प्रतिमांसह प्रारंभ करण्यासाठी एक उत्तम ठिकाण आहे लोडिंग साइट्स धीमे करण्याची सर्वात मोठी प्रतिमा # 1 गुन्हेगार आहेत, त्यामुळे वेब डिलीव्हरीसाठी आपल्या प्रतिमा अनुकूल केल्यामुळे आपल्या साइटला कार्यक्षमतेच्या दृष्टीकोणातून मदत करता येईल.
वास्तविकता अशी की सुधारित वेबसाइट कार्यप्रदर्शन आणि जलद डाउनलोड करण्याची क्षमता सर्व अभ्यागतांचे कौतुक करेल असा एक फायदा आहे. अखेर, कोणीही कधीही अशी तक्रार केली आहे की एखादा साइट "खूप वेगाने" लोड झाली आहे, परंतु साइट लोड होण्यास बराच वेळ लागल्यास, ती पूर्णपणे लोकांना त्यांच्या स्क्रीनवर "फिट्स" करते की नाही हे पूर्णपणे बंद करेल.
2. स्मार्ट सामग्री पदानुक्रम
मोठ्या स्क्रीनवर एखादी वेबसाइट प्रदर्शित केली जाते तेव्हा आपण उपलब्ध असलेल्या सद्य स्क्रीन रिअल इस्टेटमुळे सामग्री विविध मार्गांनी बाहेर टाकू शकता. आपण बर्याचदा महत्त्वाच्या संदेश आणि प्रतिमा, बातम्यांचे अद्यतने, इव्हेंट माहिती आणि साइट नेव्हिगेशन एकाच वेळी स्क्रीनवर सर्वत्र फिट करू शकता. हे एका अभ्यागतास संपूर्ण पृष्ठाची सामग्री सहजपणे आणि द्रुतपणे स्कॅन करण्यास आणि त्यांच्यासाठी काय महत्वाचे आहे हे ठरविण्यास अनुमती देते.
जेव्हा आपण ती साइट डिझाईन करता आणि लहान स्क्रीन उपकरणांकरिता ती बदलतो तेव्हा ही स्थिती अतिशय नाटकीयपणे बदलते, जसे की सेलफोन. अचानक आपणास आधी असलेल्या काही स्क्रीन रिअल इस्टेट बरोबर काम करत आहेत. याचा अर्थ आपल्याला साइटवर प्रथम कोणत्या गोष्टी दिसतील ते ठरवण्याची आवश्यकता आहे, आपण काय अनुसरण कराल, इत्यादी सर्व गोष्टी एकाचवेळी पाहिल्याशिवाय, आपल्याकडे फक्त एक किंवा दोन गोष्टी दर्शविण्याची जागा असेल (ज्यापैकी एक कदाचित नेव्हिगेशन असेल). याचा अर्थ पदानुक्रमाचे निर्णय घेण्याची आवश्यकता आहे. दुर्दैवाने, पडद्यावर सर्वप्रथम काय येते हे ठरविते, आणि नंतर दुसरे, इ. हे पृष्ठ स्वतःच कोडित करण्याचा मार्ग आहे. हे प्रतिसाददायी साइट तयार करताना सर्वात सोपा आहे, पडद्यावर प्रथम जे काही कोड आहे ते प्रथम प्रदर्शित करण्यासाठी, दुसऱ्या आयटममध्ये कोड आणि त्यानंतर पुढे. दुर्दैवाने, एका डिव्हाइसवर काय महत्वाचे असू शकते दुसर्यावर गंभीर नसू शकते. खरोखर प्रतिसाद साइट सामग्री भिन्न श्रेणीनुसार बदलू पाहिजे की समजतात आणि तो कुठे दाखवतो काय स्मार्ट असावा की.
HTML कोडमध्ये सामग्री क्षेत्राच्या अचूक ऑर्डरद्वारे चुकीची माहिती मिळविण्याऐवजी, सीएसएस ग्रिड लेआउट, फ्लेक्सबॉक्स आणि अधिकसह सीएसएस लेआउट तंत्रात सुधारणा, वेब डिज़ाइनर आणि डेव्हलपरला अधिक पर्याय देण्यास अनुमती देते. या नवीन लेआउट तंत्रांचा फायदा उठवून उपकरणचे लँडस्केप आणि आमच्या साइटच्या वापरकर्त्यांच्या गरजा अधिक विकसित होतील म्हणून ती विकसित होत आहे.
3. एखाद्या डिव्हाइसची ताकद आणि कमजोर्या खात्यात असलेल्या अनुभवा
डिव्हाइसेसच्या विषयावर राहिल - प्रत्येक व्यक्ती ज्या आपल्या साइटला भेट देण्याकरिता वापरू शकते त्या दोन्ही सामर्थ्य आणि कमजोर्या आहेत जे त्या प्लॅटफॉर्मच्या मूळ असतात. एक उत्कृष्ट प्रतिसाद साइट विविध डिव्हाइसेसची क्षमता आणि मर्यादा समजते आणि अभ्यागत त्या क्षणाचा वापर करणार्या कोणत्याही साधनासाठी सर्वोत्तम अनुकूल असलेले सानुकूलित अनुभव तयार करण्यासाठी त्यांचा वापर करते.
उदाहरणार्थ, एक सेल फोनमध्ये अनेक वैशिष्ट्यांचा समावेश आहे जो आपण पारंपारिक डेस्कटॉप संगणकात शोधत नाही. जीपीएस मोबाइल-केंद्रित वैशिष्ट्याचे एक उदाहरण आहे (होय, आपण डेस्कटॉपवर सामान्य स्थान माहिती देखील मिळवू शकता, परंतु जीपीएस यंत्र अधिक अचूक आहे). आपली साइट जीपीएस माहिती वापरू शकते ती व्यक्ती अतिशय हुशारीने आणि विशिष्ट चरण-दर-चरण दिशानिर्देश किंवा नेमके त्याच वेळी त्यानुसार नेमलेल्या विशेष ऑफर पाठवू शकते.
सराव मध्ये या प्राचार्य एक दुसरे उदाहरण अशा साइट आहे की आपण कोणत्या प्रकारचे स्क्रीन डिस्प्ले वापरत आहात हे समजते आणि त्या प्रदर्शनास सर्वोत्तम अनुकूल असलेली प्रतिमा पाठविते. जर आपल्याला उच्च पिक्सेल घनतेसह एक स्क्रीन असेल तर, आपण त्या स्क्रीनवर उच्च गुणवत्तेची प्रतिमा पाठविण्याचा निर्णय घेऊ शकता. हे समान प्रतिमा कमी सक्षम स्क्रीनवर निरर्थक ठरतील, तथापि, अतिरिक्त गुणवत्ता खोटी जाईल आणि मूळ फाइलचे वास्तविक कारण नसल्यामुळे डाउनलोड केले जाईल.
खरोखर उत्कृष्ट प्रतिसाद साइट संपूर्ण वापरकर्ता अनुभव मानते आणि त्याच्या स्क्रीनवर आधारित डिव्हाइस प्रकार किंवा आकारावर आधारित असलेल्या अनुभवाशी जुळवून घेण्याचा प्रयत्न करते परंतु हार्डवेअरच्या इतर महत्वाच्या बाबी देखील तसेच करतात.
4. संदर्भ सह सामग्री
प्रारंभी, प्रतिसाद वेब डिझाइनने त्याचे नाव प्राप्त केले कारण साइटच्या मांडणीच्या विविध स्क्रीन आकारांना प्रतिसाद देण्याच्या कल्पनामुळे, परंतु आपण केवळ स्क्रीन आकारापेक्षा खूपच अधिक प्रतिसाद देऊ शकता एखाद्या डिव्हाइसच्या सामर्थ्य आणि दुर्बलता वापरून पूर्वीचे उदाहरण तयार करणे, आपण त्या वेबसाइटचा अनुभव खरोखरच कस्टमाईज करण्यासाठी त्याचप्रमाणे डेटा आणि वेळ यासारख्या अन्य डेटाचा वापर करू शकता.
मोठी ट्रेड शो इव्हेंटसाठी वेबसाइटची कल्पना करा प्रतिसाद वेबसाइट विविध स्क्रीनसह स्केल करण्याकरिता साइटच्या पृष्ठांचे लेआउट बदलेल, आपण प्रदर्शित करण्यासाठी कोणती सामग्री सर्वात महत्त्वाची आहे हे निर्धारित करण्याची तारीख देखील वापरू शकता. इव्हेंटच्या आधीचा काळ असल्यास, आपण कदाचित नोंदणी माहिती प्रामुख्याने देऊ इच्छित असाल तथापि, जर कार्यक्रम खरंतर त्या क्षणी घडत असेल, तर नोंदणी कदाचित सर्वात महत्त्वाची सामग्री असू शकत नाही. त्याऐवजी, आपण ठरवू शकता की कार्यक्रमाचा दिवसांचा शेड्यूल अधिक कठीण आहे कारण तो त्या वापरकर्त्याच्या तत्काळ गरजा अधिक उपयुक्त आहे.
गोष्टी एक पाऊल पुढे घेऊन, आपण व्यापार शोमध्ये ते कोठे आहेत हे निश्चित करण्यासाठी एखाद्या डिव्हाइसच्या जीपीएसमध्ये टॅप करू शकता. आपण त्यांना त्यांच्या स्थानावर आधारित परस्परसंवादी सामग्री देऊ शकता, त्यांना जवळपासच्या बूथ किंवा सत्रांबद्दल प्रारंभ करू शकता.
5. प्रवेशयोग्यता
अंतिम उदाहरणाने आपण पाहु शकतो की एखादी साइट एखाद्या अभ्यागताच्या गरजांना खरोखर प्रतिसाद कसा देऊ शकते ती वेबसाइट प्रवेशक्षमतेबद्दल विचार करणे आहे. वेबसाइट्स शक्य तितक्या जास्त लोकांना वापरण्यास सक्षम असायला हवीत, अपंगत्व असलेल्या लोकांसह आपली वेबसाईट वापरु शकली पाहिजे ज्याला त्याच्या सामग्रीमध्ये प्रवेश करण्यासाठी स्क्रीन वाचक किंवा इतर सहाय्यित सॉफ्टवेअरची आवश्यकता आहे. अशा प्रकारे, आपली साइट त्यांच्या गरजेवर प्रतिसाद देत आहे कारण आपण हे सुनिश्चित केले आहे की अनुभव, जरी अपंग अभ्यागतांसाठी भिन्न, तरीही उचित आहे
शक्य तितक्या जास्त डेटा पॉइंट्सचा प्रतिसाद देऊन, आणि केवळ स्क्रीन आकार नुसार, वेबसाइट फक्त "मोबाईल फ्रेंडली" पेक्षा खूपच अधिक असू शकते. हे वाक्यांशच्या प्रत्येक अर्थामध्ये खरोखरच चांगला अनुभव असू शकते.