مدرب
تقدم هذه الدورة شرحًا عربيًا منظمًا لـ تصميم UI/UX يبدأ بالمفاهيم الأساسية وينتقل تدريجيًا إلى الاستخدام العملي. لا يكتفي المسار بالتعريفات؛ بل يربط كل محور بممارسة واختبار وفهم الأخطاء المتوقعة.
ابدأ بالوحدات حسب ترتيبها، ونفّذ الأمثلة على بيئة اختبار، ثم حل التمارين دون نسخ الحل مباشرة. احتفظ بملاحظاتك حول الأخطاء، وأنهِ الوحدات بالمشروع العملي عندما يتوفر.
مسار عملي كامل لتعلّم أساسيات UI/UX من التهيئة والمفاهيم الأولى إلى المعمارية والاختبار والأمان والأداء والنشر. تتطور جميع الدروس داخل مشروع واحد هو تجربة حجز خدمة من البحث حتى التأكيد، وتغطي أمثلة الدورة research وflows وwireframes وdesign system وusability testing. كل درس يضيف جزءًا يبقى في المشروع ويشترط تحققًا قبل الانتقال.
المخرجات:
تتضمن هذه الدورة 7 وحدات، 42 دروس، و 6:49 ساعات من المواد.
صياغة المشكلة وفرضيات المنتج في أساسيات UI/UX: قبل كتابة الحل، فرّق بين Problem ، framing ، product ، hypotheses ، Research .
خطة بحث ومقابلات المستخدمين في أساسيات UI/UX: صلاحيات النظام تجمع owner/group/other أوACL مع هوية العملية الفعلية.
صياغة مشكلة المستخدم في أساسيات UI/UX: صلاحيات النظام تجمع owner/group/other أوACL مع هوية العملية الفعلية.
أسئلة البحث في أساسيات UI/UX: حوّل Research ، questions ، problem ، framing إلى أسئلة تصميم: من يملك هذه المسؤولية؟
Personas والأدلة في أساسيات UI/UX: مفاتيح هذا الدرس هي Personas ، evidence ، Research ، problem ، framing .
اختبار وحدة «البحث وتعريف المشكلة» في دورة أساسيات UI/UX.
تعرّف على هرمية المحتوى ضمن مسار تصميم UI/UX، مع تفسير الفكرة وكيفية استخدامها ومثال عملي وتدريب ذاتي يساعدك على اختبار الفهم.
تدفقات المستخدم في أساسيات UI/UX: صلاحيات النظام تجمع owner/group/other أوACL مع هوية العملية الفعلية.
تعرّف على Wireframes ضمن مسار تصميم UI/UX، مع تفسير الفكرة وكيفية استخدامها ومثال عملي وتدريب ذاتي يساعدك على اختبار الفهم.
اختبار بنية المعلومات مع المستخدمين — هندسة المعلومات في أساسيات UI/UX: اختبر behavior يستطيع المستخدم أوالمستهلك ملاحظته.
تغطية empty/error states في User Flows — هندسة المعلومات في أساسيات UI/UX: صمم الفشل كجزء من العقد: ما الأخطاء المتوقعة؟
اختبار وحدة «هندسة المعلومات» في دورة أساسيات UI/UX.
التسلسل البصري في أساسيات UI/UX: حوّل Visual ، hierarchy ، accessibility إلى أسئلة تصميم: من يملك هذه المسؤولية؟
Design Tokens في أساسيات UI/UX: مفاتيح هذا الدرس هي Design ، tokens ، Visual ، accessibility .
تصميم واجهة قابلة للوصول في أساسيات UI/UX: في التصميم الكائني لا تبدأ بالوراثة؛ ابدأ بالمسؤولية والعقد.
Responsive وRTL داخل النظام البصري — النظام البصري والإتاحة في أساسيات UI/UX: التخطيط المتجاوب يتعامل مع المحتوى لا أسماء الأجهزة.
WCAG وقياس التباين والتنقل بلوحة المفاتيح — النظام البصري والإتاحة في أساسيات UI/UX: التوجيه يربط عنوانًا أومسار تنقل بحالة تطبيق يمكن استعادتها.
اختبار وحدة «النظام البصري والإتاحة» في دورة أساسيات UI/UX.
Prototype تفاعلي في أساسيات UI/UX: في UX انتقل من evidence إلى decision: research يجمع ملاحظات، synthesis يحولها إلى patterns، persona أوjourney تلخص سياقًا، wireframe يختبر structure، وprototype يختبر تفاعلًا…
اختبار قابلية الاستخدام في أساسيات UI/UX: اختبر behavior يستطيع المستخدم أوالمستهلك ملاحظته.
تعرّف على التسليم للمطور ضمن مسار تصميم UI/UX، مع تفسير الفكرة وكيفية استخدامها ومثال عملي وتدريب ذاتي يساعدك على اختبار الفهم.
تحليل نتائج usability test — النموذج والاختبار والتسليم في أساسيات UI/UX: اختبر behavior يستطيع المستخدم أوالمستهلك ملاحظته.
Design QA وتسليم حالات الواجهة للمطور — النموذج والاختبار والتسليم في أساسيات UI/UX: في UX انتقل من evidence إلى decision: research يجمع ملاحظات، synthesis يحولها إلى patterns، persona أوjourney تلخص سياقًا…
اختبار وحدة «النموذج والاختبار والتسليم» في دورة أساسيات UI/UX.
نظام التصميم والتدفقات المتقدمة: Personas وJobs To Be Done في أساسيات UI/UX: العملية لها PID وموارد وحالة خروج، والخدمة تضيف lifecycle وسياسة restart واعتماديات.
نظام التصميم والتدفقات المتقدمة: Customer Journey وخريطة الألم في أساسيات UI/UX: في UX انتقل من evidence إلى decision: research يجمع ملاحظات، synthesis يحولها إلى patterns، persona أوjourney تلخص سياقًا…
نظام التصميم والتدفقات المتقدمة: Information Architecture وCard Sorting في أساسيات UI/UX: المعمارية تحدد اتجاه الاعتماد ومكان القرارات.
نظام التصميم والتدفقات المتقدمة: User Flows وحالات الفشل في أساسيات UI/UX: صمم الفشل كجزء من العقد: ما الأخطاء المتوقعة؟
نظام التصميم والتدفقات المتقدمة: Design Tokens ونظام التصميم في أساسيات UI/UX: في UX انتقل من evidence إلى decision: research يجمع ملاحظات، synthesis يحولها إلى patterns، persona أوjourney تلخص سياقًا…
اختبار وحدة «نظام التصميم والتدفقات المتقدمة» في دورة أساسيات UI/UX.
الإتاحة والاختبار والتحقق: Responsive وRTL في أساسيات UI/UX: التخطيط المتجاوب يتعامل مع المحتوى لا أسماء الأجهزة.
الإتاحة والاختبار والتحقق: WCAG والإتاحة في أساسيات UI/UX: الإتاحة جزء من contract الواجهة: ترتيب focus، أسماء عناصر مفهومة، semantics صحيحة، contrast كافٍ، وعدم الاعتماد على اللون وحده.
الإتاحة والاختبار والتحقق: اختبار قابلية الاستخدام وقياس النتائج في أساسيات UI/UX: اختبر behavior يستطيع المستخدم أوالمستهلك ملاحظته.
الإتاحة والاختبار والتحقق: Design QA ومراجعة التنفيذ في أساسيات UI/UX: التحقق ليس رسالة حمراء بجانب الحقل فقط.
الإتاحة والاختبار والتحقق: الخصوصية وتقليل البيانات الحساسة في أساسيات UI/UX: التحقق ليس رسالة حمراء بجانب الحقل فقط.
اختبار وحدة «الإتاحة والاختبار والتحقق» في دورة أساسيات UI/UX.
التسليم وDesign QA والمشروع الختامي: تسليم التصميم للمطور في أساسيات UI/UX: مفاتيح هذا الدرس هي Developer ، Design .
التسليم وDesign QA والمشروع الختامي: توثيق الحالات والمكونات في أساسيات UI/UX: المكوّن ينجح عندما تكون واجهته أصغر من داخله: inputs واضحة، events أوoutputs محددة، وحالة محلية لا تتسرب إلى بقية الصفحة.
التسليم وDesign QA والمشروع الختامي: إدارة نسخ التصميم في أساسيات UI/UX: استخدم Design ، version كقاموس مصغّر لهذا الدرس.
التسليم وDesign QA والمشروع الختامي: مراجعة التنفيذ بعد الدمج في أساسيات UI/UX: استخدم Post-implementation ، review ، Design كقاموس مصغّر لهذا الدرس.
التسليم وDesign QA والمشروع الختامي: دراسة حالة Portfolio للمشروع في أساسيات UI/UX: حوّل Portfolio ، case ، study ، Design إلى أسئلة تصميم: من يملك هذه المسؤولية؟
اختبار وحدة «التسليم وDesign QA والمشروع الختامي» في دورة أساسيات UI/UX.
الرد على التعليق