الأدوات والأصول

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

النماذج الأولية

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

يتم حفظ النماذج أيضًا على «فيجما» حيث تتوفر كمراجع على موقع الجهة الحكومية ويمكن إضافة التحديثات لها بتغير نظام التصميم وتحديثه.

استخدام «فيجما»

«فيجما Figma» هو تطبيق لتصميم واجهات الويب يدعم العمل الجماعي ويعد الأداة الوحيدة التي تعمل على أي نظام تصميم يدعم متصفحات الويب، حيث يمكن استخدام «فيجما» على أجهزة «ماك Mac» و«ويندوز Windows» و«لينكس Linux» و«كروم بوك Chromebook».

وقد تم بناء جميع العناصر والأقسام والنماط الأساسية بنظام التصميم كملفات بصيغة ` .fig ` والذي يمكنك تحميله واستخدامه كجزء من تصميمك.

اختبار الموقع

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

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

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

باحثو تجربة المستخدم ومصمميها وفريق الرسم والجرافيك

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

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

مطورو الواجهات الأمامية والخلفية وفريق تطوير «ديفوبس DevOps»

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

ينصَح مطوري الواجهات الأمامية باتباع على ما يلي من أساليب الاختبار:

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

على مطوري الواجهات الخلفية والتطبيقات ومطوري أكواد البرمجة القائمة على البيانات التأكد من عمل الاختبارات الآتية:

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

أدوات لاختبار التصميمات

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