دراسة حالة

DGA معايير هيئة الحكومة الرقمية

أسهمت أوسمة في 11 منصة رقمية حكومية ضمن مؤشر نضج التجربة الرقمية (DXM) لعام 2025 التابع لهيئة الحكومة الرقمية، بتصميم تجربة استخدام يبدأ من العربية ونماذج أولية عالية الدقة، مبنية وفق معايير هيئة الحكومة الرقمية، عبر خدمات حكومية ذات أولوية.

  • تصميم تجربة المستخدم
  • تصميم الواجهات
  • التطوير
ملصق هيئة الحكومة الرقمية: نحو حكومة رقمية رائدة. مبتكرة، آمنة، مستدامة. أربع ركائز: الالتزام بالمعايير، الأمن والخصوصية، تجربة محورها المستخدم، الكفاءة والفاعلية

معايير هيئة الحكومة الرقمية (DGA)

أسهمت أوسمة في تطوير 11 منصة ضمن مؤشر نضج التجربة الرقمية (DXM) لعام 2025 التابع لهيئة الحكومة الرقمية.

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

قدّمت أوسمة نماذج أولية واستشارات استراتيجية لهذه المنصات ذات الأولوية، وفق معايير مؤشر نضج التجربة الرقمية 2025.

المنهجية

تصميم منصات حكومية تبدأ من العربية

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

اعتبارات أساسية

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

المخرجات

  • فهم أعمق لمتطلبات الاتساق عبر البوابات الحكومية، وإمكانات نظام التصميم الوطني، ومنظومة هيئة الحكومة الرقمية.
  • واجهات في Figma مبنية على كائنات نظام التصميم الوطني ومكوّناته وذرّاته وأيقوناته، مع تحويل كامل للتخطيط إلى الاتجاه من اليمين إلى اليسار.
  • تنفيذ الواجهات الأمامية (ويب متجاوب وتطبيق جوال) باستخدام HTML وTailwind CSS.
مشهد من نظام التصميم الوطني: خريطة المملكة، وخدمة المنافسات الحكومية بالعربية، والخدمة نفسها على جهازين محمولين.

الحل المقترح — منصات هيئة الحكومة الرقمية

إثبات المفهوم

  • الصفحة الرئيسية لاعتماد، وعنوان «منصة الخدمات المالية الإلكترونية» فوق قاعة اجتماعات

    واجهة وتنقل أفضل

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

  • قسم «أكثر الخدمات استخداماً»، وبطاقاته الأربع تحت صف من تبويبات الفئات

    أقسام محتوى تتمحور حول المستخدم

    استخدمنا مكوّنات النظام الوطني للتصميم (NDS) وخصّصناها، مثل التبويبات والبطاقات والأيقونات، لإبراز المنتجات الرئيسية وتنظيم الخدمات بحسب نوع المستخدم. وتجعل الأقسام التصفح أسهل، وهي مبنية وفق معايير هيئة الحكومة الرقمية (DGA).

  • «عن اعتماد» إلى جانب صورة، فوق أرقام البوابة الأربعة

    محتوى واضح يبني الثقة، مبني وفق معايير هيئة الحكومة الرقمية

    صمّمنا قسمَي «عن اعتماد» و«اعتماد بالأرقام» بالنظام الوطني للتصميم، بعناصر بصرية واضحة وأزرار دعوة إلى إجراء (CTA) بارزة. يمنح ذلك نظرة سريعة وشاملة، ويعزّز الثقة والوضوح وسهولة الوصول.

  • خريطة المنافسات الحكومية، ومنطقة واحدة مميّزة داخل المملكة إلى جانب عددها

    رؤى جغرافية مبنية وفق معايير هيئة الحكومة الرقمية

    صمّمنا خريطة تفاعلية لاستكشاف المنافسات حسب المنطقة، بتوازن بين التفاعل المخصّص والاستخدام الكامل لمكوّنات النظام الوطني للتصميم (NDS)، فالخريطة سهلة الاستخدام ومبنية وفق معايير هيئة الحكومة الرقمية.

  • قسم الأخبار والفعاليات الرئيسية، وخبر رئيسي فوق ثلاث بطاقات

    إشراك المستخدمين بقسم أخبار منظّم

    طبّقنا تخطيط شبكة باستخدام مكوّنات البطاقات من النظام الوطني للتصميم (NDS) لعرض الأخبار بصورها وتواريخها وتصنيفاتها. يمنح ذلك تجربة بصرية واضحة ومنظّمة تجعل المحتوى سهل الاستكشاف وتشجّع على العودة بانتظام.

  • تذييل اعتماد، وأعمدة روابطه إلى جانب رقم الدعم وشارتَي المتجرين

    تذييل موثوق وسهل الوصول

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

  • خدمة المطالبات المالية للعقود، واسمها ووسومها فوق خطواتها

    صفحة خدمة واضحة وسهلة الوصول

    استخدمنا مكوّنات النظام الوطني للتصميم (NDS)، مثل مسار التنقل والوسوم والأيقونات والتنبيهات، لصناعة تجربة خدمة شفافة وغنية بالمعلومات. يساعد ذلك المستخدم على فهم الخدمة سريعاً واتخاذ الإجراء المطلوب بسهولة.

  • تبويبات صفحة الخدمة، ولوحة الخطوات مفتوحة إلى جانب لقطة فيديو

    تنظيم المحتوى بالتبويبات

    تقسّم التبويبات المعلومات إلى أقسام واضحة، مثل الخطوات والمتطلبات والمستندات، فتقلّل التشتّت وتسهّل الوصول إلى المعلومة الصحيحة بسرعة. وتدعم كذلك التنقل بلوحة المفاتيح وتُظهر مؤشراً بصرياً للتبويب النشط، وفق إرشادات الوصول في النظام الوطني للتصميم (NDS).

  • اللوحة الجانبية للدعم والتقييم في صفحة الخدمة، فوق شريط الخدمات ذات الصلة

    لوحات جانبية تدعم القرار

    تعرض اللوحات الجانبية والسفلية تفاصيل الخدمة الأساسية ووصولاً سريعاً إلى الدعم والأسئلة الشائعة والمعلومات ذات الصلة. وتمكّن المستخدم من إتمام مهامه بكفاءة عبر مكوّنات النظام الوطني للتصميم (NDS)، بما يضمن الوضوح وسهولة الاستخدام والدعم الشامل ومحاذاة واجهة من اليمين إلى اليسار (RTL) بلا خلل.