UI/UX डिज़ाइनरों के लिए 35 ChatGPT प्रॉम्प्ट

UI/UX डिज़ाइन में उपयोगकर्ता का मनोविज्ञान और दृश्य अभिव्यक्ति साथ आते हैं। हर चरण में अलग तरह की सोच चाहिए। सही UI/UX डिज़ाइनरों के लिए ChatGPT प्रॉम्प्ट रिसर्च तेज़ करने, फ़्लो का गहराई से विश्लेषण करने, स्क्रीन के शब्द सुधारने और डेवलपर व हितधारकों को निर्णय स्पष्ट समझाने में मदद करते हैं।

इन 35 प्रॉम्प्ट को पाँच चरणों में बाँटा गया है: रिसर्च और खोज, सूचना संरचना और फ़्लो, वायरफ़्रेम और UI, माइक्रोकॉपी के साथ एक्सेसिबिलिटी और टेस्टिंग, तथा डिज़ाइन सिस्टम और हैंडऑफ़। इन्हें ChatGPT या किसी अन्य AI चैटबॉट में इस्तेमाल कर सकते हैं।

अच्छे UX प्रॉम्प्ट वास्तविक उत्पाद के संदर्भ पर आधारित होते हैं। हर जवाब को जाँचने और सुधारने वाला शुरुआती मसौदा मानें और ये बातें अपनाएँ:

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

सूक्ष्म रिसर्च विश्लेषण और स्वाभाविक स्क्रीन टेक्स्ट के लिए Claude Sonnet 5 एक अच्छा शुरुआती विकल्प है।

डिज़ाइन शुरू करने से पहले उपयोगकर्ता को समझने के लिए सात प्रॉम्प्ट। AI सारांश टूल लंबे, पहचानरहित रिसर्च नोट्स को विश्लेषण से पहले छोटा करने में मदद करता है।

1. यूज़र इंटरव्यू गाइड

[रिसर्च लक्ष्य] समझने के लिए 30 मिनट की यूज़र इंटरव्यू गाइड बनाएँ। प्रतिभागी: [विवरण]। शुरुआती बातचीत, वर्तमान व्यवहार, कठिनाइयाँ, मानसिक मॉडल और समापन शामिल करें। हर भाग के सवाल, कम समय में प्राथमिक सवाल और गहराई से पूछने के लिए इंटरव्यू लेने वाले के नोट्स दें।

2. यूज़र जर्नी मैप

[उपयोगकर्ता प्रकार] की [उत्पाद प्रकार] पर [लक्ष्य] पाने की जर्नी बनाएँ। हर चरण में लक्ष्य, गतिविधियाँ, संभावित भावनाएँ, कठिनाइयाँ और बाधा कम करने या अनुभव बेहतर बनाने के मौके दें। हर चरण को तालिका की एक पंक्ति में रखें।

3. रिसर्च आधारित पर्सोना

पहचानरहित रिसर्च निष्कर्ष [चिपकाएँ] से पर्सोना बनाएँ। लक्ष्य, निराशाएँ, व्यवहार, उपयोग संदर्भ और रिसर्च की असली भाषा वाला छोटा उद्धरण शामिल करें। अनुमान और प्रमाण अलग बताएँ।

4. सर्वे सवाल लिखना

[लक्षित समूह] से [रिसर्च लक्ष्य] जानने के लिए 10 सवालों का सर्वे लिखें। स्केल और खुले सवाल मिलाएँ, पक्षपाती या दो बातें एक साथ पूछने वाले सवाल न लिखें। हर सवाल किस निर्णय में मदद करेगा, बताएँ।

5. इंटरव्यू निष्कर्षों का विश्लेषण

[संख्या] यूज़र इंटरव्यू के पहचानरहित नोट्स हैं: [चिपकाएँ]। निष्कर्षों को अफ़िनिटी मैप की तरह विषयों में बाँटें, आवृत्ति गिनें, हर विषय का एक समर्थक उद्धरण दें और तीन डिज़ाइन अवसर बताएँ।

