تفاصيل العمل

أبجد | تصميم تجربة المستخدم وواجهات المستخدم لتطبيق تعليمي للمرحلة الثانوية

أبجد هو مشروع لتصميم تجربة المستخدم (UX) وواجهات المستخدم (UI) لتطبيق تعليمي مخصص لطلبة المرحلة الثانوية، يهدف إلى تقديم منهج اللغة العربية في بيئة رقمية حديثة تسهّل الوصول إلى المحتوى الدراسي، وتدعم التعلم الذاتي من خلال تجربة استخدام واضحة ومنظمة.

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

مميزات المشروع:

تصميم تجربة استخدام سهلة وبسيطة تركز على احتياجات طلبة المرحلة الثانوية.

تنظيم المحتوى الدراسي بطريقة تسهّل الوصول إلى الدروس والمهارات.

ربط كل درس بالمهارات السابقة اللازمة لفهمه، لدعم التعلم المتدرج.

تصميم واجهات حديثة ومتناسقة تراعي الوضوح وسهولة التنقل.

إنشاء رحلة مستخدم متكاملة تغطي جميع مراحل استخدام التطبيق.

الاعتماد على نظام تصميم (Design System) لضمان الاتساق البصري بين جميع الشاشات.

الشاشات المصممة:

شاشات الترحيب (Onboarding).

تسجيل الدخول وإنشاء الحساب.

الصفحة الرئيسية.

اختيار المرحلة الدراسية.

عرض المهارات الدراسية.

قائمة الدروس.

صفحة الدرس.

التدريبات.

الاختبارات.

نتائج الاختبارات.

متابعة التقدم.

الملف الشخصي.

الإعدادات.

طريقة التنفيذ:

تم تنفيذ المشروع وفق منهجية تصميم UX/UI من خلال المراحل التالية:

دراسة فكرة التطبيق وتحديد أهدافه التعليمية.

تحليل احتياجات الفئة المستهدفة وسلوك المستخدم.

تنظيم هيكل المعلومات (Information Architecture).

تصميم رحلة المستخدم (User Flow).

إعداد المخططات الأولية (Wireframes).

تصميم الواجهات النهائية (UI Design).

إنشاء نموذج تفاعلي (Interactive Prototype).

بناء نظام تصميم (Design System) لضمان الاتساق وسهولة التطوير مستقبلًا.

الأدوات المستخدمة:

Figma

FigJam