इस पेज पर, तकनीकी लेखन वाले उस प्रोजेक्ट की जानकारी दी गई है जिसे Google Season of Docs के लिए स्वीकार किया गया है.
प्रोजेक्ट की खास जानकारी
- ओपन सोर्स संगठन:
- Hydra नेटवर्क से जुड़ा दस्तावेज़
- टेक्निकल राइटर:
- AwesomeChap
- प्रोजेक्ट का नाम:
- दस्तावेज़ों की साइट का यूज़र एक्सपीरियंस बेहतर बनाना
- प्रोजेक्ट की अवधि:
- स्टैंडर्ड अवधि (तीन महीने)
प्रोजेक्ट का विवरण
मैंने आपको दस्तावेज़ के आइडिया पेज पर पोस्ट किए गए दस्तावेज़ साइट आइडिया के UX को बेहतर बनाने में दिलचस्पी दिखाई है. मैं एक अनुभवी React डेवलपर और डिज़ाइनर हूं. साथ ही, मैं तकनीकी लेखन में काफ़ी दिलचस्पी रखती हूं. मेरे पास अलग-अलग विषयों के विशेषज्ञों की बड़ी टीमों के साथ काम करने का भी अच्छा अनुभव है. डेवलपमेंट के अलावा, मैं TheStartup जैसे कुछ पब्लिकेशन के लिए भी तकनीकी ब्लॉग लिखती हूं. मेरे ब्लॉग देखने के लिए https://medium.com/@jatin15011999 पर जाएं. अगर आपको मेरे बारे में ज़्यादा जानना है, तो मेरी वेबसाइट www.jatinkumar.tech पर जाएं. मुझे पूरा भरोसा है कि मेरा अनुभव और स्किल सेट इस आइडिया के लिए काफ़ी सही है.
मेरे पास MERN स्टैक का दो साल से ज़्यादा का अनुभव है. साथ ही, मैं तेज़ी से यूज़र इंटरफ़ेस (यूआई) और बेहतर यूज़र अनुभव (यूएक्स) के साथ बेहतर इंटरफ़ेस बना सकता/सकती हूं. मुझे React और Node.js का इस्तेमाल करना आता है. साथ ही, मुझे क्रिएटिविटी के साथ कोडिंग करना पसंद है. अपने पिछले अनुभवों में मैंने कई तरह के फ़्रंट-एंड लेआउट तैयार किए थे, जिनसे कई समस्याओं को हल किया जा सकता था. यूज़र इंटरफ़ेस (यूआई)/यूज़र एक्सपीरियंस (यूएक्स) डिज़ाइनर के तौर पर, मुझे अच्छी तरह पता है कि वेबसाइट के यूज़र इंटरफ़ेस (यूआई)/यूज़र एक्सपीरियंस (यूएक्स) का, वेबसाइट पर आने वाले लोगों पर कितना असर पड़ सकता है. भले ही, आपकी वेबसाइट पर कितना भी अच्छा कॉन्टेंट हो, लेकिन जब तक उपयोगकर्ता को अच्छा अनुभव नहीं मिलता, तब तक कोई फ़ायदा नहीं होगा. वह आपकी वेबसाइट पर दोबारा आने में दिलचस्पी नहीं दिखाएगा . अच्छा यूज़र इंटरफ़ेस (यूआई)/यूज़र अनुभव (यूएक्स) बनाने के लिए, रंग बदलना या बिना रुकावट वाले ऐनिमेशन जोड़ना उतना ही आसान है जितना कि किसी भाषा में वाक्य बनाना. हालांकि, इन आसान बदलावों के बारे में सोचने के लिए, आपको सही कॉम्बिनेशन ढूंढने से पहले सैकड़ों चीज़ें आज़मानी होंगी. मुझे लगता है कि मेरे पास इस मामले में काफ़ी अनुभव है और मैं इसे बेहतरीन और असरदार तरीके से पूरा कर सकता हूं.
मैंने Hydra की मौजूदा वेबसाइट की पूरी जानकारी देखी है. मुझे लगता है कि मौजूदा साइट पर नेविगेशन से जुड़ी गंभीर समस्या है. आपके सुझाव के मुताबिक, वेबसाइट में साइडबार / टॉपबार जोड़कर, इस समस्या को आसानी से हल किया जा सकता है. हालांकि, अगर हम मौजूदा साइट को ज़्यादा ध्यान से देखते हैं, तो हमें पता चलता है कि साइट में पहले से ही सबसे ऊपर एक नेविगेशन बार मौजूद है. इसलिए, साइट में टॉपबार का विकल्प नहीं है. साइडबार, साइट के लिए बेहतर विकल्प है. साथ ही, आइडिया पेज पर बताए गए तरीके के मुताबिक, कुछ दस्तावेज़ों को होम सेक्शन से भी लिंक करना होगा, ताकि उन्हें आसानी से खोजा जा सके. इसलिए, इन सभी पाबंदियों को ध्यान में रखते हुए, मैंने एक प्रोटोटाइप बनाया है. इसे http://hydra-doc.herokuapp.com/ पर जाकर देखा जा सकता है. यह प्रोटोटाइप पूरी तरह से रिस्पॉन्सिव है और इसे दस्तावेज़ से जुड़ी कई अन्य साइटों से प्रेरणा मिली है. लैपटॉप जैसी बड़ी स्क्रीन की तुलना में, मोबाइल पर खोलने पर यह पूरी तरह से अलग उपयोगकर्ता अनुभव देता है. अगर आपने प्रोटोटाइप देखा है, तो हो सकता है कि आपने देखा हो कि यह एक लैंडिंग पेज (जो कि 'इसके बारे में जानकारी' पेज भी है) दिखाता है. इस पेज पर दो बटन होते हैं. एक बटन पर 'ज़्यादा जानें"" और दूसरे पर ""एपीआई दस्तावेज़"" लिखा होता है. बहुत अच्छी तरह से, ऐसा लगता है कि अब हमारे API दस्तावेज़ मुख्य वेबपेज से लिंक कर दिए गए हैं और कोई एक समस्या हल हो गई है, लेकिन इंतज़ार करें कि नेविगेशन का क्या होगा ? चिंता न करें, यह साइट इस समस्या का भी बेहतरीन समाधान देती है. अब 'ज़्यादा जानें' बटन दबाने पर, आपको वेबसाइट के 'इसके बारे में जानकारी' सेक्शन पर ले जाया जाएगा. इसके बाद, इस सेक्शन में इधर-उधर जाने और इसकी सुविधाओं को आज़माने पर, आपको पता चलेगा कि यह कॉन्टेंट की पहुंच और उपयोगकर्ता अनुभव को कम किए बिना, नेविगेशन की समस्या को कितनी आसानी से हल करता है. स्क्रीन के छोटे होने पर साइडबार छिप जाता है. इससे यह पक्का होता है कि कॉन्टेंट को ज़रूरत के मुताबिक जगह मिल जाए. वहीं, स्क्रीन के बड़े होने पर साइडबार और कॉन्टेंट, दोनों एक साथ दिखते हैं. ऐसे में, साइडबार भी कुछ जगह लेता है. अगर उपयोगकर्ता किसी दूसरे पेज पर जाना चाहता है, तो वह आसानी से ऐसा कर सकता है. इसके लिए, उसे स्क्रीन पर सबसे ऊपर मौजूद नेविगेशन बार में किसी टाइटल पर क्लिक करना होगा. रुकावट न डालने वाले आसान ऐनिमेशन, उपयोगकर्ता के इंटरैक्शन को बेहतर बनाते हैं. साथ ही, ये वेबसाइट के UX को और भी बेहतर बनाते हैं.
नेविगेशन के अलावा, कॉन्टेंट फ़्लो भी एक समस्या है. मुझे लगता है कि इस समस्या को ठीक करने में समय लगेगा. समय की कमी की वजह से, हम इस पर काम नहीं कर पाए और इसे ऊपर दिए गए प्रोटोटाइप में शामिल नहीं कर पाए. हालांकि, मेरे पास कॉन्टेंट के मौजूदा फ़्लो को बेहतर बनाने के लिए कई आइडिया हैं. अगर समय बचा है, तो हम वर्तमान में लेखकों द्वारा वेबसाइटों पर ब्लॉग और मार्गदर्शिका बनाने के तरीके को भी बेहतर बना सकते हैं. मुझे लगता है कि Medium जैसे कॉन्टेंट मैनेजमेंट सिस्टम से इस समस्या को हल किया जा सकता है. अगर ऐसा किया जाता है, तो हमें Medium पर ब्लॉग लिखने और फिर उन्हें medium.com पर रीडायरेक्ट करने की ज़रूरत नहीं होगी. जब उपयोगकर्ता को ब्लॉग और मुख्य साइट के बीच बार-बार नेविगेट करना पड़ता है, तो यह बहुत परेशान करने वाला हो जाता है. हम ब्लॉग को खुद होस्ट कर पाएंगे और उपयोगकर्ता ब्लॉग पर आसानी से जा पाएंगे. इसके अलावा, Medium के सीएमएस की तुलना में बेहतर सीएमएस होने की वजह से, लेखक अपने बनाए गए ब्लॉग या गाइड में आसानी से बदलाव कर पाएंगे.
मुझे उम्मीद है कि आपको मेरा आइडिया पसंद आया होगा. मुझे लगता है कि मेरा अनुभव और कौशल, इस आइडिया पर काम करने के लिए मुझे सही साबित होगा.