6. प्रतिस्पर्धियों का UX ऑडिट

मेरे नोट्स और स्क्रीनशॉट के अनुसार [प्रतिस्पर्धी] [फ़्लो या फ़ीचर] ऐसे संभालते हैं: [विवरण]। स्पष्टता, चरणों की संख्या, बाधाएँ और अच्छी अनुभूति की तुलना करें। अपनाने लायक पैटर्न और हमारे लिए खाली अवसर पहचानें।

7. उपयोगकर्ता के मुख्य काम

रिसर्च [चिपकाएँ] से [उपयोगकर्ता प्रकार] के मुख्य काम 'जब… मैं चाहता/चाहती हूँ… ताकि…' रूप में लिखें। बताएँ कि मौजूदा डिज़ाइन किस काम को ठीक से समर्थन नहीं देता।

प्रॉम्प्ट 1 के मानसिक मॉडल वाले सवाल अक्सर सबसे उपयोगी जानकारी देते हैं। इंटरव्यू डेटा की कोडिंग और विषयगत विश्लेषण के लिए हमारे गुणात्मक डेटा विश्लेषण के ChatGPT प्रॉम्प्ट देखें।

ये सात प्रॉम्प्ट संरचना और फ़्लो पर केंद्रित हैं, जहाँ कई उपयोगिता समस्याएँ शुरू होती हैं। Gemini 3 Pro में पूरी साइटमैप या लंबे फ़्लो का वर्णन एक बातचीत में रखा जा सकता है।

8. सूचना संरचना की समीक्षा

[उत्पाद प्रकार] की सूचना संरचना की समीक्षा करें। नेविगेशन: [विवरण]। उपयोगकर्ता की दृष्टि से लेबल की स्पष्टता, सामग्री समूह, गहराई बनाम चौड़ाई और मुख्य फ़ीचर ढूँढने की आसानी जाँचें। संशोधन और कारण दें, साथ ही छिपे या गलत नाम वाले फ़ीचर बताएँ।

9. यूज़र फ़्लो मैप

[उत्पाद] में [काम] का यूज़र फ़्लो चरणवार बनाएँ। सफल रास्ता, निर्णय बिंदु, त्रुटि वाले रास्ते, बीच में छोड़ने पर व्यवहार और फ़्लो छोटा करने के मौके शामिल करें।

10. कार्ड सॉर्टिंग योजना

[उत्पाद क्षेत्र] के लिए कार्ड सॉर्टिंग अध्ययन बनाएँ। खुला या बंद तरीका, कार्ड सूची, प्रतिभागी मानदंड और परिणामों को नेविगेशन संरचना में बदलने का तरीका सुझाएँ।

11. नेविगेशन लेबल की जाँच

हमारे नेविगेशन लेबल [सूची] हैं। [लक्षित समूह] का नया उपयोगकर्ता हर लेबल के पीछे क्या उम्मीद करेगा, बताएँ। अस्पष्ट नाम और आंतरिक शब्द पहचानकर परीक्षण के लिए साफ़ विकल्प दें।

12. ऑनबोर्डिंग फ़्लो

[उत्पाद] के नए उपयोगकर्ता जिनका मुख्य लक्ष्य [लक्ष्य] है, उनके लिए ऑनबोर्डिंग बनाएँ। इसे छोटा रखें, पहला उपयोगी अनुभव जल्दी दिलाएँ और बताएँ कि क्या बाद में किया जा सकता है।

13. फ़ॉर्म का UX

[साइनअप/भुगतान/आवेदन] फ़ॉर्म के फ़ील्ड [सूची] हैं। हटाने, मिलाने या वैकल्पिक बनाने वाले फ़ील्ड, सही क्रम, भरते समय सत्यापन नियम और बीच में छोड़ने को घटाने के तरीके सुझाएँ।

14. खाली और असामान्य स्थितियाँ

