دورة تصميم واجهة المستخدم وتجربة المستخدم UI/UX

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

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

الدرس 2 • فهم واجهة المستخدم مقابل تجربة المستخدم

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

الدرس 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 • تسهيل جلسات قابلية الاستخدام

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