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

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

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





कंटेनर
ये घटक आपको सामग्री को एक साथ समूहित करने की अनुमति देते हैं। यह स्क्रीन के कुछ हिस्सों को बिछाने, और भागों को छिपाने और दिखाने में मदद करता है।



निवेश
इनपुट घटक उपयोगकर्ता को ऐप में जानकारी इनपुट करने की अनुमति देते हैं। नीचे कुछ उदाहरण दिए गए हैं।



सूचना
ये घटक ऐप को उपयोगकर्ताओं के साथ जानकारी साझा करने की अनुमति देते हैं।




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

याद रखें, आपके परीक्षक आपकी मदद करने के लिए हैं! उनकी बातचीत में न्याय या हस्तक्षेप न करें (क्रियाओं के आधार पर प्रोटोटाइप का जवाब देने /
बस प्रशंसा के साथ उनकी प्रतिक्रिया प्राप्त करें।
बाइक मरम्मत की दुकान ऐप के लिए उपयोगकर्ता परीक्षण का एक शानदार उदाहरण यहां दिया गया है।
गतिविधि 2: प्रतिक्रिया प्राप्त करें
2-3 उपयोगकर्ताओं के साथ अपने पेपर प्रोटोटाइप का परीक्षण करें
- उपयोगकर्ताओं को प्रोटोटाइप दिखाएं।
- उपयोगकर्ताओं को प्रोटोटाइप के साथ एक कार्य करने के लिए कहें।
- उन्हें बिना मदद के कार्य करने का प्रयास करने दें।
- एक टीम का सदस्य "कंप्यूटर" के रूप में कार्य कर सकता है और उनके कार्यों पर प्रतिक्रिया कर सकता है।
- टीम का एक अन्य सदस्य (या दो) उपयोगकर्ता क्या करते हैं, उनकी टिप्पणियों और प्रतिक्रियाओं पर ध्यान देते हैं।
परावर्तन
हम अनुशंसा करते हैं कि आप अपने काग़ज़ प्रोटोटाइप सहेजें। जब आप अपनी परियोजना के निर्माण के माध्यम से काम करते हैं तो आपको इसे वापस संदर्भित करना होगा। आपको अपने प्रोटोटाइप की तस्वीरें भी लेनी चाहिए।

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