ग्राहक सहायता अधिकारियों के लिए आंतरिक उपकरणों में सुधार

Nov 26 2022
इस लेख में, मैं बेहतर ग्राहक सहायता के लिए प्रोबो के आंतरिक उपकरण (हम इसे सेरेब्रो कहते हैं) को व्यापक पैमाने पर सुधारने वाली परियोजनाओं में से एक पर काम करने की अपनी प्रक्रिया के बारे में बात करते हैं। सेरेब्रो क्या है? सेरेब्रो सभी चीजों के लिए सत्य का एक स्रोत है प्रोबो! यह प्रोबो का आंतरिक टूल है जिसमें सामग्री निर्माण (ऐप में सामग्री बनाने और पुश करने के लिए), टैग (उपयोगकर्ता टैग बनाना और उन टैग को एक क्रिया निर्दिष्ट करना), डैशबोर्ड और उपयोगकर्ता सहित कई खंड हैं।

इस लेख में, मैं बेहतर ग्राहक सहायता के लिए प्रोबो के आंतरिक उपकरण (हम इसे सेरेब्रो कहते हैं) को व्यापक पैमाने पर सुधारने वाली परियोजनाओं में से एक पर काम करने की अपनी प्रक्रिया के बारे में बात करते हैं।

सेरेब्रो क्या है?

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

उपयोगकर्ता विवरण अनुभाग उपयोगकर्ता का डेटाबेस है, जहाँ CX टीम उपयोगकर्ता की शिकायतों के बारे में जानकारी की जाँच कर सकती है और उपयोगकर्ता को वापस भेज सकती है।

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

संक्षेप

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

समस्या को समझना

ऐप पर की गई यूजर्स की गतिविधियों की जांच के लिए सपोर्ट टीम सेरेब्रो का इस्तेमाल करती है।

इस कार्य के लिए मैंने सबसे पहले मुख्य उपयोगकर्ता प्रवाह की पहचान की और फिर उनमें UX समस्याओं की तलाश की:

किसी टिकट को हल करते समय एक सहायक कार्यकारी का उपयोगकर्ता प्रवाह

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

प्रोबो उपयोगकर्ताओं के लिए सर्वश्रेष्ठ समर्थन अनुभव के लिए उन्हें इतना दृढ़ देखकर, मेरे अंदर एक राग आया और डिजाइन के माध्यम से उनके रोजमर्रा के अनुभव को बेहतर बनाने के लिए मुझे और प्रेरित किया।

मुख्य समस्याओं की पहचान की:

  1. जानकारी के लिए खराब स्कैनेबिलिटी: उपयोगकर्ताओं का प्रमुख काम सेरेब्रो से जानकारी प्राप्त करना है, लेकिन तालिकाओं को देखते हुए, बहुत अधिक संज्ञानात्मक प्रयास थे, क्योंकि उन्हें स्क्रीन पर आवश्यक जानकारी खोजने के लिए बहुत अधिक ध्यान देना पड़ता था।
  2. जटिल नेविगेशन: कुछ उपयोगकर्ता प्रवाहों के लिए, नेविगेशन जटिल और छिपा हुआ था।
  3. संज्ञानात्मक भार में वृद्धि: पिछला डिज़ाइन उपयोगकर्ताओं पर संज्ञानात्मक भार को कम करने के लिए पदानुक्रम और निकटता के जेस्टाल्ट के नियमों के अनुरूप नहीं था।
    इसके अतिरिक्त, दिए गए उपयोगकर्ता प्रवाह के साथ, उपयोगकर्ताओं को एक तालिका से जानकारी याद रखनी पड़ती है और तुलना करने के लिए दूसरी तालिका में जाना पड़ता है जिससे कार्य पूरा करने के लिए समय बढ़ जाता है।
  4. ब्रांड पहचान संरेखित नहीं है: कुछ महीने पहले प्रोबो की ब्रांडिंग की फिर से कल्पना की गई थी, इसलिए सेरेब्रो का नया स्वरूप नई ब्रांडिंग के साथ संरेखित करने का अवसर था।

