AI मॉडल के लिए स्क्रीन के नामकरण का महत्व

यह लेख 6 नवंबर 2026 को लिखा गया था।

AI टूल्स तेज़ी से बदलते हैं। लेकिन स्क्रीन के हिस्सों के नाम नहीं बदलते। हेडर (header), फ़ॉर्म (form), डायलॉग (dialog) — ये शब्द सालों से एक ही तरह की बनावट के लिए इस्तेमाल होते आए हैं। बटनों के लेबल और ऐप के मेनू भले बदल जाएँ, लेकिन ये बुनियादी ढाँचे वही रहते हैं। इस लेख को किसी कंपनी के ऐप का दौरा न समझें, बल्कि यह सीखें कि अपनी पसंद की स्क्रीन AI से कैसे माँगी जाती है।

शृंखला का आवरण: वाइब कोडिंग के बुनियादी शब्द, 1/5, स्क्रीन का नाम तय करें।

ज़्यादातर लोगों को पहले से पता होता है कि उन्हें कैसी स्क्रीन चाहिए। वे दिमाग में उसे देख सकते हैं। बस कमी इस बात की होती है कि वे उसका सही नाम नहीं जानते, इसलिए वे इशारों या हरकतों से अपनी बात समझाने की कोशिश करते हैं। जैसे — “बगल से कुछ निकलकर आए,” “अलग-अलग साइज़ के बक्से हों,” या “अचानक एक डिब्बा पॉप-अप हो जाए जिसे हटाना पड़े।” AI मॉडल इन बातों के आधार पर भी डिज़ाइन बना तो देता है, लेकिन वह अपनी मर्ज़ी से अंदाज़े लगाने लगता है। नतीजे में, “बगल से आने वाली चीज़” माँगने वाले एक व्यक्ति को मेनू मिलेगा, दूसरे को साइड पैनल और तीसरे को नया पेज। एक ही वाक्य से तीन अलग-अलग स्क्रीन बन जाती हैं।

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

यह अनुवाद करने का एक व्यावहारिक और काम का तरीका है। जकार्ता में क्लिनिक की रिसेप्शनिस्ट, उलानबातार के टीचर या ट्यूनिस में दुकान चलाने वाले में समझ की कोई कमी नहीं है। बस उनके पास वह छोटा सा अंग्रेज़ी संज्ञा (noun) नहीं होता जिसे AI मॉडल एक बने-बनाए हिस्से के रूप में पहचानता है। जैसे ही वह शब्द आपके वाक्य में आता है, मॉडल मनगढ़ंत डिज़ाइन बनाना छोड़ देता है और सही हिस्से को सही जगह पर रख देता है। बाकी काम आपकी अपनी भाषा करती है — वह यह बताती है कि उस हिस्से का इस्तेमाल किस काम के लिए होना है।

एक ऐसा वाक्य जिसे AI को आपके लिए पूरा न करना पड़े

एक सही और काम की prompt के चार हिस्से होते हैं: अपनी भाषा में मतलब, अंग्रेज़ी नाम, क्या काम होना है (action), और उसे बंद करने की शर्त।

एक पंक्ति में चार बक्से: अर्थ, अंग्रेज़ी नाम, कार्य और शर्त।

अस्पष्ट और गोलमोल वाक्य:

When I press settings, something like a menu should come in from the side.

स्पष्ट और नाम के साथ लिखा वाक्य:

When I press Settings, open a drawer from the start edge. Close it with Escape, or with a tap outside the panel.
ड्रॉअर (drawer) यानी किनारे से खिसकने वाला एक पैनल जो नीचे के मुख्य पेज को अपनी जगह बनाए रखता है।

दूसरा वाक्य अंग्रेज़ी prompt के नीचे आपकी अपनी भाषा में लिखा जा सकता है। आप जो लाइन AI में पेस्ट करते हैं, वह अंग्रेज़ी में ही रहनी चाहिए, क्योंकि ज़्यादातर मॉडल इसी रूप से सही कंपोनेंट (component) को पहचानते हैं। “राइट” (right) कहने से ज़्यादा अहम “स्टार्ट एज” (start edge) कहना है। अरबी या दाएँ-से-बाएँ (RTL) पढ़ी जाने वाली भाषाओं में स्टार्ट एज दाईं तरफ़ होती है। अगर आप कहेंगे कि ड्रॉअर हमेशा स्क्रीन के दाएँ से खुले, तो RTL पेज पर वह उल्टा और अजीब लगेगा। इसलिए स्टार्ट एज कहें और लिखने की दिशा को तय करने दें कि किस तरफ़ से खुलना है।

बंद होने की शर्त (condition) वह हिस्सा है जिसे लोग अक्सर भूल जाते हैं, जबकि यही एक चीज़ आपका पूरा दिन बचा सकती है। सिर्फ़ “open a drawer” कहने से मॉडल को यह नहीं पता चलता कि उसे हटाना कैसे है। मॉडल अपनी मर्ज़ी से कोई क्लोज़ बटन लगा देगा, स्वाइप रख देगा, या कुछ भी नहीं बनाएगा। फिर फोन पर काम करने वाला व्यक्ति उस स्क्रीन पर फँस जाएगा। इसलिए जिस वाक्य में आप स्क्रीन खुलने का तरीका बता रहे हैं, उसी में बाहर निकलने का रास्ता भी दर्ज करें। Escape दबाना, बाहर टैप करना, या साफ़ क्लोज़ बटन देना — इनमें से एक भी काफ़ी है, और तीनों हों तो और भी बेहतर।

