00:00:00हेलो दोस्तों,
00:00:00मैं ऐली हूं,
00:00:01और आज मैं आपको vZero दिखाने जा रही हूं।
00:00:03अगर आप एक प्रोडक्ट मैनेजर या डिज़ाइनर हैं,
00:00:05तो शायद आपके दिमाग में एक मिलियन आइडियाज़ होंगे और उन्हें बनाने के लिए पर्याप्त समय नहीं होगा।
00:00:09vZero आपको तेज़ी से आगे बढ़ने में मदद करता है जब आप आइडिएशन या कोलैबोरेशन कर रहे होते हैं।
00:00:13आप एक कॉन्सेप्ट टाइप करते हैं और झटपट,
00:00:15आपके पास अपनी टीम को दिखाने के लिए एक वर्किंग प्रोटोटाइप तैयार है। इस वीडियो में,
00:00:18हम देखेंगे कि कैसे vZero आपको आइडिया या PRD से लाइव प्रोटोटाइप तक मिनटों में पहुंचने में मदद करता है। कोई इंतजार नहीं,
00:00:24कोई डेक्स या फ़ालतू चीज़ें नहीं,
00:00:25बस असली प्रोटोटाइप जो आपको तेज़ी से align करने और ship करने में मदद करते हैं। चलिए शुरू करते हैं। इस उदाहरण के लिए,
00:00:31मैं आपको दिखाऊंगी कि हम वास्तव में vZero को बनाने के लिए vZero का उपयोग कैसे करते हैं।
00:00:35हम एक टीम टेम्पलेट के साथ शुरुआत करने जा रहे हैं जो पूरी vZero टीम के साथ शेयर किया गया है और मूल रूप से vZero के अंदर बने vZero के एक मिनी वर्ज़न की तरह काम करता है।
00:00:42तो यह शुरू करने के लिए एक शानदार जगह है जब आप यह पता लगाने की कोशिश कर रहे हैं कि vZero के अंदर क्या काम करेगा या क्या नहीं करेगा। टीम टेम्पलेट्स आपको अपनी टीम में टीम डिज़ाइन सिस्टम्स का उपयोग करने की अनुमति भी देते हैं जिन्हें आप vZero में import कर सकते हैं।
00:00:52इसका मतलब है कि आपकी जनरेशन्स आपके डिज़ाइन्स और ब्रांड्स से मैच कर सकती हैं।
00:00:56इस टेम्पलेट के लिए,
00:00:57हमारे डिज़ाइनर ने इसे पहले से ही हमारे ऐप की तरह दिखने के लिए बनाया है,
00:01:00तो हम vZero में open पर क्लिक करेंगे और ऐप के अंदर vZero के इस बेबी वर्ज़न पर iterate करना शुरू कर सकेंगे। चलिए शुरू करते हैं। हाल ही में,
00:01:07हम यह explore कर रहे हैं कि हम वास्तव में अपने लैंडिंग पेज की लॉग्ड आउट स्टेट में conversion कैसे बढ़ा सकते हैं।
00:01:13एक हाइपोथीसिस जिसे हम टेस्ट करना चाहते हैं वह है कि क्या होगा अगर हम चैट के नीचे इन पांच बटन्स को किसी और चीज़ से बदल दें जो ज़्यादा conversion drive करने में मदद कर सके। मान लेते हैं कि यूज़र्स वास्तव में उन बटन्स पर क्लिक नहीं कर रहे हैं और हम यूज़र को suggested prompts दिखाने के लिए एक अलग रणनीति try करना चाहते हैं। मैं vZero से मदद मांग सकती हूं। मैं एक स्क्रीनशॉट के साथ शुरुआत करूंगी जो सिर्फ एप्लीकेशन के उस हिस्से को दिखा रहा है जिसे मैं modify करने की कोशिश कर रही हूं।
00:01:35इस केस में,
00:01:36यह साइट का सिर्फ वह सेक्शन है जिसमें चैट बॉक्स और वे पांच बटन हैं। फिर हम उस स्क्रीनशॉट का उपयोग कर सकते हैं और vZero को बता सकते हैं कि हम वास्तव में क्या बदलना चाहते हैं। बढ़िया। हम उस स्क्रीनशॉट को चैट बॉक्स में drag करेंगे और फिर अपना prompt शुरू कर सकते हैं। मैं इन suggested actions को हटाने का प्रयास करना चाहती हूं। इसके बजाय,
00:02:06मैं मुख्य चैट बॉक्स इनपुट में rotating placeholder text बनाना चाहती हूं जिसमें example prompts हों।
00:02:16चलिए 10 की लिस्ट में से चुने गए एक defined example placeholder prompt के साथ शुरुआत करते हैं। मैं एक टाइपिंग इफ़ेक्ट भी जोड़ना चाहती हूं ताकि जब आपको placeholders को rotate करने की ज़रूरत हो तो ऐसा लगे जैसे आप character by character backspace कर रहे हैं।
00:02:49फिर तेज़ी से एक नया prompt टाइप कर रहे हैं।
00:02:56ठीक है,
00:02:57चलिए देखते हैं कि vZero क्या बनाता है। आप देखेंगे कि मेरा prompt काफी specific और detailed था कि मैं वास्तव में क्या चाहती थी।
00:03:03जब आप एक प्रोटोटाइप बना रहे हैं और आपके दिमाग में कुछ clear है,
00:03:08तो जितना ज़्यादा specific आप हो सकते हैं,
00:03:12उतना बेहतर vZero बना सकता है। अब आप देखेंगे कि vZero एक plan तैयार कर रहा है कि वह क्या बनाने जा रहा है और फिर वह वास्तव में उस feature को बनाने के लिए code लिखना शुरू कर रहा है जो मैं चाहती थी।
00:03:27और हो गया। आपके पास उस exact आइडिया का mock-up है जो मैं सोच रही थी जिसे मैं अब अपनी बाकी टीम के साथ शेयर कर सकती हूं। अगर मैं यहां कुछ सिंपल बदलाव करना चाहती हूं तो मैं design mode में जा सकती हूं और छोटे copy edits,
00:03:39font changes,
00:03:40colors और भी बहुत कुछ बदल सकती हूं। चलिए अभी देखते हैं और यह करते हैं।
00:03:43तो मैं design में जाऊंगी और मैं इस टाइटल पर क्लिक कर सकती हूं। मैं text में एडिट करना चाहती हूं तो मैं इस शब्द को ship से create में बदलना चाहती हूं। मैं ऐसा कर सकती हूं और save पर क्लिक कर सकती हूं और फिर हम तैयार हैं। अगर मैं देखना चाहती हूं कि यह अलग-अलग devices पर कैसा दिखेगा,
00:04:02तो मैं preview screen के ऊपर अलग-अलग preview views पर क्लिक कर सकती हूं।
00:04:07तो अभी यह दिखा रहा है कि यह desktop पर कैसा दिखेगा लेकिन हम देख सकते हैं कि यह tablet या phone पर कैसा दिखेगा। हम उन views पर बाद में काम कर सकते हैं।
00:04:17फिलहाल चलिए इसे deploy करते हैं और visibility को केवल मेरी organization तक सेट करते हैं ताकि मैं अपने teammates के साथ share कर सकूं और वे Vercel toolbar का उपयोग करके सीधे comments छोड़ सकें। बढ़िया। अब हम ऐप के production वर्ज़न में हैं।
00:04:28तो मेरे teammates अंदर जा सकते हैं और मान लीजिए वे एक छोटा सा बदलाव करना चाहते हैं जैसे इसे वापस ship में बदलना तो वे वह comment छोड़ सकते हैं।
00:04:37चलिए इसे वापस ship में बदलते हैं।
00:04:42एक बार जब वे वह comment छोड़ देते हैं तो मुझे एक notification मिलेगी और फिर मुझे पता चल जाएगा कि मुझे अपनी टीम के feedback के आधार पर कौन से बदलाव करने चाहिए।
00:04:49और यह हो गया। V0 आपको तेज़ी से आगे बढ़ने में मदद करता है।
00:04:52आप उन आइडियाज़ के surface area को बढ़ा सकते हैं जिन्हें आपकी टीम explore कर सकती है,
00:04:55उन आइडियाज़ को जल्द test कर सकते हैं और वास्तव में दिखा सकते हैं कि आपका मतलब क्या है।
00:04:59v0.app पर अपना अगला प्रोटोटाइप मिनटों में बनाएं। हम यह देखने के लिए इंतज़ार नहीं कर सकते कि आप क्या बनाते हैं।