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