Dashboard Design · UX/UI Design
Skill Tree
تصميم تجربة وواجهة لوحة تحكم.
الدور
تصميم لوحة التحكم وتجربة المستخدم
نظرة عامة
المتدربون: سليمان المالكي، خالد آل عقران، البدر عليسي.
فكرة المشروع
منصة رقمية تُمكّن الموظفين من اكتشاف مهاراتهم الحالية وتحديد احتياجاتهم للتطور المهني، وتمنح الشركات في الوقت نفسه رؤية واضحة لقدرات فريقها، مما يسهّل وضع كل موظف في الدور المناسب عبر نظام «شجرة المهارات».
الرؤية والرسالة
تمكين بيئات العمل المستقبلية من خلال تحويل إدارة المهارات إلى تجربة رقمية تفاعلية، تضمن وضع كل موظف في مساره الصحيح لتحقيق أقصى درجات الإبداع والإنتاجية للشركة والفرد معًا.
الفئة المستهدفة
الشركات، وفرق الموارد البشرية (HR)، والموظفون.
القيمة التي تقدمها المنصة
ليست مجرد منصة، بل جسر ذكي يربط بين طموح الموظف في التطور واحتياج الشركة لاستثمار كوادرها.
ما يميز المنصة
نظام «شجرة المهارات» (Skill Tree) التفاعلي، الذي يحوّل مسار التطور الوظيفي التقليدي إلى تجربة بصرية واضحة ومحفّزة، تسهّل على الموظف معرفة خطواته القادمة بدقة.
المنهج والقرارات
تجربة المستخدم (UX)
مسار المستخدم: يبدأ بتسجيل الدخول أو إنشاء حساب (موظف أو HR)، ثم يتفرّع إلى الأقسام الرئيسية: الصفحة الرئيسية، وشجرة المهارات، والمهام، والتحليلات، والملف الشخصي.
شخصية المستخدم: أحمد العتيبي، موظف تسويق يسعى إلى امتلاك مسار مهني واضح وتطوير مهاراته بشكل منظم.
الأهداف: تطوير مهاراته الحالية، والحصول على ترقية، وفهم المسار المهني المناسب له.
الاحتياجات: مسار مهني واضح، ومعرفة المهارات الناقصة، ونظام يتابع التقدم باستمرار.
التحديات: عدم وضوح متطلبات الترقية، وتقييم غير دقيق من الشركة، وغياب خطة تطوير واضحة.
ما يفضّله: الشعور بالتقدم، ووضوح الإنجازات، وواجهة بسيطة وسهلة.
خريطة التعاطف: يفكّر: «هل أنا مؤهل للترقية؟» و«إيش المهارات اللي ناقصتني؟». يقول: «أبغى خطة واضحة لتطوري». يشعر بالإحباط من عدم الوضوح، وبالحماس حين يرى تقدّمه. ويحاول إنجاز مهامه اليومية ويبحث عن دورات تدريبية.
الهوية البصرية
الشعار
كيف صممنا الشعار: لم يكن الهدف شكلًا جميلًا فقط، بل تلخيصًا بصريًا لفكرة المنصة: كيف نربط المهارة بالطموح؟ الأشكال السداسية تمثّل المهارات القوية والمترابطة، والخطوط المتصلة تجسّد مسار التطور الذي يربط وضع الموظف الحالي بأهدافه واحتياجات الشركة، والسهم للأعلى يرمز إلى النمو الوظيفي المستمر و«المنفعة المزدوجة» للموظف والشركة معًا.
الألوان: الأزرق #29739A ويعكس الثقة والاحترافية، والأبيض #FFFFFF ويرمز إلى البساطة والوضوح.
الخطوط: خط Alexandria، لوضوحه وسهولة قراءته، خاصة في عرض البيانات والنصوص داخل الواجهات.
الحل
واجهة المستخدم (UI)
التطوير والرحلة
التحديات: تحويل فكرة معقدة إلى تجربة بسيطة، وتصميم نظام يخدم فئتين مختلفتين (الموظف وHR)، وبناء نظام «شجرة المهارات» بشكل منطقي.
الدروس المستفادة: اكتسبنا خبرة عملية تدمج الجانبين التقني والإداري، بتطبيق مفاهيم نظم المعلومات وتحليل الأعمال لترجمة احتياجات الشركات في تطوير مهارات موظفيها إلى حلول رقمية. كما تعمّقنا في تصميم UI/UX عبر رسم رحلات مستخدم تلبي فئتين في آنٍ واحد: موظفي الموارد البشرية الذين يحتاجون إلى أدوات تحكم وتقارير شاملة، والموظفين الذين يبحثون عن واجهة سلسة ومحفّزة للتعلم.
الأدوات المستخدمة: Figma للواجهات، وCanva للأيقونات والعرض التقديمي، وChatGPT لتنظيم الأفكار، إضافة إلى أداة لتصميم الشعار والـMockup.
توثيق مراحل العمل
