35 برومبت ChatGPT لمصممي UI/UX

يجمع تصميم UI/UX بين فهم نفسية المستخدم والحرفة البصرية، وتتطلب كل مرحلة طريقة مختلفة في التفكير. تساعدك برومبتات ChatGPT لمصممي UI/UX المناسبة على تسريع الاستكشاف، وتحليل المسارات بدقة، وتحسين نصوص الواجهة، وشرح قراراتك بوضوح للمطورين وأصحاب المصلحة.

ستجد 35 برومبت موزعة على خمس مراحل: البحث والاستكشاف، وبنية المعلومات والمسارات، والمخططات الأولية والواجهة، والنصوص القصيرة وإمكانية الوصول والاختبار، وأنظمة التصميم والتسليم. يمكنك استخدامها في ChatGPT أو أي روبوت دردشة بالذكاء الاصطناعي آخر.

تستند برومبتات UX الجيدة إلى سياق حقيقي للمنتج. تعامل مع كل إجابة بوصفها مسودة أولى تحتاج إلى مراجعة، واحرص على الآتي:

• صف المنتج والمستخدمين: اذكر المنصة والجمهور والأهداف والمهمة التي يجب أن تؤديها الشاشة.
• حدد القيود: مثل أولوية الهاتف، وقواعد العلامة التجارية، والحدود التقنية، وأهداف إمكانية الوصول مثل WCAG AA.
• احمِ بيانات البحث: أزل المعلومات التي تكشف الهوية من ملاحظات المقابلات، ولا تلصق بيانات المشاركين الشخصية.
• تحقق باستخدام أشخاص وأدوات فعلية: يسرّع الذكاء الاصطناعي التفكير، مع استمرار الحاجة إلى اختبار قابلية الاستخدام وفحص التباين والاختبار مع مستخدمي التقنيات المساعدة.

لتحليل البحث بتفصيل وكتابة نصوص واجهة طبيعية، يُعد Claude Sonnet 5 نقطة بداية مناسبة.

سبعة برومبتات لفهم المستخدمين قبل بدء التصميم. تساعد أداة التلخيص بالذكاء الاصطناعي على اختصار ملاحظات البحث الطويلة بعد إزالة بيانات الهوية وقبل تحليلها.

1. دليل مقابلة المستخدم

أنشئ دليل مقابلة مستخدم مدتها 30 دقيقة لفهم [هدف البحث]. وصف المشارك: [وصف]. أدرج تمهيدًا والسلوك الحالي ونقاط الألم والنماذج الذهنية وخاتمة. اكتب أسئلة كل قسم، وحدد الأولويات عند ضيق الوقت، وأضف ملاحظات للمحاور حول ما ينبغي استكشافه بعمق.

2. خريطة رحلة المستخدم

ارسم رحلة [نوع المستخدم] الذي يحاول [الهدف] في [نوع المنتج]. حدد لكل مرحلة هدفه وأفعاله ومشاعره المحتملة ونقاط الألم وفرص تقليل الاحتكاك أو تحسين التجربة. استخدم جدولًا بصف لكل مرحلة.

3. شخصية مستخدم مبنية على البحث

بناءً على نتائج البحث مجهولة الهوية [ألصق]، اكتب شخصية مستخدم تتضمن الأهداف والإحباطات والسلوك وسياق الاستخدام واقتباسًا قصيرًا يعكس لغة فعلية من البحث. ميّز الافتراضات عن الأدلة.

4. كتابة أسئلة الاستبيان

اكتب استبيانًا من 10 أسئلة لفهم [هدف البحث] من [الجمهور]. امزج أسئلة المقاييس والأسئلة المفتوحة، وتجنب الأسئلة الموجّهة أو التي تجمع موضوعين، واشرح القرار الذي يدعمه كل سؤال.

5. تحليل المقابلات

هذه ملاحظات مجهولة الهوية من [عدد] مقابلات: [ألصق]. اجمع النتائج في موضوعات مثل خريطة التقارب، واحسب تكرار كل موضوع، وأضف اقتباسًا داعمًا له، واقترح ثلاث فرص للتصميم.

6. تقييم UX لدى المنافسين

هذه طريقة معالجة [المنافسين] لـ[المسار أو الميزة] وفق ملاحظاتي ولقطات الشاشة: [وصف]. قارن الوضوح وعدد الخطوات والاحتكاك واللحظات الإيجابية، وحدد الأنماط التي تستحق تبنيها والفجوات التي يمكننا سدها.

7. المهام التي يريد المستخدم إنجازها

