पेपर प्रोटोटाइप

  • मानक उपयोगकर्ता इंटरफ़ेस प्रथाओं के बारे में जानें
  • अपने ऐप का एक पेपर प्रोटोटाइप बनाएं
  • अपने प्रोटोटाइप का उपयोग करके उपयोगकर्ता प्रतिक्रिया प्राप्त करें

प्रोटोटाइप

अब जब आपके पास अपने न्यूनतम व्यवहार्य उत्पादनटी के लिए एक विचार है, तो यह सोचने का समय है कि आपकी परियोजना कैसी दिखेगी और कुछ विचारों को स्केच करेगी।

एक प्रोटोटाइप किसी चीज का प्रारंभिक मॉडल है।

ऐप डेवलपर आमतौर पर कोडिंग शुरू करने से पहले अपने ऐप का एक पेपर प्रोटोटाइप बनाते हैं। 

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

ऐप स्क्रीन का पेपर प्रोटोटाइप

प्रोटोटाइप क्यों?

जानें कि कैसे अन्य टेक्नोवेशन गर्ल्स टीमों ने इस वीडियो में पेपर और डिजिटल प्रोटोटाइप बनाए!

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

पेपर प्रोटोटाइप का उपयोग संभावित उपयोगकर्ताओं (जैसे परिवार के सदस्यों, अन्य सलाहकारों, मित्रों, समुदाय के सदस्यों, आदि) से फीडबैक प्राप्त करने के लिए किया जा सकता है। यह फीडबैक अंतिम सबमिशन सामग्री में शामिल फीडबैक का हिस्सा हो सकता है।

निम्नलिखित वीडियो में प्रोटोटाइपिंग परियोजना का एक उदाहरण दिखाया जाएगा, जिसमें हार्डवेयर (बाईं ओर) और एक पेपर प्रोटोटाइप (दाईं ओर) के साथ परीक्षण की प्रक्रिया दिखाई जाएगी।

विद्यार्थियों से पूछने के लिए मार्गदर्शक प्रश्न: 

अंतिम उत्पाद बनाने से पहले कागज़ या कार्डबोर्ड से एक सरल प्रोटोटाइप बनाना क्यों उपयोगी है?

कागज़ या कार्डबोर्ड मॉडल बनाने से आपको अपने डिज़ाइन को बेहतर बनाने में कैसे मदद मिल सकती है?

पेपर प्रोटोटाइप के परीक्षण से आप क्या-क्या सीख सकते हैं, जो अन्यथा आपको नहीं पता होता? 

AmeriCorps के समर्थन से मेंटर टिप्स प्रदान किए जाते हैं।

नौसेना में शैलीबद्ध ए, अमेरिकॉर्प्स लोगो

प्रोटोटाइप तत्व

अपना पेपर प्रोटोटाइप शुरू करते समय इन बातों को ध्यान में रखें। अधिक जानने के लिए प्रत्येक कार्ड पर होवर करें.

उपयोगकर्ताओं

उपयोगकर्ताओं

उपयोगकर्ता को अपने डिजाइन में सबसे आगे रखें! ऐप सरल और उपयोग में आसान होना चाहिए।

डिवाइस के प्रकार

डिवाइस के प्रकार

आपका ऐप आईफोन बनाम एंड्रॉइड पर कैसा दिखेगा?
फोन बनाम टैबलेट?

स्थिरता

स्थिरता

अपने स्क्रीन लेआउट को समान बनाएं ताकि आपका उपयोगकर्ता जान सके कि स्क्रीन के बीच क्या अपेक्षा की जाए।

प्रयोक्ता इंटरफ़ेस

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

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

प्रयोक्ता इंटरफ़ेस

उपयोगकर्ता आपके ऐप्लिकेशन के साथ कैसे इंटरैक्ट करते हैं. इसमें बटन, टेक्स्ट बॉक्स और स्लाइडर्स जैसे सभी तत्व शामिल हैं जो उपयोगकर्ता को आपके ऐप का उपयोग करने की अनुमति देते हैं।

UI डिज़ाइन आपके ऐप को देखने में आकर्षक, सहज और उपयोग में आसान बनाने पर केंद्रित है।

प्रयोगकर्ता का अनुभव

उपयोगकर्ता आपके ऐप्लिकेशन का अनुभव कैसे लेते हैं. इसमें UI शामिल है, लेकिन यह उपयोगकर्ताओं की भावनाओं, दृष्टिकोणों और व्यवहार के बारे में अधिक है।

UX डिज़ाइन उपयोगकर्ता की ज़रूरतों और लक्ष्यों और उनके समग्र अनुभव को बढ़ाने के बारे में है।

उपयोगकर्ता इंटरफ़ेस सुविधाएँ

नीचे मोबाइल ऐप के लिए यूजर इंटरफेस के कुछ प्रमुख हिस्से दिए गए हैं

