ANUPET ACADEMY رجوع للموقع
APD-01 · UI/UX

تصميم المنتجات (UI/UX) والذكاء الاصطناعي

مش بترسم شاشات — بتصمّم منتج بيشتغل، والذكاء الاصطناعي جنبك كمساعد مش كبديل.

8أسبوع 82ساعة من الصفر للاحتراف — بمحاكاة بيئة شغل 12مقعد في المجموعة 7,000ج.م

الكورس ده بيعمل إيه

دبلومة بتشتغل كأنك جوّه استوديو منتجات حقيقي: تبدأ من علم نفس المستخدم وقوانين الـ UX، وتعدّي على البحث وهيكلة المعلومات، لحد ما تبني Design System متكامل على Figma بـ Auto Layout و Variables و Components، وتختبره باختبارات قابلية استخدام حقيقية، وتسلّمه للمطوّرين بـ Dev Mode. والذكاء الاصطناعي معاك في كل خطوة — بس ورا مصفوفة نقد بشرية بتراجع مخرجاته بدل ما تاخدها كما هي. الشغل كله على Jira بنظام Agile Sprints، والدبلومة بتقفل بمشروع تخرّج بتدافع عنه قدام لجنة.

الأرقام

8أسبوع
82ساعة إجمالاً
64ساعة في القاعة
18ساعة مشروع
8وحدة
2×2محاضرة × ساعات
12مقعد/مجموعة
7,000ج.م

82 ساعة إجمالاً: 64 ساعة في القاعة مع المدرّب، و18 ساعة مشروع بإشراف ومراجعة أسبوعية. حضوري في مقر الأكاديمية. شهادة معتمدة من ANUPET Academy برقم تحقق إلكتروني.

المنهج بالكامل، وحدة وحدة

01 · تفكير المنتج والنماذج الذهنية وقوانين الـ UX · 12 س

  • الفرق بين Product Designer و UI/UX Designer: الجسر بين المستخدم والبيزنس والتنفيذ
  • اقتصاديات الـ UX: مؤشرات CR و ToT و TSR والـ Churn، ودراسة حالة زرار الـ ٣٠٠ مليون دولار
  • نظرية الحمل المعرفي (Sweller): الحمل الأساسي والدخيل والمفيد
  • قانون Jakob: البناء على النماذج الذهنية والأعراف اللي المستخدم متعوّد عليها
  • قانون Hick-Hyman: زمن القرار اللوغاريتمي والكشف التدريجي للخيارات
  • قانون Fitts: إرجونوميكس الحركة ومناطق اللمس ومعايير المنصات (Apple HIG مقابل Google M3)
  • مبادئ Gestalt للإدراك البصري: التقارب والتشابه والاستمرارية، والشبكة المكانية 8pt

02 · بحث الاكتشاف والذكاء الاصطناعي كمساعد · 12 س

  • البحث الكيفي مقابل الكمّي: مقابلات المستخدمين مقابل بيانات الاستخدام
  • هندسة الـ Prompt للمؤسسات: أدوار النظام وحقن السياق وقيود الشخصية
  • توليد شخصيات المستخدمين وخرائط التعاطف بـ Claude والنماذج اللغوية
  • مصفوفة النقد البشري بأربع ركائز: الواقعية السلوكية، الحالات الحدّية، توافق البيزنس، إمكانية التنفيذ
  • مقارنة المنافسين ومصفوفات الـ Benchmarking على FigJam

03 · هيكلة المعلومات ومسارات التفاعل · 12 س

  • مبادئ هيكلة المعلومات: تصنيف المحتوى والتسلسل الهرمي و Card Sorting
  • رسم مسارات المستخدم ورحلة من خمس مراحل من الوعي للاحتفاظ
  • توثيق حالات النظام: الفاضي والتحميل والنجاح والتحذير والخطأ الحرج
  • الـ Wireframing السريع منخفض الدقة وأساسيات الاسكتش

04 · أسس الواجهة البصرية ومحرّك Figma · 14 س

  • بيئة Figma: شبكات الفيكتور وبنية الـ Frames وشبكات التخطيط والـ Constraints
  • نظرية اللون الرقمي: نِسب التباين واللوحات المتاحة ومعيار WCAG 2.2 بمستوييه AA و AAA
  • أنظمة التايبوجرافي: السلالم النصية والإيقاع وهندسة ارتفاع السطر واقتران الخطوط
  • الـ UX Microcopy: كتابة سياقية بمساعدة الذكاء الاصطناعي بدل النص الوهمي

