الرسوم المتحركة

الرسوم المتحرّكة، الانتقالات، والتفاعلات الدقيقة هي الطبقة الإدراكية التي تُحوّل واجهة وظيفية ساكنة إلى واجهة حيّة ومُتفاعلة: قائمة تنزلق بسلاسة، زرّ يستجيب للتحويم، loader يُطمئن المستخدم أثناء استدعاء شبكي طويل. عندما تنكسر هذه الطبقة، يستمرّ التطبيق في العمل وظيفياً لكنّه يبدو ميتاً أو غير متقن، وتتآكل ثقة المستخدمين تدريجياً. انتقال مدّته 300ms يُحذف بالخطأ يجعل المحتوى «يقفز» بشكل مفاجئ بدلاً من أن ينزلق بسلاسة، وتجد العناصر المجاورة في مواضع مختلفة تماماً عن المرجع. hover لا يعمل لأنّ عنصراً شفّافاً لتتبّع التحليلات تُرك مُتراكباً فوق الأزرار يكسر كلّ التغذية الراجعة البصرية على الصفحة بأكملها. loader مُنسوخ من مشروع آخر يُدخل قطيعة واضحة في الهوية البصرية في منتصف مسار شراء حرج. على واجهات لوحات معلومات بنكية ولوحات إدارة ERP وصفحات منتجات التجارة الإلكترونية، يكلّف هذا الانحراف الإدراكي ثقة المستخدم وانطباعه عن جودة المنتج. اختبار هذه السلوكيات الديناميكية يدوياً بطيء جداً، وغير قابل للتكرار بدقّة، ومستحيل التوسعة عند وجود عشرات الشاشات والمكوّنات. يُعالج Delta-QA هذه الفئة بتجميد الانتقالات في حالة محسوبة مستقرّة لحظة الالتقاط، ثمّ مقارنة snapshots بالمراجع المخزّنة محلياً. تُلتقط أيضاً الحالات التفاعلية مثل hover للتحقّق من أنّ الأزرار تُغيّر مظهرها كما هو متوقّع. يُبرز diff البصري الإزاحات الناجمة عن انتقال محذوف، الـloaders التي انحرف نمطها، مؤشّرات الرسوم المتحرّكة التي لم تعد تظهر، والـkeyframes التي تغيّر عرضها بين نسختين متعاقبتين. يُتيح هذا النهج لفرق ضمان الجودة QA كشف أيّ انحدار في طبقة التفاعل دون الحاجة إلى تصوير كلّ مسار يدوياً، ضمن سير عمل قائم على مقارنة الصفحات ولقطة مرجعية snapshot واختبار بصري داخل نظام التصميم design system.