نظام التجربةExperience System

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

• الوضوح قبل الزينة
• المعلومة قبل الحركة
• الإجراء الأساسي واضح دائمًا
• التدرج البصري يخدم القرار

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

• Default / Hover / Focus / Disabled
• أنماط Forms موحدة
• Feedback واضح للنجاح والخطأ
• Responsive behavior محدد

الحركة تُستخدم لتفسير الانتقال أو إبراز العلاقة أو تأكيد الإجراء. لا ينبغي أن تؤخر القراءة أو تخفي المحتوى أو تتعارض مع تفضيلات Reduced Motion.

• مدة قصيرة ومتسقة
• لا حركة بلا سبب
• احترام prefers-reduced-motion
• تجنب تحريك عناصر النص الأساسية

الجودة التنفيذية تعني أن التجربة تعمل بالكيبورد، مع قارئات الشاشة، بتباين كافٍ، وعلى الشاشات الصغيرة والكبيرة دون كسر التسلسل.

• Focus مرئي
• Semantic HTML
• Contrast قابل للقراءة
• اختبار حقيقي Mobile/Tablet/Desktop