05 · أنظمة التصميم القابلة للتوسّع و Auto Layout المتقدم · 16 س

  • تعمّق في Auto Layout: الإطارات المتداخلة والتحجيم الديناميكي (Fill / Hug / Fixed) والتموضع المطلق
  • بنية المكوّنات: المكوّن الأصلي والـ Variants والخصائص المنطقية وتبديل النُسخ
  • الـ Design Tokens: تنظيم المسافات والألوان والأنماط النصية بما يطابق الفرونت إند
  • بناء مكتبة مكوّنات جاهزة للإنتاج: أزرار ومدخلات ونوافذ وأشرطة تنقّل

06 · البروتوتايب المتقدم وإرجونوميكس الحركة · 12 س

  • بروتوتايب عالي الدقة: الانتقالات والطبقات والتمرير الاتجاهي والعناصر الثابتة
  • Smart Animate: صناعة تفاعلات دقيقة واقعية وتبديل حالات متحرّك
  • الاختبار على إطارات الأجهزة ومحاكاة إيماءات المنصات الأصلية

07 · اختبار قابلية الاستخدام والتقييم الاستكشافي والتكرار · 10 س

  • قواعد Nielsen العشرة: تدقيق بنيوي لمسارات الواجهة
  • كتابة خطة اختبار: سيناريوهات مكتوبة ومهام غير موجَّهة
  • تتبّع الملاحظات الكيفية والمؤشرات الكمّية: نسبة إتمام المهمة ودرجة SUS
  • دورات التصميم التكرارية: ترجمة نتائج الاختبار لتحسينات في الواجهة

08 · الـ Agile وتسليم المطوّرين ومشروع التخرّج · 12 س

  • دورة حياة المنتج بالـ Agile: إدارة الـ Epics و User Stories ومعايير القبول على Jira
  • Figma Dev Mode وتسليم المطوّرين: الأبعاد ومقتطفات الكود وربط الـ Tokens والتوثيق
  • بناء دراسة حالة بمستوى الشركات: المشكلة، نقد البحث، عرض نظام التصميم، وأثر البيزنس
  • الدفاع عن مشروع التخرّج: عرض حي ومراجعة تصميم

هتخرج بإيه

هتخرج قادر تعمل إيه

  • تفهم أساسيات التفاعل بين الإنسان والحاسب وقوانين الـ UX المعرفية
  • تدخّل الذكاء الاصطناعي في البحث والـ Wireframing وكتابة الـ Microcopy من غير ما تفرّط في المعايير الحقيقية
  • تبني Design System قابل للتوسّع ومتوافق مع الكود بأدوات Figma المتقدمة
  • تعمل اختبارات قابلية استخدام حقيقية وتنقد الواجهات اللي الذكاء الاصطناعي بيطلّعها
  • تشتغل في فريق Agile على Jira وتجهّز تسليمًا إنتاجيًا كامل للمطوّرين
  • تقيس أثر التصميم على البيزنس بمؤشرات حقيقية: CR و ToT و TSR والـ Churn

المشاريع اللي هتخرج بيها

  • شخصيات مستخدمين وخرائط تعاطف مولّدة بالذكاء الاصطناعي ومراجَعة بمصفوفة النقد البشري
  • هيكل معلومات كامل وخريطة رحلة مستخدم من خمس مراحل على FigJam
  • مكتبة مكوّنات جاهزة للإنتاج بـ Variants و Design Tokens
  • بروتوتايب عالي الدقة بـ Smart Animate وتفاعلات دقيقة
  • تقرير اختبار قابلية استخدام بمؤشرات TSR و SUS والتحسينات المبنية عليه
  • مشروع التخرّج: دراسة حالة منتج كاملة بتسليم Dev Mode ودفاع أمام لجنة

بيوصّلك فين

  • Product Designer في شركة منتجات أو ستارت أب
  • UI/UX Designer في شركة سوفتوير أو وكالة
  • Design System Designer — بناء وصيانة مكتبة مكوّنات المنتج
  • UX Researcher — بحث المستخدمين واختبارات قابلية الاستخدام
  • فريلانسر على المنصات العالمية بملف أعمال بيتكلم بلغة البيزنس

محتاج إيه قبل ما تبدأ

  • لابتوب شخصي عليه Google Chrome محدّث
  • حساب Figma مجاني
  • حساب Claude أو ChatGPT مجاني لتمارين الذكاء الاصطناعي
  • ماوس خارجي — الدقة في Figma محتاجاه

الأدوات

FigmaFigJamJiraClaude / LLMsFigma AI Plugins

بيتذاكر فين وإزاي

حضوري في مقر الأكاديمية — أكاديمية أنوبت، مدينة بنها، منطقة الفلل، شارع إبراهيم جاد (أول شارع يسار بعد كوبري الفحص، ناصية كافيه سترونج ماشين)، برج السعيد والهدى (آخر برج على اليسار).. 2 محاضرة في الأسبوع، 2 ساعات للمحاضرة.