[स्क्रीन या फ़ीचर] की खाली, लोडिंग, त्रुटि, ऑफ़लाइन, पहली बार उपयोग और अनुमति अस्वीकार स्थितियाँ सूचीबद्ध करें। हर स्थिति में उपयोगकर्ता क्या देखे और क्या कर सके, बताएँ।

उत्पाद बनाने वालों को सूचना संरचना की समस्याएँ आसानी से नहीं दिखतीं। हर नए लेबल पर प्रॉम्प्ट 11 लगाएँ। प्रोडक्ट मैनेजर के साथ काम करते हैं तो हमारे प्रोडक्ट मैनेजर के लिए ChatGPT प्रॉम्प्ट बताएँगे कि वे उन्हीं समस्याओं को कैसे देखते हैं।

संरचना को स्क्रीन में बदलने के लिए सात प्रॉम्प्ट। डिज़ाइन टूल खोलने से पहले दृश्य माहौल या शैली तलाशने के लिए Nano Banana Pro विवरण से संदर्भ चित्र बना सकता है।

15. वायरफ़्रेम ब्रीफ़

[उत्पाद प्रकार] की [स्क्रीन] के लिए वायरफ़्रेम ब्रीफ़ लिखें। उद्देश्य: [विवरण]। मुख्य कार्य: [विवरण]। ज़रूरी जानकारी: [सूची]। दूसरे कार्य: [सूची]। सीमाएँ: [मोबाइल प्राथमिकता, 320px चौड़ाई, WCAG AA आदि]। लेआउट और जानकारी की प्राथमिकता का कारण दें।

16. दृश्य प्राथमिकता की समीक्षा

स्क्रीन की दृश्य प्राथमिकता जाँचें: [स्क्रीनशॉट अपलोड या विवरण]। नज़र पहले, दूसरे और तीसरे स्थान पर कहाँ जाती है? क्या मुख्य कार्य स्पष्ट है? स्पष्टता पर सबसे अधिक असर वाले पाँच बदलाव बताएँ।

17. रंग और कॉन्ट्रास्ट जाँच

हमारी रंग योजना और भूमिकाएँ [HEX मान और उपयोग] हैं। टेक्स्ट और UI के लिए WCAG कॉन्ट्रास्ट में असफल हो सकने वाले संयोजन और केवल रंग से अर्थ बताने वाले हिस्से पहचानें। सुधार दें और कॉन्ट्रास्ट टूल से अनुपात जाँचना याद दिलाएँ।

18. टाइपोग्राफ़ी स्केल

[फ़ॉन्ट या शैली] वाले [उत्पाद प्रकार] के लिए टाइपोग्राफ़ी स्केल सुझाएँ। मोबाइल और डेस्कटॉप पर शीर्षक, मुख्य पाठ, कैप्शन और बटन का आकार, मोटाई और लाइन हाइट दें। पढ़ने में आसानी का तर्क समझाएँ।

19. रिस्पॉन्सिव व्यवहार योजना

लेआउट [विवरण] को मोबाइल, टैबलेट और डेस्कटॉप पर कैसे बदलना चाहिए, बताएँ। हर ब्रेकपॉइंट पर खिसकने, नीचे आने, छिपने या फैलने वाले हिस्से और मुख्य कार्य आसानी से पहुँच में रखने का तरीका दें।

20. डार्क मोड के पहलू

[उत्पाद] में डार्क मोड जोड़ रहे हैं। रंग उलटने के अलावा गहराई, छाया, अधिक संतृप्त रंग, चित्र, इलस्ट्रेशन और स्थितियों में बदलाव बताएँ। आम गलतियाँ भी बताएँ जिनसे बचना चाहिए।

21. डिज़ाइन विकल्पों की तुलना

[स्क्रीन] के दो डिज़ाइन हैं: [दोनों बताएँ]। उपयोगिता, स्पष्टता, एक्सेसिबिलिटी, दृश्य प्राथमिकता और विकास प्रयास की तुलना करें। चयन के लिए उपयोगकर्ताओं के साथ क्या टेस्ट करें, बताएँ।

