مكتبة متكاملة من مكونات واجهة المستخدم الجاهزة للاستخدام، صُممت لتسريع إنشاء المواقع الإلكترونية والخدمات الرقمية.
المقدمة
يُعد نظام تصميم الشارقة (SDS) إطارًا موحدًا للتصميم وتجربة المستخدم، يهدف إلى تعزيز الاتساق والوضوح وجودة التجربة عبر جميع الخدمات الرقمية لحكومة الشارقة. ويوفر مجموعة متكاملة من المكونات، والأنماط، والإرشادات التي تُسهم في تصميم وتطوير واجهات رقمية متسقة وفعّالة.
ومن خلال توحيد تجربة الاستخدام عبر المواقع الإلكترونية، وتطبيقات الأجهزة الذكية، والبوابات الرقمية، يضمن نظام تصميم الشارقة تقديم تجارب سلسة، وسهلة الاستخدام، ومتوافقة مع معايير إمكانية الوصول، بما يلبي احتياجات المستخدمين من أفراد المجتمع وموظفي الجهات الحكومية.
ولا يقتصر نظام تصميم الشارقة على كونه مجموعة من معايير التصميم، بل يمثل أساسًا موحدًا يعزز جودة الخدمات الرقمية، ويجسد الهوية الرقمية لإمارة الشارقة، ويدعم الابتكار والتطوير المستمر عبر مختلف المنصات والخدمات.
الموارد
توفر واجهة المستخدم (UI Kit) مجموعة متكاملة من الأصول التصميمية والأدوات التي تسهم في تبسيط سير العمل وتسريع تصميم واجهات المستخدم. وتشمل جميع المكونات الأساسية، والأنماط، ورموز التصميم، والتخطيطات، بما يتوافق مع معايير نظام تصميم الشارقة. كما تتيح إنشاء الصفحات بسرعة باستخدام عناصر جاهزة، مما يعزز الاتساق، ويحد من إعادة العمل، ويسهم في تقديم تجارب رقمية عالية الجودة بكفاءة أكبر.
الإصدار 1.0
نُشر في ديسمبر 2025
الإرشادات الأساسية
تحدد أساسيات الإرشادات المبادئ الأساسية التي تشكل الأساس لتصميم جميع الواجهات الرقمية ضمن منظومة حكومة الشارقة. كما توضح كيفية توظيف الخطوط، والألوان، والتباعد، والأيقونات، والتخطيطات بصورة متكاملة، بما يحقق الاتساق، وسهولة الاستخدام، والانسجام البصري عبر جميع المنتجات الرقمية.
يحدد تسلسلاً هرمياً واضحاً ويحسن قابلية القراءة عبر جميع الواجهات.
تحقق الانسجام البصري ويجسد الهوية الرقمية لإمارة الشارقة عبر جميع المنتجات الرقمية.
توفر رموزًا بصرية واضحة وعصرية تعزز فهم المحتوى وتوجه المستخدمين نحو تنفيذ الإجراءات بسهولة.
يرسخ هيكلًا بصريًا متوازنًا يضمن عرض المحتوى بوضوح وتنظيم، ويسهل متابعته.
توحد عناصر النماذج لضمان إدخال البيانات بسهولة ووضوح، مع الالتزام بمعايير إمكانية الوصول.
توفر إجراءات واضحة وتساعد المستخدمين على إنجاز المهام بسهولة واتساق.
يضمن أن يكون كل تصميم قابلاً للاستخدام وشاملاً لجميع الأفراد، بغض النظر عن قدراتهم.
يتكيف بسلاسة مع أحجام الشاشات المختلفة، مما يضمن تجربة سلسة ومتسقة عبر جميع الأجهزة.
يقدم المحتوى بصورة واضحة وموجزة ومنظمة، بما يساعد المستخدمين على فهم المعلومات وإنجاز مهامهم بسهولة.
مقدمة
صُممت جميع المكونات وفق معايير الاتساق، وإمكانية الوصول، والكفاءة التقنية، مما يسهم في تقليل وقت التطوير والحد من تكرار العمل. وتوفر هذه المكونات، إلى جانب إرشاداتها الواضحة وسلوكها الموحد عبر مختلف المنصات، أساسًا موثوقًا لبناء تجارب رقمية عالية الجودة تتوافق مع معايير نظام تصميم الشارقة.
شريط تنقل مرن ومتجاوب لبنية موقع سريعة ومتسقة.
مساعد تنقل يعزز الوضوح عبر الصفحات متعددة المستويات.
شريط مختصر لأهم الصفحات، ثابت يبقى مرئياً ليبقي عناصر التحكم الرئيسية دائماً في متناول يد الزائر.
مكون تذييل منظم يوفر روابط ومعلومات أساسية بتنسيق موحد.
عناصر اللافتات المختلفة للمحتوى.
مكونات وعناصر محتوى منظمة مصممة لمعلومات واضحة وقابلة للقراءة وسهلة الوصول.
مكونات بطاقة معيارية تعرض المعلومات بوضوح وبشكل متسق.
مجموعة من الاقسام تعرض بطريقة مرنة وقابلة للتوسع لتنظيم الخدمات الحكومية.
أدوات تصفية فعالة تنظم مجموعات البيانات الكبيرة إلى نتائج واضحة وقابلة للإدارة.
أنماط الأسئلة الشائعة القابلة للتوسيع التي تساعد المستخدمين في العثور على الإجابات بسرعة وبأقل جهد.
عنصر اساسي في جميع الصفحات الرئيسية لعرض الوسائط يعزز السرد القصصي عبر جميع الأجهزة.
تصميم مسبق التجهيز لعرض لتنظيم الصور والوسائط بكفاءة عبر الصفحات.
أداة تتيح التنقّل بين صفحات المحتوى بسهولة وسرعة.
قوالب جاهزة لعرض الجداول، لترتيب البيانات بوضوح وكفاءة.
تنويع بارز حيث يتم تمييز المحتوى النشط بقوالب مختلفة.
مكونات شارات مدمجة تُستخدم لتسليط الضوء على الحالة والفئات والمؤشرات الرئيسية.
أنماط متعددة الخطوات متسقة تساعد المستخدمين على تتبع التقدم بفاعلية.
قوالب عرض المعلومات والإحصائية إلى جانب روابط توجه المستخدمين إلى تقارير معلومات إضافية.
القوالب
تسهم هذه القوالب في تقليل الوقت اللازم لبدء المشاريع، مع ضمان الالتزام بمعايير نظام تصميم الشارقة، مما يتيح التركيز على تقديم تجارب رقمية عالية الجودة تتسم بالكفاءة والاتساق.
تخطيطات صفحات جاهزة تسهم في تسريع إنشاء المواقع الإلكترونية مع الحفاظ على الاتساق والالتزام بمعايير نظام تصميم الشارقة.
قالب جاهز يوفّر هيكلًا منظمًا لعرض المؤشرات والبيانات التحليلية بوضوح وكفاءة.
قالب بسيط وآمن صُمم لتوفير تجربة تسجيل دخول سهلة وسريعة.
قالب موحد يُستخدم لإبلاغ المستخدمين بانقطاع الخدمة مؤقتًا، مع تقديم رسائل واضحة ومتسقة خلال فترة الصيانة.
يستخدم هذا الموقع ملفات تعريف الارتباط لضمان سهولة الوصول وتحسين تجربة المستخدم أثناء التصفح. ويُعدّ استمرارك في التصفح موافقةً على شروط وأحكام هذا الموقع وعلى استخدامه لملفات تعريف الارتباط. سياسة الخصوصية