من البحث [ألصق]، اكتب المهام الأساسية التي يريد [نوع المستخدم] إنجازها بصيغة «عندما… أريد… لكي أستطيع…». حدد المهمة التي يدعمها التصميم الحالي بشكل ضعيف.

غالبًا ما تقدم أسئلة النماذج الذهنية في البرومبت 1 أهم الرؤى. للتعمق في ترميز المقابلات وتحليل موضوعاتها، اقرأ برومبتات ChatGPT لتحليل البيانات النوعية.

سبعة برومبتات للبنية والمسارات، حيث تبدأ كثير من مشكلات قابلية الاستخدام. يستطيع Gemini 3 Pro التعامل مع خريطة موقع كاملة أو وصف طويل للمسار في محادثة واحدة.

8. مراجعة بنية المعلومات

راجع بنية المعلومات في [نوع المنتج] مع التنقل التالي: [وصف]. قيّم وضوح التسميات من منظور المستخدم وتجميع المحتوى والعمق مقابل الاتساع وسهولة اكتشاف الميزات الأساسية. اقترح بنية معدلة بأسباب كل تغيير، وحدد الميزات المدفونة أو ذات التسميات الخاطئة.

9. رسم مسار المستخدم

ارسم خطوات مسار [المهمة] في [المنتج]. أدرج المسار المثالي ونقاط القرار ومسارات الخطأ وما يحدث عند المغادرة في المنتصف، وحدد أين يمكن اختصار المسار.

10. خطة فرز البطاقات

خطط لدراسة فرز بطاقات في [جزء المنتج]. اقترح فرزًا مفتوحًا أو مغلقًا، وقائمة البطاقات ومعايير المشاركين وطريقة تحويل النتائج إلى بنية تنقل.

11. اختبار تسميات التنقل

تسميات التنقل لدينا هي [قائمة]. اشرح ما يتوقع المستخدم الجديد من [الجمهور] العثور عليه وراء كل تسمية. حدد الغموض والمصطلحات الداخلية، واقترح بدائل أوضح لاختبارها.

12. تصميم تهيئة المستخدم الجديد

صمّم مسار تهيئة لمستخدمي [المنتج] الجدد بهدف رئيسي هو [الهدف]. اجعله أقصر ما يمكن، وأوصلهم سريعًا إلى أول قيمة ملموسة، وحدد ما يمكن تأجيله.

13. تصميم تجربة النماذج

حقول نموذج [التسجيل/الدفع/الطلب] هي [قائمة]. اقترح الحقول التي تُحذف أو تُدمج أو تصبح اختيارية، وأفضل ترتيب وقواعد التحقق أثناء الإدخال وطرق تقليل الانسحاب.

14. تخطيط الحالات الفارغة والاستثنائية

اذكر جميع حالات الفراغ والتحميل والخطأ وعدم الاتصال والاستخدام الأول ورفض الإذن في [الشاشة أو الميزة]. صف ما ينبغي أن يراه المستخدم وما يستطيع فعله في كل حالة.

قد لا يلاحظ صانعو المنتج مشكلات بنية المعلومات؛ لذا استخدم البرومبت 11 لكل تسمية جديدة. إذا تعاونت مع مديري المنتجات، توضح برومبتات ChatGPT لمديري المنتجات كيف يصوغون المشكلات نفسها.

سبعة برومبتات لتحويل البنية إلى شاشات. لاستكشاف الأسلوب أو الطابع البصري قبل فتح أداة التصميم، يمكن لـ Nano Banana Pro توليد مراجع بصرية من وصف نصي.

15. موجز المخطط الأولي

اكتب موجز مخطط أولي لـ[الشاشة] في [نوع المنتج]. الغرض: [وصف]. الإجراء الرئيسي: [وصف]. المعلومات الأساسية: [قائمة]. الإجراءات الثانوية: [قائمة]. القيود: [مثل أولوية الهاتف وعرض 320px وWCAG AA]. اقترح ترتيبًا بصريًا واشرح سبب أولوية المعلومات.

16. نقد التسلسل البصري

انقد التسلسل البصري لهذه الشاشة: [ارفع صورة أو صف]. أين تتجه العين أولًا وثانيًا وثالثًا؟ هل الإجراء الرئيسي واضح؟ اذكر خمسة تغييرات ذات أكبر أثر على الوضوح.

17. مراجعة الألوان والتباين

هذه لوحة الألوان واستخدام كل لون: [قيم HEX والأدوار]. حدد التركيبات التي قد تفشل في تباين WCAG للنصوص وعناصر الواجهة، والمواضع التي تعتمد على اللون وحده للمعنى. اقترح إصلاحات وذكّرني بتأكيد النسب بأداة فحص التباين.

18. مقياس الخطوط

