नियमित साइटों को उत्तरदायी में कैसे बदलें?

वर्तमान में, 100,000 में से 11-12% सबसे अधिक देखी जाने वाली साइट अनुकूली हैं, और इसमें कोई संदेह नहीं है कि अगले कुछ वर्षों में उनकी संख्या बढ़ जाएगी।



विभिन्न उपकरणों द्वारा उपयोग की जाने वाली वेब की वास्तविकताओं को देखते हुए, अधिक से अधिक संगठनों ने अपनी आस्तीनें उतारीं, क्योंकि निर्वाण प्राप्त करने के लिए उपयोग की जाने वाली कई रणनीतियों पर विचार करना सार्थक होगा:

• अनुकूली आधुनिकीकरण ।
• उत्तरदायी मोबाइल साइटें ।
• मूल रूप से मोबाइल उपकरणों के लिए उत्तरदायी डिजाइन ।
• चरणबद्ध रणनीति ।

अनुकूली उन्नयन

अनुकूली आधुनिकीकरण वह प्रक्रिया है जिसके द्वारा एक मौजूदा वेबसाइट केवल डेस्कटॉप कंप्यूटर के लिए ली जाती है और वास्तव में "अनुकूली में परिवर्तित" हो जाती है।

तैयार साइटों (विशेष रूप से वाणिज्यिक वाले) के लिए, टीमों के पास हमेशा सब कुछ छोड़ने और पुनर्निर्माण करने का अवसर नहीं होता है।

डैन सेडरहोम

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

लाभ

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

कमियों

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

---

उत्तरदायी मोबाइल साइटें

अनुकूली मोबाइल साइटें, या जैसा कि मैं उन्हें " एक अनुकूल भविष्य के लिए बीज " कहता हूं , अनुकूली डिजाइन तकनीकों का उपयोग करके "m.yourdomain.ru" प्रारूप में एक अलग साइट बनाने का अभ्यास है। इस रणनीति का उपयोग द बीबीसी , द गार्जियन और एंटरटेनमेंट वीकली (जो मैंने काम किया) जैसी साइटों द्वारा किया जाता है।





मोबाइल संस्करण एक बीज बोना संभव बनाता है जो आपकी अप्रचलित साइट से बढ़ेगा।





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

लाभ

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

कमियों

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

---

मूल रूप से मोबाइल उपकरणों के लिए उत्तरदायी डिजाइन

" पहला मोबाइल " एक ऐसा सिद्धांत है जो एक ऐसे इंटरफेस के विकास का अर्थ है जो मोबाइल वातावरण (छोटी स्क्रीन, कम बैंडविड्थ, आदि) की सीमाओं को ध्यान में रखेगा, लेकिन बड़ी स्क्रीन के सभी लाभों का उपयोग करेगा।

लाभ

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

कमियों

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

---

चरण की रणनीति

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

पेज द्वारा पेज

इस विधि में पृष्ठों का उपसमूह बनाना शामिल है। अधिकांश डेस्कटॉप-केवल लोगों को छोड़कर, Microsoft जैसी कंपनियां उत्तरदायी कुंजी पृष्ठ लॉन्च करती हैं।

लाभ

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

कमियों

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

घटक द्वारा घटक

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

लाभ

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

कमियों

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

---

"मैं चेवी चेस हूं, लेकिन आप नहीं हैं"

बेशक, सभी संगठन अलग-अलग हैं, इसलिए चुनने का तरीका विभिन्न कारकों पर निर्भर करता है। समय, बजट, कार्यक्षेत्र, संगठनात्मक संरचना, कौशल सेट और कई अन्य कारक प्रभावित करते हैं कि कौन सी रणनीति सबसे अच्छी है। लेकिन समय के साथ, यह तेजी से स्पष्ट हो जाता है कि संगठनों को इंटरनेट एक्सेस के साथ उपकरणों की बढ़ती विविधता पर काम करने की आवश्यकता है।



यह ब्रैड फ्रॉस्ट द्वारा " उत्तरदायी रणनीति " नामक लेख का अनुवाद है। लेखक की स्वीकृति के साथ UXDepot में स्थानांतरित।



अनुवादकों से पुनश्च: मुझे आशा है कि आपको लेख अच्छा लगा होगा। हमें खुशी होगी यदि आप हमें अनुवाद में त्रुटियों का संकेत देते हैं, ताकि हम उन्हें जल्दी ठीक कर सकें। हमें editor@uxfox.ru पर ईमेल करें, कृपया :)