تصميم واجهات Empty States لتطبيق تعليمي (LinguaGo)

الوصف:

في هذا المشروع ركزت على حل واحدة من المشاكل الشائعة في أي منتج رقمي: شاشات الفراغ (Empty States).

بدل ما تكون مجرد صفحات تقول “لا يوجد بيانات”، صممت شاشات تفاعلية تعطي المستخدم إحساس بالترحيب والتوجيه.

ما قمت به:

اختيار سيناريو لتطبيق تعلم اللغات (LinguaGo).

تصميم حالتين أساسيتين:

No Courses Yet → لتشجيع المستخدم الجديد على بدء أول كورس.

No Saved Words → لتحفيز المستخدم على حفظ الكلمات أثناء التعلم.

استخدام ألوان مبهجة ومتناسقة مع هوية العلامة.

إضافة Illustrations مرحة (مثل الكتاب النايم) لخلق تجربة ودودة.

إبراز أزرار CTA واضحة مع روابط ثانوية كخيارات بديلة.

المحافظة على اتساق التصميم بإضافة Header و Footer لربط الشاشات بباقي التطبيق.

النتيجة:

الشاشات لم تعد نهايات مسدودة، بل نقاط انطلاق. كل Empty State أصبحت فرصة لجعل المستخدم يتفاعل أكثر مع المنصة ويشعر أن التطبيق يوجهه خطوة بخطوة.