مرحبًا بك في "التصميم في المتصفّح" من خلال مضيفنا Una Kravets. يمكن أن تكون اللمسات التفاعلية رائعة لفهم المستخدم في البيئة الرقمية، ولكنها يمكن أيضًا أن تجعل بعض المستخدمين يشعرون بالارتباك والإحباط، عكس التأثير المقصود.
فلنتحدث عن كيفية تجنُّب ذلك وسنحرص على تضمين رسومات SVG المتحركة التي تظهر بشكل لطيف والتمرير فوق الأزرار مع ضمان أنّ المستخدمين الذين قد يشعرون بالغثيان عند رؤية عدد كبير من الصور المتحركة أمامهم يستطيعون الاستمتاع بموقعك الإلكتروني. سنشرح كيفية استخدام استعلام الوسائط "prefers-reduced-Motion" لتحسين الرسوم المتحركة تدريجيًا في موقعك الإلكتروني، ونوضح لك كيفية إنشاء مفتاح تبديل بسيط "تقليل الرسوم المتحركة".
الروابط:
- استعلامات الوسائط 5 ← https://goo.gle/2RVQxLw
- عرض توضيحي لقلب البطاقة الأساسية ← https://goo.gle/3mSd1vf
- عرض توضيحي لميزة Priority Reduced Motion ←https://goo.gle/2G9hgl8
- عرض توضيحي لمربّع اختيار الحركة لتقليل الحركة → https://goo.gle/306S1XM
التصميم في المتصفح ← https://goo.gle/2NeLxjI
الاشتراك في "مطوّري برامج Chrome" ← https://goo.gle/ChromeDevs