डिस्क्लेमर: यह केस स्टडी स्किलवुल: यूआई/यूएक्स डिजाइन मास्टरी प्रोग्राम के मेंटर ऑन डिमांड चैलेंज का हिस्सा है।

पृष्ठभूमि

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

स्किलवुल जो लक्ष्य हासिल करना चाहता है, वे इस प्रकार हैं:

• आकाओं के लिए पंजीकरण
• छात्र एक संरक्षक चुन सकते हैं और लागत का पता लगा सकते हैं
• भुगतान के लिए पृष्ठ
• संरक्षक प्रोफ़ाइल के लिए संक्षिप्त विवरण

1. मेंटर पंजीकरण, मेंटर हायर और निजी मेंटरिंग प्रवाह की प्रभावशीलता की पहचान करें
2. मेंटर हायर और निजी मेंटरिंग सुविधाओं के साथ उपयोगकर्ता संतुष्टि के स्तर को जानना
3. संरक्षक पंजीकरण और भुगतान प्रवाह के प्रति उपयोगकर्ता सुविधा के स्तर को जानना
4. उपयोगकर्ता की जरूरतों के साथ अधिसूचना सुविधाओं की उपयुक्तता को जानना

मैं टीम के 3 सदस्यों, अब्दुल अज़ीज़ मुहम्मद घिफ़री , फ़रीद अज़ी स्याहपुत्र और 20-106 दारा फदिलाह के साथ मिलकर एक यूआई/यूएक्स डिज़ाइनर के रूप में काम करता हूँ । इस परियोजना में, हम संयुक्त रूप से जिम्मेदार हैं

1. लक्षित उपयोगकर्ताओं द्वारा आवश्यक सलाह सेवाओं के बारे में पता करें
2. शोध के परिणामों से विचारों और अवधारणा की विशेषताओं पर मंथन करें
3. उपयोगकर्ता के अनुकूल सुविधा प्रवाह बनाएँ
4. वेबसाइट इंटरफेस और नवीनतम सुविधाओं को उपयोगकर्ता के अनुकूल डिजाइन के साथ और स्किलवुल की विशेषताओं के अनुसार डिजाइन करना
5. उपयोग में आसान इंटरैक्टिव प्रोटोटाइप बनाएं
6. नवीनतम सुविधाओं के फायदे और नुकसान जानने के लिए उपयोगकर्ता साक्षात्कार आयोजित करें

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

1- सहानुभूति रखना

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

एक। प्राथमिक अनुसंधान

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

• प्रोत्साहन उपयोगकर्ता अनुसंधान

• साक्षात्कार

आप नीचे दिए गए लिंक पर वीडियो साक्षात्कार देख सकते हैं

• रिकॉर्ड डेटा

2- परिभाषित करें

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

एक। दर्द का स्थान

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

बी। कैसे-हो सकता है हम

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

3- विचार करना

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

एक। समाधान आइडिया

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

बी। प्राथमिकता विचार

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

4 - प्रोटोटाइपिंग

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

एक। उपयोगकर्ता प्रवाह

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

बी। वायरफ़्रेम

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

सी। डिजाइन प्रणाली

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

डी। यूआई डिजाइन

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

इ। प्रोटोटाइप

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

एफ। डिजिटल मॉकअप इंटरएक्टिव प्रोटोटाइप

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

5 - परीक्षण

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

एक। उपयोगकर्ता अनुसंधान तैयारी

• प्रोत्साहन उपयोगकर्ता अनुसंधान

बी। उपयोगकर्ता अनुसंधान का अभ्यास करें

• साक्षात्कार

आप नीचे दिए गए लिंक पर वीडियो साक्षात्कार देख सकते हैं:

• रिकॉर्ड डेटा

निष्कर्ष

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

अगली सिफारिश

प्राथमिक अनुसंधान प्रक्रियाओं, डिजाइन थिंकिंग और उपयोगकर्ता अनुसंधान की एक श्रृंखला से गुजरने के बाद, हमें कौशल वेबसाइट सुविधाओं को विकसित करने के लिए निम्नानुसार समाधान मिले:

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