عوامل التصفية

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

الغرض من الاستخدام

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

تُعد عوامل التصفية مناسبة بشكل خاص لقوائم الخدمات، والأدلة، ولوحات التحكم، والصفحات الغنية بالبيانات.

أنواع عوامل التصفية

1. التصفية السريعة

تُعرض على شكل أزرار أو شرائح (Chips) لتسهيل الاختيار السريع.

الاستخدامات الشائعة:

  • عوامل التصفية الأكثر استخدامًا.
  • التصنيفات الشائعة.

أفضل الاستخدامات:

  • تمييز الحالة النشطة بوضوح.
  • الحد من عدد عوامل التصفية السريعة المعروضة.

2. التصفية المتقدمة

تُستخدم عند وجود عدد كبير من خيارات التصفية للحفاظ على مساحة الواجهة.

الاستخدامات الشائعة:

  • الموقع.
  • النطاق الزمني.
  • الحالة.

أفضل الاستخدامات:

  • اجعل قوائم الخيارات مختصرة وواضحة.
  • استخدم تسميات افتراضية واضحة ومعبرة.
  • تجنب التدرج المتداخل المعقد للخيارات.

إرشادات إمكانية الوصول

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

السلوك الموصى به في التصميم المتجاوب

تتكيف عوامل التصفية مع حجم الشاشة كما يلي:

  • تُعرض كشريط جانبي على الشاشات الكبيرة.
  • تتحول إلى لوحة جانبية أو نافذة منبثقة على الشاشات الصغيرة.
  • يجب أن تظل عوامل التصفية المطبقة ظاهرة عند جميع نقاط التوقف (Breakpoints).