कैसे उत्तरदायी डिजाइन आप अपनी वेबसाइट से अधिक हो जाता है

हम एक मल्टी-स्क्रीन दुनिया में रहते हैं। मुझे याद है कि 80 के दशक में एक बच्चे के रूप में बढ़ रहा था और हमारे परिवार के पांच लोगों के जीवन में बिल्कुल एक स्क्रीन थी। यह पारिवारिक टेलीविजन था (सोनी ट्रिनिट्रॉन मेरा मानना ​​है) और हमने इसका उपयोग टीवी, वीएचएस टेप और कंप्यूटर देखने के लिए किया (हमारे पास कमोडोर 64 था)।

लेकिन समय बदल गया है ... बहुत कुछ। दूसरे दिन मैं अपने परिवार के साथ लिविंग रूम में बैठा था। मेरी पत्नी, हमारी बच्ची और खुद के बीच, हम सभी स्क्रीन से घिरे थे। हमारे पास 2 स्मार्ट फोन, एक आईपैड, एक आईपॉड, एक एलईडी टीवी, एक मैकबुक, एक वाई यू कंट्रोलर और एक बेबी मॉनिटर था।

बस एक कमरे में 8 स्क्रीन।

यहां तक ​​कि क्रेज़ियर भी है कि हर एक (बच्चे की निगरानी के अलावा) इंटरनेट ब्राउज़ करने में सक्षम है। इस तथ्य को जोड़ें कि प्रत्येक का एक अलग संकल्प है।

यह आधुनिक वेब डिजाइनर के लिए वास्तव में मुश्किल स्थिति पैदा कर सकता है। क्यूं कर? कला के आपके काम को उपकरणों के ढेर पर मीठा लगने की जरूरत है।

तो आधुनिक विपणन क्या करना है?

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

आंकड़े बताते हैं कि मोबाइल ट्रैफिक समय के साथ बढ़ता ही जा रहा है, जो नए, हैंडहेल्ड डिवाइसेस की लोकप्रियता को ध्यान में रखता है। वास्तव में, Mashable के अनुसार, 2013 में, 17.4% वेब ट्रैफिक मोबाइल के माध्यम से आया है, 2012 के बाद से 6% से अधिक की वृद्धि का प्रतिनिधित्व करता है जब 11.1% ट्रैफ़िक मोबाइल से आया था।

चुनौती

इंटरनेट सक्षम उपकरणों के लिए उपलब्ध इन सभी विकल्पों के साथ एक वेब डिजाइनर क्या करना है? हमने एक बार स्मार्ट फोन उपयोगकर्ताओं के खानपान पर अपना ध्यान केंद्रित किया और उन्हें एक वेबसाइट के पूरी तरह से अलग मोबाइल संस्करण प्रदान किया। हालांकि यह कुछ स्तर पर प्रभावी था, यह एक पूरी तरह से अलग वेब संपत्ति थी और अतिरिक्त विकास संसाधनों की आवश्यकता थी, और अंततः लागत। सामग्री को दोनों संस्करणों पर बनाए रखने की आवश्यकता है, जिसने केवल चीजों को अधिक जटिल बना दिया।

इस दिन में विशिष्ट उपकरणों और संकल्पों को लक्षित करने का विचार अजीब है। अधिक संकल्प, फोन और प्लेटफॉर्म हैं तो आप सूची कर सकते हैं। यदि आपने यह तरीका अपना लिया, तो जब तक आप प्रत्येक विशिष्ट उपकरण के लिए लक्ष्यीकरण और कोडिंग नहीं कर लेते, तब तक आपकी वेबसाइट पुरानी हो जाएगी, और यह नया स्वरूप देने का समय होगा। कुशल लगता है, है ना? हमने ऐसा नहीं सोचा था।

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

"गैर-आदर्श" समाधान

नंगे न्यूनतम पर, हमें अनुपालन पर ध्यान देने की आवश्यकता है। यदि हम अपने मोबाइल डिवाइस पर वेब सामग्री को देखने के लिए पैन और ज़ूम करने वाले उपयोगकर्ताओं के साथ ठीक हैं (जो हम वास्तव में नहीं होना चाहिए) तो, हमें यह सुनिश्चित करने की ज़रूरत है कि हमारी साइटों में कुछ बेस लाइन अनुपालन हो। यहाँ आपको क्या करना चाहिए:

  • फ्लैश, क्विकटाइम या किसी अन्य प्लगइन्स से बचें जो मोबाइल उपयोगकर्ता के लिए उपलब्ध नहीं हो सकते हैं
  • 960px से अधिक चौड़ा न हो या लोग स्क्रॉल शहर में न हों
  • छोटे फ़ॉन्ट का उपयोग न करें तो 11px
  • सुनिश्चित करें कि प्राथमिक साइट नेविगेशन काफी बड़ा है

