الخدمات

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

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

متى يُستخدم؟

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

تُعد البطاقات مناسبة للوحات التحكم، والقوائم، والصفحات التعريفية، والصفحات الغنية بالمحتوى التي تتطلب وضوحًا وسهولة في استعراض المعلومات.

واجهات الخدمات

1. الخدمات حسب التصنيف

يجمع هذا التخطيط الخدمات ضمن تصنيفات محددة مسبقًا، مما يسهّل على المستخدمين استعراض الخدمات والعثور على الخدمة المطلوبة.

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

  • أدلة الخدمات الشاملة.
  • قوائم خدمات الجهات الحكومية.
  • خدمات الإدارات أو الأقسام.

الخصائص:

  • عرض عناوين التصنيفات ضمن علامات تبويب.
  • عرض الخدمات في قائمة أو شبكة.
  • بطاقات خدمات بتصميم موحد.
  • خيار عرض الكل (اختياري).

2. الخدمات حسب التصنيف مع الخدمات الأكثر استخدامًا

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

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

  • البوابات الحكومية.
  • صفحات الخدمات ذات الاستخدام المرتفع.
  • المواقع الإلكترونية الموجهة للجمهور.

الخصائص:

  • قسم مخصص للخدمات الأكثر استخدامًا.
  • مجموعات خدمات مصنفة.
  • بطاقات خدمات بتصميم موحد.
  • توازن بصري بين الخدمات المميزة والخدمات المصنفة.

3. تصنيفات الخدمات

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

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

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

الخصائص:

  • بطاقة واحدة لكل تصنيف.
  • عنوان التصنيف.
  • وصف مختصر (اختياري).
  • زر اعرف المزيد.
  • تسلسل بصري واضح.

مكونات قسم الخدمات

  • عنوان القسم
  • وصف القسم (اختياري)
  • عنوان التصنيف
  • بطاقات الخدمات أو التصنيفات
  • أيقونة الخدمة (اختيارية)
  • وصف مختصر (اختياري)
  • الأزرار الرئيسية
  • رابط عرض الكل أو اعرف المزيد (اختياري)

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

  • يؤدي النقر على بطاقة الخدمة إلى الانتقال مباشرةً إلى الخدمة المحددة.
  • يؤدي النقر على بطاقة التصنيف إلى فتح صفحة التصنيف المرتبطة.
  • توضح حالات التحويم (Hover) والتركيز (Focus) قابلية العناصر للتفاعل.
  • يتكيف التخطيط تلقائيًا مع مختلف أحجام الشاشات.

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

  • يجب أن تكون جميع البطاقات قابلة للوصول بالكامل باستخدام لوحة المفاتيح.
  • ينبغي أن تكون أسماء الخدمات واضحة ومعبرة.
  • لا ينبغي الاعتماد على الأيقونات وحدها لنقل المعلومات.
  • يجب أن توفر العناصر التفاعلية مؤشرات تركيز (Focus) واضحة.
  • احرص على توفير تباين لوني كافٍ للنصوص وعناصر التحكم.

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

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