E-Learning App

نظرة عامة: تصميم رحلة تعلم رقمية من الفكرة إلى التنفيذ هذا المشروع يمثل عملية تصميم UI/UX كاملة لتطبيق جوال تعليمي (E-Learning) يهدف إلى ربط المستخدمين بدورات تدريبية متخصصة في مجالات مثل البرمجة، التصميم، وريادة الأعمال. ما يميز هذا العمل هو إظهار المنهجية الكاملة للتصميم (Design Process)، بدءاً من الهياكل السلكية المنخفضة الدقة (Low Fidelity)، مروراً بالهياكل المتوسطة الدقة (Mid Fidelity)، وصولاً إلى التصميم النهائي عالي الدقة (High Fidelity)، مما يدل على قدرتي على العمل بشكل منهجي ومنظم في كل مرحلة من مراحل المشروع. المنهجية وعملية التصميم لقد قمت بتقسيم العمل إلى ثلاث مراحل لضمان تجربة مستخدم مثالية وتصميم عملي: 1. مرحلة الهياكل السلكية منخفضة الدقة (Low Fidelity) الهدف: التركيز على البنية الأساسية للمعلومات (Information Architecture) وترتيب العناصر الرئيسية وتدفق الشاشات (User Flow). الإنجاز: تحديد مواضع الأزرار الرئيسية، وحقول الإدخال، وعناصر الملاحة (Navigation) لصفحات تسجيل الدخول، الصفحة الرئيسية، الدورات، قائمتي، سلة المشتريات، وطلب الشراء. 2. مرحلة الهياكل السلكية متوسطة الدقة (Mid Fidelity) الهدف: إضافة تفاصيل المحتوى، وترتيب المكونات (Components)، وتحديد التسلسل الهرمي للمعلومات بشكل أوضح. الإنجاز: تحديد أنواع المحتوى المعروض (مثل اسم الدورة، المدة، السعر)، وتصميم نماذج للعناصر المتكررة مثل بطاقات الدورات وتقييمات المستخدمين. 3. مرحلة التصميم النهائي عالية الدقة (High Fidelity) الهدف: تطبيق الهوية البصرية، واختيار الألوان والخطوط، وإنشاء واجهات مستخدم جذابة وسهلة الاستخدام. الإنجاز: الهوية البصرية: استخدام لوحة ألوان زاهية ودافئة (الأصفر، البرتقالي، الأزرق) لخلق شعور بالحيوية والتعلم الحديث. شاشة الاستكشاف (Home Page / Explore): تصميم بصري جذاب يستخدم بطاقات كبيرة ومصنفة (مثل البرمجة، التصميم) لتشجيع المستخدم على استكشاف المحتوى. شاشات التفاعل: تصميم شاشات MyList و MyCart لعرض الدورات بشكل واضح مع تفاصيل السعر وميزات الحذف أو الشراء. تدفق الشراء والدفع (Order Flow): تبسيط عملية إتمام الطلب (Order) من السلة إلى الشراء النهائي (Buy Now). التفاعل والمجتمع (Voting): تصميم خاص لتقييم الورشات والدورات، مما يدعم الجانب المجتمعي وبناء الثقة في محتوى التطبيق. الخلاصة والقيمة المضافة يوضح هذا المشروع قدرتي ليس فقط على إنشاء واجهات جميلة، بل أيضاً على: التفكير المنهجي: إظهار القدرة على بناء منتج رقمي بطريقة منظمة بدءاً من مرحلة المفاهيم الأولية (Wireframing). تصميم تدفقات معقدة: إدارة تدفقات المستخدم الرئيسية (التسجيل، التعلم، الشراء) بكفاءة ووضوح. التركيز على المستخدم: تقديم حلول تصميمية تدعم تجربة تعلم ممتعة ومحفزة.