बिना तर्क वाला वायरफ़्रेम ब्रीफ़ गलत समस्या हल करने वाली स्क्रीन बना सकता है। ड्रॉ करने से पहले प्रॉम्प्ट 15 और बाद में 16 इस्तेमाल करें, ताकि डिज़ाइन और उसका तर्क मेल खाएँ।

शब्दों, समावेशिता और प्रमाण के लिए सात प्रॉम्प्ट। Claude Haiku 4.5 कई माइक्रोकॉपी विकल्प जल्दी बनाता है, जिनमें से आप चुन सकते हैं।

22. माइक्रोकॉपी लिखना

[लक्षित समूह] के लिए [उत्पाद प्रकार] की माइक्रोकॉपी लिखें। स्थितियाँ: [खाली नोटिफ़िकेशन, खाता हटाने की पुष्टि, नेटवर्क टाइमआउट, फ़ॉर्म सफलता, फ़ीचर संकेत आदि]। लहजा: [सहज या पेशेवर और संक्षिप्त]। हर संदेश [शब्द संख्या] से कम रखें और कठिन शब्द न इस्तेमाल करें।

23. त्रुटि संदेश सुधारना

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

24. उपयोगिता नियमों की समीक्षा

UX विशेषज्ञ बनकर स्क्रीन या फ़्लो [विस्तृत विवरण] को Nielsen के 10 उपयोगिता नियमों पर जाँचें। हर नियम को सफल, आंशिक या असफल बताएँ, कारण और एक ठोस सुधार दें। निष्कर्ष गंभीर से छोटे क्रम में रखें।

25. एक्सेसिबिलिटी जाँच

डिज़ाइन [विवरण या अपलोड] की एक्सेसिबिलिटी जाँचें। कीबोर्ड नेविगेशन, फ़ोकस क्रम, टच लक्ष्य आकार, वैकल्पिक टेक्स्ट, फ़ॉर्म लेबल, गति और केवल रंग से अर्थ जाँचें। हर समस्या को संबंधित WCAG नियम से जोड़ें और सहायक तकनीक से परीक्षण वाले हिस्से बताएँ।

26. उपयोगिता परीक्षण स्क्रिप्ट

[प्रोटोटाइप या फ़ीचर] के लिए संचालक के साथ उपयोगिता परीक्षण स्क्रिप्ट लिखें। सहज परिचय, बिना संकेत वाली पाँच वास्तविक गतिविधियाँ, हर गतिविधि के बाद सवाल और मापने योग्य सफलता मानदंड शामिल करें।

27. A/B टेस्ट की परिकल्पना

UX बदलाव [विवरण] का A/B टेस्ट बनाएँ। वर्तमान डिज़ाइन: [विवरण]। 'अगर… तो… क्योंकि…' परिकल्पना, मुख्य मेट्रिक, दूसरे और सुरक्षा मेट्रिक, नमूने के आकार के पहलू और नियंत्रित करने वाले भ्रमकारी चर दें।

28. टेस्ट निष्कर्षों का सार

हमारे उपयोगिता सत्रों के पहचानरहित नोट्स [चिपकाएँ] हैं। समस्याएँ गंभीरता और आवृत्ति से संक्षेप करें, हर समस्या का छोटा उद्धरण दें। पहले सुधारने, फिर टेस्ट करने और बनाए रखने वाले हिस्से सुझाएँ।

एक प्रॉम्प्ट में कई स्क्रीन टेक्स्ट लिखने से पूरे उत्पाद का लहजा एक जैसा रहता है। लॉन्च के बाद A/B टेस्ट और फ़नल के विश्लेषण के लिए हमारे डेटा विश्लेषण के ChatGPT प्रॉम्प्ट देखें।

