كورس تصميم واجهات UI UX

الدرس 1 • المبادئ الأساسية للتصميم الجيد

تغطي قابلية الاستخدام وإمكانية الوصول والاتساق والتغذية الراجعة كمبادئ أساسية. يطبق الطلاب هذه المبادئ كمعايير تقييم في كل الأعمال اللاحقة.

الدرس 2 • فهم UI مقابل UX

يعرّف UI كطبقة واجهة بصرية و UX كرحلة المستخدم الكاملة. يؤسس مفردات تُستخدم طوال الدورة.

الدرس 3 • نظرة عامة على عملية التصميم

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

الدرس 1 • طرق البحث الكمي

يقدّم الاستبيانات ومراجعة التحليلات وتفسير البيانات السلوكية. يوازن بين النتائج النوعية والأدلة القابلة للقياس.

الدرس 2 • تخطيط البحث واستراتيجيته

يعلّم كيفية تحديد أهداف البحث واختيار الطرق وتجنيد المشاركين. يوائم نطاق البحث مع قيود المشروع.

الدرس 3 • توليف البحث في رؤى

يحوّل البيانات الخام إلى خرائط تقارب وشخصيات وخرائط رحلة. تُغذي المخرجات مباشرة في التفكير وهندسة المعلومات.

الدرس 1 • أنماط التنقل والقوائم

تغطي أنماط التنقل العام والمحلي والسياقي للويب والموبايل. يختار الطلاب الأنماط بناءً على حجم المحتوى وسياق المستخدم.

الدرس 2 • فرز البطاقات واختبار الشجرة

يعلّم فرز البطاقات المفتوح والمغلق للتحقق من صحة مجموعات الفئات. يتحقق اختبار الشجرة من التنقل قبل بدء التصميم البصري.

الدرس 3 • مبادئ هندسة المعلومات

يشرح التنظيم والتسمية والتنقل والبحث كركائز لهندسة المعلومات. يربط قرارات هندسة المعلومات بالنماذج الذهنية للمستخدمين من البحث.

الدرس 1 • تدفقات المستخدمين وربط المهام

يعرّف تدفقات المستخدمين كمسارات خطوة بخطوة عبر المهام قبل رسم الشاشات. يضمن أن الإطارات السلكية تعالج أهداف المستخدم الحقيقية المحددة في البحث.

الدرس 2 • تقنيات الرسم الأولي والتفكير

يقدّم الرسم الأولي السريع وتمارين Crazy Eights وطرق الصور المصغرة للتفكير السريع. يشجع على الكمية على حساب الجودة لإظهار خيارات تخطيط متنوعة.

الدرس 3 • ربط النموذج الأولي منخفض الدقة

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

الدرس 1 • التسلسل البصري والتوكيد

يُرشد إلى استخدام الحجم والوزن والتباين والموضع لتوجيه انتباه المستخدم. يطبق الطلاب التسلسل الهرمي لضمان أن الإجراءات الحاسمة مرئية فورًا.

الدرس 2 • التخطيط والشبكات والتباعد

يشرح شبكات الأعمدة وشبكات الأساس ورموز التباعد للتخطيطات المتسقة. يربط قرارات التخطيط بالإيقاع البصري والتسلسل الهرمي للمحتوى.

الدرس 3 • نظرية الألوان وأنظمة ألوان واجهة المستخدم

يعلّم سيكولوجية الألوان ونسب التباين وبناء لوحة ألوان لواجهة المستخدم. ينشئ الطلاب أنظمة ألوان قابلة للوصول تلبي معايير التباين.

الدرس 4 • الطباعة الفنية في تصميم الواجهات

تغطي اختيار نوع الخط ومقياس الخط وارتفاع السطر وسهولة القراءة على الشاشات. تؤثر خيارات الطباعة الفنية بشكل مباشر على قابلية الاستخدام وإدراك العلامة التجارية.

الدرس 1 • توثيق وصيانة الأنظمة

يُرشد إلى كتابة إرشادات الاستخدام وأمثلة الصواب والخطأ والتحكم في إصدارات المكونات. يتيح التوثيق للفرق تبني النظام دون تدخل المصمم.

الدرس 2 • تشريح نظام التصميم

يعرّف رموز التصميم والمكونات والأنماط والتوثيق كطبقات للنظام. يؤسس لماذا تقلل الأنظمة من عدم الاتساق وتسرّع الإنتاج.

الدرس 3 • المكونات المتجاوبة والمتكيفة

تغطي كيفية تكيف المكونات عبر أحجام الشاشات باستخدام التخطيط التلقائي والقيود. تضمن عمل النظام عبر سياقات الموبايل والتابلت وسطح المكتب.

الدرس 1 • بناء النماذج الأولية عالية الدقة

يطبق مكونات نظام التصميم لإنشاء نماذج أولية تفاعلية دقيقة البكسل. تحاكي النماذج الأولية سلوك التطبيق الحقيقي لاختبار قابلية استخدام موثوق.

الدرس 2 • اختبار النموذج الأولي وتحسينه

يُرشد إلى الاختبار المنظم للنماذج الأولية عالية الدقة لتحديد إخفاقات التفاعل. تغلق دورات التحسين الفجوة بين النموذج الأولي والمنتج النهائي.

الدرس 3 • التفاعلات الدقيقة والرسوم المتحركة

يعلّم حلقات المشغل-التغذية الراجعة ومنحنيات التخفيف وإرشادات المدة لرسوم واجهة المستخدم المتحركة. يصمم الطلاب رسومًا متحركة توجه الانتباه دون التسبب في تشتيت.

الدرس 4 • تصميم تفاعل الإيماءات واللمس

تغطي أنماط السحب والقرص والنقر والضغط المطول لواجهات الموبايل واللمس. يصمم الطلاب تدفقات قائمة على الإيماءات تبدو طبيعية وقابلة للاكتشاف.

الدرس 1 • أساسيات اختبار قابلية الاستخدام

يعرّف الاختبار الموجّه مقابل غير الموجّه ومتى يتم تطبيق كل طريقة. يؤسس الاختبار كنشاط مستمر، وليس فحصًا في المرحلة النهائية.

الدرس 2 • كتابة خطط الاختبار والمهام

يعلّم كيفية كتابة مهام قائمة على السيناريوهات تكشف مشاكل قابلية الاستخدام الحقيقية. تمنع المهام المكتوبة جيدًا توجيه المشاركين وتنتج بيانات صالحة.

الدرس 3 • تحليل النتائج وإعداد التقارير

يحوّل بيانات الجلسات إلى مشكلات مصنفة حسب الخطورة وتوصيات ذات أولوية. تنقل التقارير النتائج إلى أصحاب المصلحة الذين لم يحضروا الجلسات.

الدرس 4 • تسهيل جلسات قابلية الاستخدام

تغطي تقنيات الميسّر للحفاظ على حيادية الجلسات وإنتاجيتها. يتدرب الطلاب على الملاحظة وتدوين الملاحظات والاستفسار دون تحيز.