यही चार हिस्से आगे की शृंखला में आने वाली लगभग हर बनावट पर लागू होते हैं। एक डायलॉग (dialog) को पेज रोकने की वजह और वापस लौटने का रास्ता चाहिए। टोस्ट (toast) यानी खुद-ब-खुद आकर गायब होने वाली छोटी सी सूचना को यह तय करना होता है कि वह कितनी देर दिखेगी और गलती बताने का सिर्फ़ यही अकेला ज़रिया नहीं होगी। एक कार्ड (card) को यह बताना पड़ता है कि उसके अंदर क्या सामग्री है, सिर्फ़ यह नहीं कि पेज “कार्ड जैसा दिखे।” शर्त के बिना सिर्फ़ नाम एक मुखौटा है, और नाम के बिना सिर्फ़ शर्त वही गोलमोल वाक्य है जहाँ से आपने शुरुआत की थी।

दो फोन। बाईं स्क्रीन पर अधूरे आयत और प्रश्नचिह्न हैं। दाईं स्क्रीन पर किनारे के अंदर एक ड्रॉअर पैनल है।

शुरुआत में किन बातों को नज़रअंदाज़ किया जा सकता है

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

सजावट से नहीं, फ़ैसले से शुरुआत करें। क्या यह स्क्रीन उपयोगकर्ता को थोड़ी देर के लिए रोकती है, मुख्य पेज के साथ अपनी जगह साझा करती है, या सिर्फ़ कोई जानकारी देती है? ये तीन अलग-अलग बनावटें हैं। आम बोलचाल में लोग इन सबको “पॉप-अप” कह देते हैं। लेकिन अंग्रेज़ी इंटरफ़ेस डिज़ाइन ऐसा नहीं करता। यही वजह है कि अंग्रेज़ी शब्दों को जानना फ़ायदेमंद है, भले ही आप किसी भी भाषा में सोचते, लिखते या सिखाते हों। आप अपनी सोच नहीं बदल रहे, बल्कि सिर्फ़ एक सही नाम उधार ले रहे हैं — ठीक वैसे ही जैसे एक रसोइया किसी ख़ास बर्तन का नाम उधार लेता है।

रोकने, साझा करने और सूचित करने के रूप में चिह्नित तीन फोन।

इस हफ़्ते आपने जिन नामों का इस्तेमाल किया है, उनकी एक छोटी सूची बनाएँ। पाँच नाम भी काफ़ी हैं। अगर आपने हेडर (header), कार्ड (card) और फ़ॉर्म (form) माँगा है, तो यही आपका पाठ्यक्रम है। बिना इस्तेमाल वाले शब्दों को खोजना शब्दावली को बोझ बना देता है। सही नाम का काम सिर्फ़ इतना है कि वह आपके उस वाक्य के ख़ाली स्थान को भर दे जिसे आप बोलने की कोशिश कर रहे थे।

काम की जगह पर इससे क्या बदलता है

स्क्रीन का सही नाम लेने से AI मॉडल के साथ बहकाव ख़त्म होता है। साथ ही, उस साथी के साथ भी बहस छोटी हो जाती है जो आपकी भाषा नहीं बोलता। दो लोग “drawer” शब्द की तरफ़ इशारा करके एक ही बात समझ सकते हैं: मुख्य काम दिखता रहेगा, अतिरिक्त पैनल अस्थायी होगा, और Escape दबाने से वह हट जाएगा। नाम न हो तो लोग पसंद-नापसंद पर बहस करते हैं। नाम हो तो बहस इस बात पर होती है कि क्या इस मोड़ पर उपयोगकर्ता को रोकना सही है या नहीं।

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

जब यह शब्दावली सिर्फ़ एक ही भाषा तक सीमित रह जाती है, तो बाकी लोगों को नुकसान होता है। ट्यूटोरियल सबसे पहले वहीं आते हैं जहाँ मॉडलों को ट्रेनिंग मिली है। बाकी दुनिया से कहा जाता है कि “आप जो चाहते हैं बस उसका वर्णन करें” — जो सुनने में लोकतांत्रिक लगता है, लेकिन इससे अंदाज़ेबाज़ी बढ़ती है। अपनी इच्छा का वर्णन करना सही है, लेकिन उस हिस्से के असली नाम के साथ वर्णन करने से AI आपकी बात सही समझ पाता है। वियतनामी, हिंदी या फ़्रांसिसी में अपनी ज़रूरत समझकर, अंत में अंग्रेज़ी का एक वाक्य पेस्ट किया जा सकता है जिसे मॉडल कोई गलत हिस्सा नहीं समझेगा। सोच स्थानीय रही, लेकिन नाम सबने एक जैसा इस्तेमाल किया।

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

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top