लेकिन असली सवाल यह है कि क्या यह काफी अच्छा है? क्या हम इस समाधान के लिए तैयार हैं?

आदर्श समाधान

इस मामले में आदर्श समाधान उत्तरदायी डिजाइन है। रिस्पॉन्सिव डिज़ाइन का ओवररचिंग विचार एक एकल वेब प्रॉपर्टी का निर्माण करना है जो उस डिवाइस के आधार पर उसके डिस्प्ले को गतिशील रूप से बदलने की क्षमता रखता है, जिसका उपयोग (हार्डवेयर या सॉफ़्टवेयर प्लेटफ़ॉर्म की परवाह किए बिना) होता है। यह कम-रिज़ॉल्यूशन डिवाइस के साथ-साथ उच्च-रिज़ॉल्यूशन डिवाइस दोनों पर लागू होता है।

ऊपर की तस्वीर कार्रवाई में उत्तरदायी डिजाइन दिखाती है। यह दिखाता है कि उत्तरदायी डिवाइस के साथ डिजाइन की गई वेबसाइट कई उपकरणों पर कैसे दिखाई देती है। याद रखें, यह अभी भी एक ही वेबसाइट है (हमने एक अलग मोबाइल अनुकूल संस्करण नहीं बनाया है), लेकिन कोई फर्क नहीं पड़ता कि हमारा अंतिम ग्राहक किस डिवाइस का उपयोग कर रहा है, साइट अनुकूलित है।

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

आपकी साइट को उत्तरदायी बनाने के बारे में सबसे अच्छा तरीका क्या है, इस पर विकास जगत में एक बड़ी बहस है। न्यू ब्रीड में हमने यहां पर जो समाधान किया है, हमारे कई सहयोगियों के पास, ट्विटर बूटस्ट्रैप ढांचे के साथ हमारी वेबसाइटें शुरू हो रही हैं।

यह फ्रेमवर्क 12-कॉलम ग्रिड सिस्टम का उपयोग करता है, जो एक उत्तरदायी साइट के लिए अनुमति देता है। हमारे द्वारा देखे गए कई विषयों और प्लेटफार्मों (SeoAnnuaire COS सहित) इस ढांचे का लाभ उठा रहे हैं और हम परिणामों से प्रभावित हुए हैं (और विकास के दृष्टिकोण से आसानी से उपयोग)।

अमल में लाना

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

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

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

नीचे दिए गए चार्ट पर एक नज़र डालें, जो पिछले साल के हमारे वास्तविक ट्रैफ़िक स्रोतों की तुलना पिछले साल से अब तक कर रहे हैं। ये चार्ट उस विशाल बदलाव का प्रतिनिधित्व करते हैं जो ऑनलाइन हो रहा है।

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

1) वृद्धि हुई बातचीत

इनसाइडर्स ब्लॉग पर हमारी पिछली पोस्ट में, हमने इस बारे में बात की कि आप बिक्री के लिए तैयार वेबसाइट के साथ रूपांतरण कैसे बढ़ा सकते हैं। यह वही कार्यप्रणाली है - यदि आपकी वेबसाइट बिक्री के लिए तैयार है (यानी आपके खरीदार व्यक्ति के लिए मैप किए गए स्पष्ट रूपांतरण पथ हैं), तो आप अपने रूपांतरणों को अधिकतम करने के रास्ते पर होंगे।

बिक्री के लिए तैयार वेबसाइट होने का एक हिस्सा वेबसाइट को उत्तरदायी बनाने के लिए बनाया गया है। चूंकि एक संवेदनशील वेबसाइट उस विशिष्ट डिवाइस को पूरा करती है जिसका आगंतुक उपयोग कर रहा है, आपकी कंपनी के साथ समग्र अनुभव में सुधार हुआ है और उपयोगकर्ता को आपके प्रतियोगी में जाने की संभावना नहीं है।

2) कम उछाल दरें

