دراسة حالة · الأمن السيبراني · SaaS · ويب

CyberDefenders

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

  • مصمم منتجات
  • سبتمبر 2024 – أغسطس 2025
  • ويب
  • المصمم الوحيد، مع فريقي المنتج والتطوير
  • متاح على الويب

نظرة سريعة

المشكلة
كان على المستخدمين الجدد أن يكتشفوا بأنفسهم من أين يبدؤون، بين المختبرات العملية والشهادات المنظّمة، ولم تكن شاشات المختبرات ولوحة المعلومات والشهادات تبدو منتجًا واحدًا.
ما قمت به
أعدت تصميم لوحة المعلومات والمختبرات وصفحة المختبر، وصمّمت تهيئة بنقطة بداية وقائمة «ابدأ من هنا»، والحالات الفارغة، ومسار الإيقاف المؤقت بدل الإلغاء، واستعادة المدفوعات، وتلميحات الذكاء الاصطناعي، وأجريت اختبارات الاستخدام وضمان جودة التصميم مع فريق التطوير.
النتيجة
متاح على cyberdefenders.org، مع تحسّن تفعيل المستخدمين عبر تهيئة أوضح واكتشاف أسهل للمزايا.
صفحة مختبرات الفريق الأزرق بعد إعادة تصميمها على حاسوب محمول: فلاتر للمحتوى والصعوبة والنوع والحالة، وقائمة مختبرات بفئتها وصعوبتها ومدتها والتقدّم فيها، مع إجراءات الحفظ والمشاركة.

الجدول الزمني للمشروع

  1. تصميم المنتجالمختبرات ولوحة المعلومات والتهيئة والفوترة وتلميحات الذكاء الاصطناعيسبتمبر 2024 – أغسطس 2025

لوحة معلومات تعرف أين أنت.

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

لوحة معلومات CyberDefenders على جهاز لوحي: قائمة «ابدأ من هنا» عند الخطوة الأولى من خمس، وسلسلة 27 يومًا، وبطاقات الترتيب، ومخطط راداري للمهارات، ومختبرات المسار الحالي مع التقدّم، وخريطة لنشاط المستخدمين الآخرين، وقوائم المختبرات الحديثة.

صفحة مختبر مصمّمة للتحقيق.

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

صفحة مختبر MalaCrypt: فئة المختبر وأساليبه، ولوحة لتشغيل جهاز المختبر أو إيقافه مع التقدّم والشروحات، وسيناريو عن ملف تنفيذي مريب مع التعليمات والأدوات والأسئلة المطلوب الإجابة عنها.

اختر نقطة بدايتك.

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

شاشة «اختر نقطة بدايتك» بخيارين، ممارسة المهارات العملية والتدريب المنظّم والشهادات، والمساران اللذان يقودان إليهما: ترحيب CyberRange بمسارات مستويات مركز العمليات الأمنية، ولوحة الشهادات في وضع المعاينة.

لا شيء فارغ ببساطة.

كل تبويب فارغ يقول ما الخطوة التالية: الالتحاق بمسار، أو البدء بحل المختبرات، أو تصفّح المختبرات لحفظ بعضها. وصُمّمت قائمة «ابدأ من هنا» لكل خطوة من خطواتها، من صفر من خمس إلى الاكتمال، وتغطي الإشعارات اللحظات الواقعة بين ذلك، من فشل الدفع إلى وضع المعاينة.

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

تلميحات تتبع طريقة تفكيرك.

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

لوحة أسئلة المختبر في خمس حالات: الأسئلة مطوية، وسؤال مفتوح بتلميحاته، والتلميحات قيد التوليد، وتلميح ذكي مضاف أسفل تلميح سابق، مع تقدّم عند 3 من 14 سؤالًا.

خذ استراحة بدل المغادرة.

يبدأ الإلغاء بعرض ما ستخسره، مثل الأجهزة الأسرع ووقت الأجهزة السحابية غير المحدود، ثم السؤال عن السبب. وبعض الأسباب، مثل الانشغال حاليًا، يخدمها الإيقاف المؤقت أفضل، فيعرضه المسار: إيقاف حتى ثلاثة أشهر من دون رسوم، قبل أن يُستأنف الاشتراك.

مسار إلغاء الاشتراك: صفحة تعرض ما سيفوتك عند الإلغاء، واستبيان لأسباب الإلغاء، وعرض للإيقاف المؤقت حين يكون السبب الانشغال، واختيار مدة الإيقاف، وتأكيد، ورسالة بأن الاشتراك أُوقف مؤقتًا.

فشل الدفع، من دون طريق مسدود.

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

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

ملاحظات ختامية

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