التذييل

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

صُمم التذييل لتعزيز الوضوح، وبناء الثقة، وتسهيل الوصول إلى المعلومات، خاصةً في الصفحات الطويلة أو الغنية بالمحتوى.

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

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

الهيكل والتخطيط

ينقسم التذييل إلى أقسام واضحة، يؤدي كل منها وظيفة محددة:

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

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

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

سلوك المكون

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

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

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

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

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

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

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

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

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

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

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