अधिक बार तब नहीं, यदि कोई आगंतुक आपकी साइट को मोबाइल या टैबलेट डिवाइस पर ब्राउज़ कर रहा है और साइट उत्तरदायी नहीं है, तो वे छोड़ने जा रहे हैं (यानी "उछाल")। इसका मतलब है कि जब वे आपके होमपेज पर आते हैं और उन्हें खोज बॉक्स खोजने के लिए ज़ूम या स्क्रॉल करना पड़ता है (उदाहरण के रूप में), तो वे निराश हो जाएंगे और किसी अन्य चीज़ पर चले जाएंगे। यह आपके उछाल दर पर एक नाटकीय प्रभाव हो सकता है - एक बुरे तरीके से।

एक उत्तरदायी साइट होने से, इन उपयोगकर्ताओं को यह जानने के लिए चुटकी और स्क्रॉल करने की चिंता नहीं करनी होगी कि वे क्या ढूंढ रहे हैं। साइट जिस भी उपकरण का उपयोग कर रही है, उसके अनुकूल होगी। बदले में, संभवतः वे प्रक्रिया में आपकी बाउंस दर को कम करते हुए, चारों ओर क्लिक करेंगे और अधिक पृष्ठों पर जाएँगे।

3) पेज रैंक में वृद्धि

हमने पहले इस बारे में बात की थी, लेकिन खोज इंजन (विशेष रूप से Google) अब खोज परिणामों में उत्तरदायी साइटों के पक्ष में हैं। विशेष रूप से, यदि कोई उपयोगकर्ता अपने मोबाइल डिवाइस से खोज कर रहा है, तो Google उनके लिए एक प्रासंगिक वेबसाइट की सेवा करने की अधिक संभावना है जो मोबाइल उत्तरदायी है।

उनका अंतिम लक्ष्य खोजकर्ता को वास्तव में वही देना है जिसकी वे तलाश कर रहे हैं, और इसका मतलब है कि संभावना को कम करने से वे निराश होंगे जो वे नहीं खोज रहे हैं।

4) मजबूत, एकीकृत ऑनलाइन उपस्थिति

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

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

5) विकास लागत में कमी

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

6) एक प्रतियोगी लाभ

यदि आप प्रतियोगियों ने अभी तक उत्तरदायी डिजाइन नहीं अपनाया है, तो आपकी कंपनी के पास प्रतिस्पर्धात्मक लाभ हासिल करने का अवसर है। अपनी प्रतिस्पर्धा से बाहर खड़े हो जाओ - और बेहतर अभी तक, अपने गैर-संवेदनशील साइटों को छोड़ने वाले आगंतुकों को लें और उन्हें अपने ग्राहकों में परिवर्तित करें!

निष्कर्ष

अब, पहले से कहीं अधिक, यह आवश्यक है कि हमारी वेबसाइट कई उपकरणों पर उपलब्ध हो। जैसा कि हमारे ग्राहक का व्यवहार बदल रहा है, हमें उनके साथ विकसित होने की आवश्यकता है, और हमें लगता है कि उत्तरदायी डिजाइन का उपयोग करके अपनी वेबसाइट का अनुकूलन करना एक नो-ब्रेनर है। न केवल आप समय की बचत करेंगे (और सिरदर्द), बल्कि आप अपनी विकास लागतों को भी कम करेंगे, और आपकी वेबसाइट पर प्रत्येक डिवाइस के लिए एक अनुकूलित प्रदर्शन होगा।

Google उन साइटों पर भी अधिक ध्यान दे रहा है जो मोबाइल के लिए अनुकूलित हैं और यहां तक ​​कि इन साइटों को उच्च रैंकिंग भी दे रहे हैं। खोज की बदलती दुनिया के साथ, मोबाइल-अनुकूलित वेबसाइट होने से ऑनलाइन दृश्यता बढ़ जाएगी।

यदि आप अभी भी आश्वस्त नहीं हैं, तो इसके बारे में इस तरह से सोचें: लोग आपके मोबाइल उपकरणों से आपकी साइट पर जा रहे हैं, भले ही आप उन्हें चाहते हैं या नहीं। आपकी साइट को रूपांतरणों को अनुकूलित करने और लीड उत्पन्न करने के लिए बनाया गया है, लेकिन जब वह व्यक्ति अपने स्मार्टफोन या टैबलेट का उपयोग करता है, तो वह आपकी साइट पर पहुंच जाता है और वह नहीं खोज पाता है कि वे क्या देख रहे हैं या बाहर घंटी बजा रहे हैं क्योंकि उन्हें चारों ओर स्क्रॉल करना पड़ता है, तो आप खो सकते हैं उन्हें एक नेतृत्व में परिवर्तित करने पर। असल में, आप टेबल पर पैसा छोड़ रहे हैं।

पिछला लेख «
अगला लेख

लोकप्रिय पोस्ट

संपादक की पसंद