नौसंचालन

नेविगेशन यह है कि उपयोगकर्ता किसी ऐप में जो खोज रहे हैं उसे कैसे ढूंढते हैं। यहां नेविगेशन विकल्पों के कुछ उदाहरण दिए गए हैं.

कंटेनर

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

निवेश

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

सूचना

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

मानक तत्वों का उपयोग करें

आप चाहते हैं कि आपका ऐप आपके प्रतिस्पर्धियों से अलग दिखे। हालाँकि, मानक तत्वों का उपयोग करने से वास्तव में आपके उपयोगकर्ताओं को यह समझने में मदद मिल सकती है कि आपके ऐप का अधिक तेज़ी से उपयोग कैसे किया जाए।

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

बंद करो और कोशिश करो

  1. अभी ऐप स्टोर से एक नया ऐप डाउनलोड करें। 
  2. यदि आपको प्रेरणा की आवश्यकता है, तो AllTrails (iOS या Android) या Blinkist (iOS या Android) आज़माएं
  3. यह ऊपर वर्णित किन घटकों का उपयोग करता है? 
  4. लगभग 5 मिनट के लिए ऐप का उपयोग करने का प्रयास करें। 
  5. इसका उपयोग करने का तरीका जानने में आपको कितना समय लगा?

स्केचिंग और पेपर प्रोटोटाइप पर Google से मेलिसा पॉवेल और मरियम शेख के साथ इस लघु वीडियो को देखें

गतिविधि 1: पेपर प्रोटोटाइप

अनुमानित समय: 60 मिनट

अपने ऐप के लिए स्क्रीन स्केच आउट करें

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

फ़ीडबैक लें

अब जब आपके पास अपने समाधान का प्रतिनिधित्व करने के लिए कुछ भौतिक है, तो कुछ उपयोगकर्ता प्रतिक्रिया प्राप्त करने का समय आ गया है!

संभावित उपयोगकर्ताओं को इसे आज़माने और आपको कुछ ईमानदार प्रतिक्रिया देने की आवश्यकता है।

आप उपयोगकर्ताओं के साथ परीक्षण करने से क्या सीखना चाहते हैं? 

एक तरीका:

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

याद रखें, आपके परीक्षक आपकी मदद करने के लिए हैं! उनकी बातचीत में न्याय या हस्तक्षेप न करें (क्रियाओं के आधार पर प्रोटोटाइप का जवाब देने /

बस प्रशंसा के साथ उनकी प्रतिक्रिया प्राप्त करें।

बाइक मरम्मत की दुकान ऐप के लिए उपयोगकर्ता परीक्षण का एक शानदार उदाहरण यहां दिया गया है।

गतिविधि 2: प्रतिक्रिया प्राप्त करें

अनुमानित समय: 30 मिनट

2-3 उपयोगकर्ताओं के साथ अपने पेपर प्रोटोटाइप का परीक्षण करें

  1. उपयोगकर्ताओं को प्रोटोटाइप दिखाएं।
  2. उपयोगकर्ताओं को प्रोटोटाइप के साथ एक कार्य करने के लिए कहें।
  3. उन्हें बिना मदद के कार्य करने का प्रयास करने दें।
  4. एक टीम का सदस्य "कंप्यूटर" के रूप में कार्य कर सकता है और उनके कार्यों पर प्रतिक्रिया कर सकता है।
  5. टीम का एक अन्य सदस्य (या दो) उपयोगकर्ता क्या करते हैं, उनकी टिप्पणियों और प्रतिक्रियाओं पर ध्यान देते हैं।

परावर्तन

हम अनुशंसा करते हैं कि आप अपने काग़ज़ प्रोटोटाइप सहेजें। जब आप अपनी परियोजना के निर्माण के माध्यम से काम करते हैं तो आपको इसे वापस संदर्भित करना होगा। आपको अपने प्रोटोटाइप की तस्वीरें भी लेनी चाहिए।

फोन और कागज पर प्रोटोटाइप
क्या आपने ऐसी कोई विशेषता उजागर की जो न्यूनतम व्यवहार्य उत्पाद के लिए आवश्यक नहीं है?
क्या आपको उपयोगकर्ताओं से कोई उपयोगी प्रतिक्रिया मिली?
क्या आपको प्रतिक्रिया के परिणामस्वरूप अपने ऐप में कुछ भी बदलने की आवश्यकता है?

प्रमुख शब्दों की समीक्षा

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

अतिरिक्त संसाधन

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

कई उपकरण एक कीमत पर मौजूद हैं, लेकिन आमतौर पर एक मुफ्त संस्करण होता है जिसका उपयोग आप सीमित सुविधाओं या परियोजनाओं के साथ कर सकते हैं। यहां कुछ संभावनाएं दी गई हैं।