علوم — لوحة تحكم قائمة على الأدوار
تصميم منتج من الصفر للوحة التحكم الإدارية الداخلية لـ "علوم"، منصة نشر المحتوى العلمي العربي. تطلب المشروع ترجمة مسار عمل تحريري معقد إلى واجهة منطقية مبنية على أدوار المستخدمين (Role-based).
لوحة تحكم
دراسة حالة
مصمم واجهات وتجربة المستخدم
#تقنيات_التعليم
تفاصيل المشروع
عكس مشاريع إعادة التصميم، كان هذا التحدي تأسيسياً. لم تكن المشكلة بصرية، بل منطقية ونظمية بحتة: كيف نصمم لوحة تحكم تتكيف ديناميكياً (من حيث التخطيط، والبطاقات الإحصائية، والإجراءات المتاحة) بناءً على مستوى صلاحيات المستخدم (مدير، مراجع، كاتب) دون تعريض النظام لتدخلات غير مصرح بها أو إغراق الواجهة ببيانات غير ذات صلة.
قبل تنفيذ أي تصميم بصري، قمنا بتعريف الهيكلة الصارمة للنظام. تم تقسيم بنية المنصة إلى فروع تشغيلية واضحة كما هو موضح في خريطة الموقع (Site Map): إعدادات النظام، تصنيفات المحتوى، وإدارة المقالات، مع فصل عناصر التحكم الإدارية الشاملة عن المهام التحريرية الخاصة بكل مستخدم.
صُممت الواجهة لتعكس منطق الصلاحيات بدقة.
واجهة المدير (Admin): صُممت للتحكم الشامل، مع بطاقات إحصائية متقدمة وجداول بيانات تدعم الفلترة المعقدة وإجراءات (CRUD) للتحكم السريع في حالات المقالات وملفات المستخدمين.
التمييز بين الأدوار: تم تصميم واجهة "المراجع" لتركز بالكامل على طابور العمل وأوقات المعالجة، بينما صُممت واجهة "الكاتب" لتكون مبسطة وتركز فقط على تتبع حالات المقالات الخاصة به والتغذية الراجعة.
لضمان قابلية التوسع (Scalability) وتسليم خالي من الأخطاء لفريق التطوير، تم بناء نظام تصميم محلي شامل في Figma. تم توثيق المكونات وتحديد المتغيرات (Variables) للخطوط والألوان الدلالية (النجاح، التحذير، الخطأ).
نتج عنه بنية واجهة جاهزة للتطوير (Developer-ready) تم اعتمادها من قبل إدارة المشروع.
