سبتمبر 2018 — سبتمبر 2019
مصمم منتجات

🫡 عملت في Wallarm من سبتمبر 2018 إلى سبتمبر 2019 مصمماً للمنتجات

سير العمل

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

أعدت بناء منطق تجربة المستخدم UX (تجربة المستخدم)، ورتبت واجهة المستخدم UI القديمة (واجهة المستخدم) وأطلقت بالتوازي نظام تصميم متكاملاً: مكتبة مكونات ونظام رموز دلالية متزامن مع الواجهة الأمامية.

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

ما أنجزته للمنتج

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

النتيجة

أصبحت الواجهة أسرع وأوضح لفرق الأمن: احتكاك أقل أثناء الفرز، ونظام بصري متسق، ولغة موحدة للمكونات بين التصميم والواجهة الأمامية.

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

بعض الشاشات الأخرى: