नेपकिन स्केच को 5 मिनट में एक फंक्शनल टैबलेट कियोस्क में कैसे बदलें

अपनी पसंद की स्क्रीन को एक नेपकिन पर स्केच करें, उसकी तस्वीर लें, और उसे Final के AI बिल्डर Build पर अपलोड करें। Build नेपकिन स्केच को पढ़ता है, उससे मेल खाता हुआ एक काम करने वाला चेकआउट फ्लो जनरेट करता है, और एक लाइव प्रिव्यू खोलता है जिसे आप टैप करके देख सकते हैं। चैट करके इसे बेहतर बनाएं, फिर इसे टैबलेट पर डिप्लॉय करें। यही पूरी प्रक्रिया है। यहाँ बताया गया है कि प्रत्येक चरण कैसे काम करता है, और वास्तव में पाँच मिनट कहाँ लगते हैं।

प्रॉम्प्ट के बजाय स्केच से शुरुआत क्यों करें?

क्योंकि लेआउट स्थानिक (स्पेशियल) होता है, और वाक्य स्थान का वर्णन ठीक से नहीं कर पाते हैं। "बाईं ओर प्रोडक्ट ग्रिड, दाईं ओर कार्ट, कोने में बड़ा पे बटन" जैसे विवरण अभी भी दर्जनों व्याख्याओं के लिए जगह छोड़ देते हैं। एक चित्र उन्हें तुरंत तय कर देता है: क्या कहाँ रहेगा, क्या सबसे बड़ा होगा, और ग्राहक सबसे पहले क्या देखेगा।

बिल्डर प्रॉम्प्ट-आधारित है, इसलिए लिखित विवरण अपने आप में ठीक काम करता है। एक इमेज केवल सबसे अधिक बैंडविड्थ वाला प्रॉम्प्ट है। कुछ बॉक्स और तीर पदानुक्रम (hierarchy), ग्रुपिंग और अनुपात को दर्शाते हैं जिन्हें समझाने में कई पैराग्राफ लग जाएंगे, और वे AI को किसी सामान्य टेम्पलेट के बजाय आपके वास्तविक इरादे से जोड़ते हैं।

आप AI बिल्डर में स्केच कैसे अपलोड करते हैं?

1. स्केच की तस्वीर लें। फोन की फोटो ही काफी है। बॉक्स और लेबल जितने स्पष्ट होंगे, पहला प्रयास उतना ही बेहतर होगा।

2. Build खोलें और इमेज अटैच करें। Build होम पर, फोटो के साथ संदर्भ की एक पंक्ति जोड़ें, जैसे "कॉफी शॉप के लिए सेल्फ-ऑर्डर कियोस्क, ग्राहक इसका उपयोग खुद करते हैं।"

3. लाइव प्रिव्यू देखें। Build स्क्रीन, लेआउट और लॉजिक जनरेट करता, फिर एक इंटरैक्टिव प्रिव्यू खोलता है। इसमें उसी तरह टैप करके देखें जैसे कोई ग्राहक करेगा।

4. चैट करके सुधारें। गलत ग्रुपिंग? मॉडिफायर्स स्क्रीन गायब है? ऐसा कहें, और प्रिव्यू अपडेट हो जाएगा।

एक नेपकिन इसका एक आकर्षक रूप है, लेकिन कोई भी लेआउट इमेज संदर्भ के रूप में काम कर सकती है: व्हाइटबोर्ड की फोटो, किसी डिज़ाइन टूल से लिया गया वायरफ्रेम (एक रफ लेआउट ड्राइंग), या स्क्रीनशॉट। और यदि आप अपने खुद के टूल्स में काम करना पसंद करते हैं, तो आप MCP पर अपना खुद का AI कनेक्ट कर सकते हैं (AI टूल्स को आपस में जोड़ने का एक मानक) और वहाँ से वही फ्लो बना सकते हैं।

एक स्थिर (स्टैटिक) ड्राइंग डेटा-लिंक्ड चेकआउट कैसे बनती है?

Build आपके स्केच को केवल स्क्रीन पर पेस्ट नहीं करता है। यह ड्राइंग को आपके स्टोर से जुड़े सॉफ़्टवेयर के रूप में फिर से बनाता है। प्रत्येक आयत (रेक्टेंगल) वास्तविक डेटा से जुड़ा एक लाइव एलिमेंट बन जाता है: प्रोडक्ट ग्रिड आपके कैटलॉग से डेटा लेता है, कार्ट आपके टैक्स लागू करता है, पेमेंट Final Pay के माध्यम से चलते हैं, और रसीदें प्रिंट होती हैं। यह कनेक्शन ऑफ़लाइन भी काम करता, इसलिए नेटवर्क चले जाने पर भी कियोस्क पेमेंट लेता रहता है।

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

यही एक मॉकअप और पॉइंट ऑफ़ सेल (POS) के बीच की रेखा है। एक डिज़ाइन टूल आपको चेकआउट की एक तस्वीर देता है। यह आपको वास्तविक चेकआउट देता है, जो AI फीचर्स वाले POS और AI द्वारा बनाए जा सकने वाले POS के बीच का वास्तविक अंतर है।

आप कियोस्क और हैंडहेल्ड टर्मिनलों के लिए कैसे ऑप्टिमाइज़ करते हैं?

शुरुआत में ही Build को बताएं कि आप किस हार्डवेयर को लक्षित (टारगेट) कर रहे हैं। एक ही स्केच से काउंटर डेस्कटॉप, ग्राहकों के उपयोग वाले टैबलेट, हैंडहेल्ड, किचन डिस्प्ले या मेनू बोर्ड के लिए अलग-अलग फ्लो बनने चाहिए, और जब आप बताते हैं कि आपका क्या मतलब है, तो बिल्डर उसी के अनुसार बदलाव करता है।

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

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

डिप्लॉयमेंट हर मामले में समान है। एक फ्लो आपके स्टेशनों पर डिप्लॉय होता है, और Final POS ऐप चलाने वाला कोई भी कम्पैटिबल Apple या Android डिवाइस एक स्टेशन के रूप में रजिस्टर हो सकता है। कार्ड-प्रेजेंट पेमेंट्स के लिए, Final Pay के माध्यम से एक प्रमाणित रीडर को पेयर करें।

तो, क्या आप पांच मिनट में नेपकिन से कियोस्क तक जा सकते हैं?

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

अंगूठे का नियम: यदि कोई अजनबी आपके स्केच को पढ़ सकता है और आपको बता सकता है कि स्क्रीन क्या करती है, तो बिल्डर इसे बना सकता है।

एक मुफ्त Build प्लान और अपने सबसे खराब नेपकिन के साथ शुरुआत करें।