यह पोस्ट स्लैक प्लेटफार्म ब्लॉग के लिए लिखा गया था। असली प्रविष्टि पढ़ें यहाँ.

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

बेहतर ऑनबोर्डिंग अनुभव बनाना

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

• विभाजकों के उपयोग के माध्यम से, हमने समान सामग्री को समूहित करके उस सूचना लेखन की दीवार को स्टाइल किया — इसे अधिक पचाने योग्य और पढ़ने में आसान बनाते हुए।
• इनलाइन बटन और ओवरफ्लो मेनू ने एक इंटरेक्टिव, क्रियाशील ऑनबोर्डिंग अनुभव को सक्षम किया। अब उपयोगकर्ताओं को की कमांड टाइप करने की आवश्यकता नहीं है; वे बस बटन को चुन सकते हैं और शीघ्र कार्रवाई कर सकते हैं।

हेल्प मेनू केवल एक स्थान था जहां ब्लॉक किट गुरु ऐप के अनुभव को ऊंचा करता है। गतिविधि फ़ीड इंटरफ़ेस में इनलाइन बटन कार्रवाई को संबंधित जानकारी के करीब लाते हैं। ओवरफ्लो मेनू अब कम बार-बार उपयोग किए जाने वाले कार्यों को छिपाते हैं, और उपयोगकर्ता को प्राथमिकता की जानकारी पर ध्यान केंद्रित करने में मदद करते हैं। हमने केवल सतह को खरोंच दिया है — अभी भी अनगिनत तरीके हैं जिनसे ब्लॉक किट ऐप्स को अधिक इंटरेक्टिव बना सकता है।

एक ही भाषा बोलना

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

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

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

ब्लॉक किट बिल्डर विकास के लिए एक उपकरण के रूप में भी कार्य करता है ताकि समस्या JSON को डिबग किया जा सके। यदि ऐप संदेश सही ढंग से नहीं आ रहा है, तो हम बस कोड को बिल्डर में चिपका देते हैं और तुरंत समस्या की पहचान कर सकते हैं।

अपनी सर्वश्रेष्ठ स्थिति में दक्षता

ब्लॉक किट और ब्लॉक किट बिल्डर के संयोजन ने ऐप उपयोगकर्ताओं और गुरु टीम के लिए एक अधिक कुशल अनुभव का परिणाम दिया है। ब्लॉक किट न केवल हमें अद्वितीय ऐप UI बनाने के लिए एक नया ढांचा प्रदान करता है, बल्कि हमें जानकारी के क्रम और लेआउट पर लचीलापन और नियंत्रण भी देता है। अब गुरु ऐप का उपयोग करना पहले से कहीं अधिक आसान है; इसके अलावा, अपडेटेड हेल्प मेनू उपयोगकर्ताओं को एक दौड़ में चलाने में मदद करता है।

क्या आपको जिज्ञासा है? गुरु के ताज़ा अपडेट किए गए ब्लॉक किट-सक्षम ऐप को स्लैक ऐप डायरेक्टरी में देखें slack.com/apps.