نظرة عامة
الشرائح هي عناصر تفاعلية مضغوطة تتيح للمستخدمين فلترة المحتوى أسفلها أو تنفيذ إجراءات سريعة. تساعد المكوّنات المدمجة في تبسيط عملية إكمال المهام أثناء التنقّل من خلال عرض خيارات متعلقة بالمحتوى وتقليل وقت التصفّح.
للحفاظ على وضوح العناصر المرئية، يجب ألا تتضمّن التصاميم أكثر من 7 شرائح لكل صف. تتسم الشرائح بمرونة عالية لتتطابق مع اللغة المرئية لعلامتك التجارية. يمكنك تخصيص الشكل ولون الخلفية ولون الحدود وفقًا لمظهر واجهة المستخدم الذي اخترته.
يمكن أن تحتوي الشرائح على ما يلي:
- رمز فقط
- تصنيف نصي فقط
- كلّ من الرمز والتسمية (في أيّ من الاتجاهين)
مقطوعة موسيقية
1. الرمز أو الصورة الرئيسية
2. نص التصنيف
متطلبات تجربة المستخدم
لضمان توفير تجربة آمنة ومتسقة في جميع التطبيقات، يُرجى اتّباع متطلبات التصميم التالية:
مستوى المتطلبات |
المحتوى |
|---|---|
يجب |
يجب تضمين رمز أو تصنيف. |
ينبغي |
استخدِم نمطًا مرئيًا فريدًا، مثل لون أو شكل مميز، للتعبير عن حالات الرقائق المختلفة. |
ينبغي |
استخدِم أسلوبًا متسقًا في جميع الشرائح في تطبيقك. |
ينبغي |
تجنَّب الجمع بين الشرائح ذات الحالة والشرائح بدون حالة ضمن مجموعة المكوّنات نفسها. |
ينبغي |
ضَع الشرائح المهمة أو المقترَحة في الحافة الأمامية للحاوية. |
ينبغي |
احرِص على أن يكون نص التصنيف موجزًا ووصفيًا. تجنَّب النصوص الطويلة التي تؤدي إلى اقتطاعها وتزيد العبء الإدراكي. |