عبارة «الزر خاطئ» يصعب التصرّف بناءً عليها. أما عبارة «بعد الإرسال، يظهر الإشعار على شاشة ضيقة في الجهة اليمنى خارج النموذج» فتقدّم بالفعل إجراءً وحالةً وانحرافًا مرئيًا. وتصبح لقطة الشاشة ذات قيمة حين تُكمّل وصفًا من هذا النوع.
يدعم ChatGPT الصور بوصفها سياقًا، بما في ذلك لقطات الشاشة والمخططات. وتوصي الوثائق بتسمية المنطقة المعنية والنتيجة المرغوبة وحدود السؤال. ويتكوّن مثالنا الخاص من عرضين اصطناعيين لنموذج. ولم يُجرَ له أي تحليل فعلي للصور أو أي إصلاح.
يجب أن تُظهر الصور حالاتٍ قابلة للمقارنة
تُظهر الصورة (أ) نموذج تسجيل فارغًا، وتُظهر الصورة (ب) الحالة بعد إدخال البيانات والإرسال. ويبقى عرض النافذة كما هو. وتتعلق مشكلةٌ مُدمجة عن قصد بالإشعار الموجود أسفل الزر. وهذا يوضح أي تغيير يقع بين الصورتين.
صِف الترتيب صراحةً. فمرفقان متشابهان في المظهر دون شرح يُغريان بمعاملة الفروق على أنها تفضيلات تصميم اعتباطية. احذف التفاصيل الشخصية إن لم تكن لازمة للسؤال التقني. وتكفي محتويات حقول مُختلَقة للبدء.
افصل الملاحظة المرئية عن الفرضية التقنية
قد تُظهر الصورة أن سطرًا مقطوع. أما ما إذا كان السبب عرضًا ثابتًا أو فاصل أسطر أو خطًا مختلفًا أو عنصرًا أبًا، فلا يُستنتج من ذلك بعد. وينبغي للإجابة المفيدة أن تُبقي هذه المستويات منفصلة.
Compare the two form views I created myself.
A: before input. B: after submitting, same window width.
Look at the notice below the button.
1. Describe only visible differences.
2. State the expected behaviour from my description.
3. Mark technical causes explicitly as guesses.
4. Suggest a small next checking step.لا يطلب هذا الموجز الخاص بنا بعدُ إصلاحًا كاملًا للشيفرة. فقد يكون سؤال متابعة محدد عن HTML المرتبط أو قاعدة CSS المعنية أكثر فائدةً من تغيير واثق في سببٍ مشتبه به.
تقرير الخطأ عقدٌ صغير بشأن حالة ما
أبقِ الحالة الابتدائية والإجراء والتوقع والملاحظة الفعلية معًا. وأضِف عرض النافذة، وعند الاقتضاء، محتوى الإدخال. وهذا يتيح لشخص ثانٍ أن يحاول إعادة إنشاء الحالة نفسها تمامًا. وهذا أساس أقوى من جملة واحدة عن شاشة «معطّلة».
Starting point: empty sample form at a fixed narrow width.
Action: enter example data, then submit.
Expected: notice remains fully readable below the button.
Observed: notice extends sideways beyond the form area.
Open: which specific rule causes the overflow?هذه نتيجة توضيحية للنمط المُخطَّط له، وليست سجلًا لتطبيق جرت ملاحظته. وهذا الوسم تحديدًا هو ما يمنع تمرير وصفٍ معقول لخطأ لاحقًا على أنه خطأ في منتج أُعيد إنتاجه فعلًا.
غيِّر شرطًا واحدًا فقط في كل مرة
يمكن لخطوة تالية أن تُعيد إنشاء الحالة المطابقة باستخدام لوحة المفاتيح أو أن تفحص القاعدة المرتبطة. وإذا غيّرت المتصفح والعرض والبيانات والمحتوى في الوقت نفسه، يبقى غير واضح أيّ فرق كان له أثر. لذا، عند المقارنة، أبقِ الشروط متطابقة بشكل واضح قدر الإمكان.
ثم أعِد الملاحظة الجديدة بوصفها دليلًا إضافيًا. فعبارة «عند العرض نفسه، يظهر السطر كاملًا بعد هذا التغيير» أكثر تحديدًا من «يعمل الآن». ويشمل الإصلاح الحقيقي أيضًا التحقق من حالات معقولة أخرى، مثل نص إشعار أطول.
العرض الجزئي يبقى عرضًا جزئيًا
لا تُظهر لقطة الشاشة تلقائيًا بنية المستند أو استجابة الخادم أو مسار لوحة المفاتيح الكامل. كما أنها لا تُثبت إمكانية الوصول ككل. ولهذه الأسئلة تحتاج إلى ملاحظات إضافية مناسبة للعمل الفعلي.
تكمن قوة التسليم المرئي في دقته: فالناس والذكاء الاصطناعي يتحدثون عن الموضع نفسه والحالة نفسها والتوقع نفسه. وتنبع الخطوة التالية المفيدة من السؤال الذي لا يزال مفتوحًا. وليس تغيير المنتج أو زر إصلاح شامل شرطًا مسبقًا لذلك.
المصادر وحالة الوثائق: 25 أكتوبر 2026.