اقترح مقياس خطوط لـ[نوع المنتج] باستخدام [الخط أو الأسلوب]. أدرج الأحجام والأوزان وارتفاع السطر للعناوين والنصوص والتعليقات والأزرار على الهاتف والحاسوب، واشرح كيف يدعم سهولة القراءة.

19. خطة التجاوب بين الشاشات

اشرح تكيف هذا التخطيط مع الهاتف واللوحي والحاسوب: [وصف]. لكل نقطة توقف، حدد ما يتحرك أو يتراص أو يختفي أو يتوسع، وكيف يبقى الإجراء الرئيسي سهل الوصول.

20. اعتبارات الوضع الداكن

سنضيف وضعًا داكنًا إلى [المنتج]. اذكر التعديلات التي تتجاوز عكس الألوان، بما فيها الارتفاع والظلال والألوان المشبعة والصور والرسوم والحالات، والأخطاء الشائعة الواجب تجنبها.

21. مقارنة بدائل التصميم

لدينا خياران لتصميم [الشاشة]: [صفهما]. قارن قابلية الاستخدام والوضوح وإمكانية الوصول والتسلسل البصري وجهد التنفيذ، وحدد ما ينبغي اختباره مع المستخدمين للاختيار.

قد يؤدي موجز المخطط الأولي دون مبررات إلى شاشة تحل المشكلة الخطأ. استخدم البرومبت 15 قبل الرسم و16 بعده كي يبقى التصميم منسجمًا مع أسبابه.

سبعة برومبتات للكلمات والشمول والتحقق بالأدلة. يولّد Claude Haiku 4.5 نسخًا متعددة من النصوص القصيرة بسرعة لتختار بينها.

22. كتابة النصوص القصيرة

اكتب نصوصًا قصيرة لهذه المواقف في [نوع المنتج] لـ[الجمهور]: [مثل غياب الإشعارات وتأكيد حذف الحساب وانتهاء مهلة الشبكة ونجاح النموذج وتلميح الميزة]. النبرة: [ودودة أو مهنية ومختصرة]. اجعل كل نص أقل من [عدد الكلمات] وتجنب المصطلحات المعقدة.

23. تحسين رسائل الخطأ

أعد كتابة رسائل الخطأ [ألصق] لتوضح ما حدث ولماذا يهم وما يمكن للمستخدم فعله تاليًا دون لومه. اجعلها قصيرة بما يناسب شاشة الهاتف.

24. تقييم إرشادات قابلية الاستخدام

اعمل خبير UX لتقييم الشاشة أو المسار [وصف مفصل] وفق إرشادات نيلسن العشر لقابلية الاستخدام. صنف كل بند إلى مستوفى أو جزئي أو غير مستوفى مع السبب وتحسين محدد، ورتب النتائج من الحرجة إلى البسيطة.

25. مراجعة إمكانية الوصول

راجع إمكانية الوصول في التصميم [وصف أو رفع]. تحقق من التنقل بلوحة المفاتيح وترتيب التركيز وأحجام أهداف اللمس والبدائل النصية وتسميات النماذج والحركة والمعنى المعتمد على اللون فقط. اربط كل مشكلة بإرشاد WCAG ذي صلة، واذكر ما يحتاج إلى اختبار بالتقنيات المساعدة.

26. سيناريو اختبار قابلية الاستخدام

اكتب سيناريو اختبار قابلية استخدام بإشراف ميسّر لـ[النموذج الأولي أو الميزة]. أدرج مقدمة مطمئنة وخمس مهام واقعية دون توجيه وأسئلة متابعة لكل مهمة ومعايير نجاح قابلة للقياس.

27. صياغة فرضية اختبار A/B

ساعدني في تخطيط اختبار A/B لتغيير UX التالي: [وصف]. التصميم الحالي: [وصف]. اكتب فرضية «إذا… فسيحدث… لأن…»، والمقياس الرئيسي والمقاييس الثانوية والوقائية، واعتبارات حجم العينة والمتغيرات المربكة التي يجب ضبطها.

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 في تطبيق واحد. عرض مواصفات التفاعل أو التقييم الاستدلالي نفسه على عدة نماذج ذكاء اصطناعي قد يكشف حالات استثنائية يفوتها نموذج واحد. احفظ موجزات المخططات الأولية ومجموعات النصوص وبرومبتات التقييم كقوالب تعيد استخدامها في كل مشروع.

تعتمد تجربة المستخدم الجيدة على طرح الأسئلة المناسبة في كل مرحلة ثم التحقق من الإجابات مع مستخدمين حقيقيين. لتعلم صياغة التعليمات خارج مجال التصميم، راجع دليل برومبتات ChatGPT الرئيسي.