الشريط الثابت

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

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

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

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

الهيكل والتنظيم

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

الإجراءات الشائعة:

  • الخدمات
  • التواصل / الهاتف
  • الملاحظات والشكاوى
  • استبيان قياس الرضا الرقمي
  • مشاركة
  • روابط أخرى مهمة للمستخدم

سلوك المكون

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

إرشادات الموضع

  • يُوضع دائمًا في أسفل الشاشة.
  • يظهر في جميع الصفحات ما لم يتم تعطيله بشكل مقصود.
  • يجب ألا يتعارض مع عناصر واجهة النظام أو مناطق العرض الآمنة في الأجهزة المحمولة.
  • ينبغي أن يظل ظاهرًا أثناء التمرير العمودي.

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

  • توفير أحجام مناسبة لمناطق اللمس لجميع الإجراءات.
  • استخدام أيقونات واضحة مع تسميات مناسبة لإمكانية الوصول.
  • يجب أن يكون قابلاً للاستخدام عبر لوحة المفاتيح.
  • دعم برامج قراءة الشاشة باستخدام أسماء وصفية للإجراءات.
  • توفير تباين لوني كافٍ مع خلفية الصفحة.

دعم اللغات واتجاهات القراءة

  • يدعم بشكل كامل اتجاهي القراءة من اليسار إلى اليمين (LTR) ومن اليمين إلى اليسار (RTL).
  • تتكيف محاذاة الأيقونات وترتيبها تلقائيًا مع اتجاه القراءة.
  • تتغير التسميات النصية وفقًا للغة المستخدمة.
  • ينبغي أن تكون الأيقونات واضحة وسهلة الفهم لجميع المستخدمين.

أفضل الممارسات

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

متى لا يُستخدم؟

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