अपने काम का दस्तावेज़ बनाने और उसे अच्छी तरह प्रस्तुत करने के लिए सात प्रॉम्प्ट। GPT-5.6 Sol व्यवस्थित स्पेसिफिकेशन और दस्तावेज़ तैयार करने में मदद करता है।

29. इंटरैक्शन स्पेसिफिकेशन

कंपोनेंट [विवरण] का इंटरैक्शन स्पेसिफिकेशन लिखें। डिफ़ॉल्ट, होवर, फ़ोकस, सक्रिय, निष्क्रिय, त्रुटि और सफलता स्थितियाँ शामिल करें। हर स्थिति के दृश्य बदलाव, ट्रिगर, एनीमेशन या ट्रांज़िशन और ज़रूरी सुलभ लेबल या ARIA गुण को डेवलपर हैंडऑफ़ के रूप में लिखें।

30. डिज़ाइन टोकन दस्तावेज़

[उत्पाद प्रकार] के डिज़ाइन सिस्टम में रंग, टाइपोग्राफ़ी, स्पेसिंग, रेडियस, गहराई और मोशन के टोकन दस्तावेज़ लिखें। हर श्रेणी में नाम, मान, नामकरण नियम, कब इस्तेमाल करें या न करें और एक उदाहरण दें।

31. कंपोनेंट दस्तावेज़

डिज़ाइन सिस्टम के [कंपोनेंट] का दस्तावेज़ लिखें। उद्देश्य, संरचना, विकल्प, समान कंपोनेंट की जगह कब चुनें, सामग्री निर्देश, एक्सेसिबिलिटी और सही व गलत उपयोग के उदाहरण शामिल करें।

32. डेवलपर हैंडऑफ़ चेकलिस्ट

[फ़ीचर] की डेवलपर हैंडऑफ़ चेकलिस्ट बनाएँ। फ़्लो, सभी स्थितियाँ, स्पेसिंग और टोकन, रिस्पॉन्सिव नियम, टेक्स्ट, एसेट, एक्सेसिबिलिटी ज़रूरतें और खुले सवाल शामिल करें।

33. डिज़ाइन निर्णय प्रस्तुत करना

[हितधारकों] को डिज़ाइन प्रस्तुत करने में मदद करें: [डिज़ाइन और मुख्य निर्णय]। कहानी को उपयोगकर्ता की समस्या, प्रमाण, विचार किए विकल्प और निर्णय पर बनाएँ। तीन सबसे कठिन संभावित सवाल बताएँ।

34. डिज़ाइन पर प्रतिक्रिया

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

35. UX केस स्टडी की कहानी

UX केस स्टडी लिखने में मदद करें। प्रोजेक्ट: [विवरण]। भूमिका: [विवरण]। समस्या: [विवरण]। प्रक्रिया: [मुख्य चरण]। परिणाम: [केवल असली मेट्रिक]। एक वाक्य में समस्या, संदर्भ, मुख्य निर्णयों पर आधारित प्रक्रिया, सबसे अहम सीख और परिणाम दें। लहजा आत्मविश्वासी और चिंतनशील रखें।

पूरा स्पेसिफिकेशन विकास में सवाल घटाता है और प्रॉम्प्ट 30 में कब इस्तेमाल न करें वाला निर्देश एकरूपता रखता है। डेवलपर के नज़रिए से हैंडऑफ़ के लिए डेवलपर के ChatGPT प्रॉम्प्ट देखें।

Chat Smith में ChatGPT, Claude, Gemini, Grok और DeepSeek एक ऐप में मिलते हैं। एक ही इंटरैक्शन स्पेसिफिकेशन या नियम-आधारित समीक्षा को कई AI मॉडल से जाँचने पर वे अपवाद सामने आ सकते हैं जो एक मॉडल चूक जाए। वायरफ़्रेम ब्रीफ़, माइक्रोकॉपी और समीक्षा प्रॉम्प्ट को टेम्पलेट बनाकर हर प्रोजेक्ट में दोबारा इस्तेमाल करें।

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