المحتوى:

1. UI/UX مقدمة عن الـ
   • تعريف  وأمثلة عملية على الفرق بينهما.
   • أهمية التصميم الجيد في تحسين تجربة المستخدم.
2. المهارات الأساسية لمصمم UI/UX
   • التفكير الإبداعي.
   • مهارات التواصل.
   • أدوات التصميم الحديثة.
3. أدوات سيتم استخدامها في الدورة
   • Elementor Pro.
   • أدوات إضافية مثل Figma أو Adobe XD للرسومات.

التطبيق العملي:

• تثبيت WordPress وElementor Pro والتعريف بالواجهة.

المحتوى:

1. المرحلة الأولى: البحث
   • كيفية تحليل المستخدمين وتحديد احتياجاتهم.
   • أدوات لجمع البيانات مثل Google Forms.
2. إنشاء الشخصيات (Personas)
   • كيفية تصميم شخصيات المستخدم بناءً على البيانات.
3. خريطة رحلة المستخدم (User Journey Map)
   • فهم نقاط الاتصال ومشاكل المستخدمين.

التطبيق العملي:

• تحديد جمهور مستهدف لموقع بسيط (مثل متجر إلكتروني).
• إنشاء مخطط مبدئي باستخدام أداة مجانية مثل Miro.

الأهداف:

• إتقان المبادئ الأساسية لتجربة المستخدم.

المحتوى:

1. مبادئ تصميم يركز على المستخدم
   • سهولة الاستخدام والبساطة.
2. قابلية الاستخدام وإمكانية الوصول
   • تعريف قابلية الاستخدام.
   • تحسين تجربة المستخدم لذوي الاحتياجات الخاصة.
3. دراسة حالة لموقع سيئ وتحليل مشاكله

التطبيق العملي:

• تحسين نموذج موقع عبر Elementor بناءً على مبادئ UX.

الأهداف:

• التعرف على عناصر واجهة المستخدم وتطبيقها في التصميم.

المحتوى:

1. مبادئ تصميم واجهات المستخدم
   • التباين، المحاذاة، والتسلسل الهرمي البصري.
2. اختيار الألوان والخطوط
   • استخدام أدوات مثل Adobe Color.
3. تصميم شبكات مرنة ومتجاوبة

التطبيق العملي:

• تصميم واجهة بسيطة باستخدام Elementor Pro.
• تخصيص ألوان وخطوط الموقع.

الأهداف:

• تعلم بناء النماذج الأولية وعرضها للمستخدمين.

المحتوى:

1. مفهوم النماذج الأولية
   • أهميتها في عملية التصميم.
2. أدوات إنشاء النماذج الأولية
   • مقارنة بين Elementor Pro وأدوات مثل Figma.

التطبيق العملي:

• إنشاء صفحات رئيسية (Landing Page) مع تجربة التفاعل باستخدام Elementor.

الأهداف:

• تحسين تفاعل المستخدم مع الموقع.

المحتوى:

1. إضافة الرسوم المتحركة والحركات
   • كيفية استخدام ميزات Elementor مثل التحريك البسيط (Motion Effects).
2. تصميم تدفقات المستخدم
   • ربط صفحات الموقع بوضوح ومنطقية.

التطبيق العملي:

• تصميم تفاعل بسيط مثل القائمة المنسدلة أو نموذج الاتصال.

الأهداف:

• تقييم التصميم بناءً على التغذية الراجعة وتحسينه.

المحتوى:

1. اختبار تجربة المستخدم
   • كيفية إجراء اختبار A/B.
   • استخدام أدوات مثل Google Analytics لتحليل البيانات.
2. تحسين الأداء
   • تحسين سرعة الموقع باستخدام إضافات WordPress.

التطبيق العملي:

• تحليل موقع عملي وتحسينه بناءً على الملاحظات.

الأهداف:

• تنفيذ مشروع شامل يعكس جميع المهارات المكتسبة.

المحتوى:

1. تنفيذ مشروع عملي
   • تصميم موقع بسيط (مثل متجر إلكتروني أو مدونة).
2. عرض المشروع
   • تقديم العمل أمام باقي المشاركين.
3. نصائح للتطوير المهني
   • بناء محفظة أعمال قوية.
   • كيفية البحث عن وظائف أو فرص عمل حر (Freelance).

التطبيق العملي:

• تسليم مشروع متكامل على Elementor Pro يعكس المفاهيم المكتسبة.