प्रोबो के ऐप और वेबसाइट को कुछ महीने पहले नई ब्रांडिंग के साथ नए सिरे से तैयार किया गया था, यह आंतरिक उपकरणों में उसी के लिए उच्च समय था।

आइए देखते हैं कुछ पेजों के बिफोर बनाम आफ्टर:

डिजाइन - पहले बनाम बाद में

उपयोगकर्ता विवरण पृष्ठ - इससे पहले
उपयोगकर्ता विवरण पृष्ठ - के बाद
शेष इतिहास - पहले
शेष इतिहास - के बाद
व्यापार इतिहास - पहले
व्यापार इतिहास - के बाद

तो आइए एक-एक करके इन रीडिज़ाइन को तोड़ दें।

बिफोर बनाम आफ्टर - डिजाइन ब्रेकडाउन

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

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

लेकिन अलग-अलग टैब में अलग-अलग टैब कैसे डेटा तुलना को आसान बनाते हैं? हम इसे थोड़ी देर में कवर करेंगे!

अब कुछ और विवरणों में गोताखोरी:

बेहतर UX के लिए डेटा टेबल्स को ऑप्टिमाइज़ करना:
डेटा टेबल्स को एक काम करना होता है — यूज़र्स को जल्दी से ज़रूरी डेटा उपलब्ध कराना!
इस काम को करने के लिए, इसमें प्रासंगिक जानकारी खोजने के लिए त्वरित स्कैन करने की क्षमता होनी चाहिए ।

ये दो सबसे जटिल तालिकाओं के लिए बिफोर बनाम आफ्टर डिज़ाइन हैं- बैलेंस हिस्ट्री और ट्रेड हिस्ट्री

व्यापार इतिहास तालिका के पहले बनाम बाद में
बैलेंस हिस्ट्री टेबल के पहले बनाम बाद में

डेटा स्कैनिंग को आसान और त्वरित बनाने के लिए मोटे तौर पर 4 बिंदुओं का ध्यान रखा जाता है:

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

इसने कैसा प्रदर्शन किया?

विकास के लिए कुछ बग फिक्स के साथ रिडिजाइन की योजना बनाई गई है और उपयोगिता परीक्षण के परिणामों के माध्यम से, उत्पादकता में 2 गुना वृद्धि होने की उम्मीद है।

चूंकि यह अभी भी विकास के अधीन है, अभी अंतिम प्रदर्शन और KPI को साझा करना संभव नहीं है, लेकिन इसके लाइव होते ही मैं यहां अपडेट कर दूंगा।

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

साथ ही डिजाइन के प्रति उत्साही लोगों के लिए यहां एनएन समूह की वेबसाइट पर एक लेख का लिंक दिया गया है जिसने मुझे डेटा तालिकाओं को समझने और डिजाइन करने में बहुत मदद की।

पीएस मैंने डिजाइन प्रक्रिया को नियमित रूप से दस्तावेज करना भी सीखा क्योंकि इस केस स्टडी ने मुझे लिखने में बहुत लंबा समय लिया

आगे क्या होगा?

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

हमारी भयानक सीएक्स टीम के लिए एक बड़ा चिल्लाहट, मैं सचमुच इस परियोजना के दौरान दिन में कम से कम 5 बार उनके कमरे में घुस गया, उन्होंने मेरे सभी सवालों और शंकाओं का सबसे अच्छे तरीके से जवाब दिया और यह विशेष रूप से सबसे व्यस्त आईपीएल सीज़न के दौरान था वर्ष का समय!

साथ ही मेरी शानदार डिज़ाइन टीम ❤️ के साथ-साथ सभी उत्पाद स्वामियों का भी धन्यवाद जिन्होंने बहुमूल्य प्रतिक्रिया और सुझावों के साथ मेरी मदद की।

पढ़ने के लिए धन्यवाद! जल्द मिलते हैं एक और केस स्टडी के साथ

लिंक्डइन • इंस्टाग्राम • ट्विटर पर निधि को हाय कहें