التصميممتوسّطمتاح ضمن الاشتراك

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

منتج يفهمه المستخدم من أول مرة

٤٫٧ (٣ تقييم)٩٠ متعلّم٤ وحدة١٢ درس٣ س ٢٦ دالعربية
ندى مصطفىالمدرّب: ندى مصطفى

شاهد مقدّمة الكورس

الفيديو معروض من مصدره الأصلي على يوتيوب.UI/UX Design Tutorial — DesignCourse, embedded from YouTube

نظرة عامة

الفرق بين واجهة جميلة وواجهة جيدة هو أن الثانية اختُبِرت. الكورس يمشي بالترتيب الذي يحدث في الشركات: تفهم المستخدم، ترسم بنية المعلومات، تبني نموذجاً أولياً، ثم تختبره مع خمسة أشخاص وتصلح ما يعثرون فيه. المخرج مشروع كامل موثّق يصلح لمقابلة عمل.

ماذا ستتعلّم

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

محتوى الكورس

٤ وحدة · ١٢ درس · ٣ س ٢٦ د

١الوحدة الأولى — فهم المستخدم٣ · ٣٥ د

البحث قبل أي بكسل.

    لماذا نبحثفيديو١٢ دمعاينة مجانية
    مقابلات وملاحظةفيديو١٣ دمقفل — أكمل الدرس السابق أولاً
    رحلة المستخدممقال١٠ دمقفل — أكمل الدرس السابق أولاً
٢الوحدة الثانية — البنية والتدفّق٣ · ١ س

ترتيب المعلومات قبل تصميمها.

    بنية المعلوماتفيديو١٣ دمقفل — أكمل الدرس السابق أولاً
    الإطارات السلكيةفيديو١٢ دمقفل — أكمل الدرس السابق أولاً
    تكليف: إطارات مشروعكتكليف٣٥ دمقفل — أكمل الدرس السابق أولاً
٣الوحدة الثالثة — الواجهة٣ · ٣٨ د

من الرمادي إلى تصميم كامل.

    أنظمة التصميمفيديو١٤ دمقفل — أكمل الدرس السابق أولاً
    الحالات التي ننساهامقال١١ دمقفل — أكمل الدرس السابق أولاً
    النموذج الأولي التفاعليفيديو١٣ دمقفل — أكمل الدرس السابق أولاً
٤الوحدة الرابعة — الاختبار والتوثيق٣ · ١ س ١٣ د

اكتشاف المشاكل قبل البناء.

    اختبار الاستخدامفيديو١٣ دمقفل — أكمل الدرس السابق أولاً
    من الملاحظة إلى التعديلمقال١٠ دمقفل — أكمل الدرس السابق أولاً
    المشروع الختامي: دراسة حالةتكليف٥٠ دمقفل — أكمل الدرس السابق أولاً

المتطلّبات

  • لا يحتاج خبرة تصميم سابقة
  • حساب مجاني على فيجما
  • جهاز وإنترنت

المدرّب

ندى مصطفى

ندى مصطفى

مصمّمة منتجات ومديرة تصميم

٢ الكورسات · ٣٠٨ متعلّم · ٤٫٦

تجربة المستخدمواجهات المستخدمفيجماأنظمة التصميم

قادت ندى تصميم تطبيقات يستخدمها ملايين، وتؤمن أن التصميم الجيد يبدأ من سؤال المستخدم لا من فتح فيجما. تدرّس التصميم بالترتيب الذي يحدث به في الشركات: بحث، ثم بنية معلومات، ثم واجهة، ثم اختبار مع مستخدمين حقيقيين.

آراء المتعلّمين

نموذج توضيحي الآراء المعروضة نماذج توضيحية لعرض التصميم، وليست آراء متعلّمين حقيقيين.

التكاليف تُراجَع بملاحظات مكتوبة، وهذا وحده يستحق السعر.

متعلّمة (نموذج ٢)متعلّمة (نموذج ٢)

بدأت وأنا لا أعرف شيئاً وانتهيت بمشروع أعرضه. الوحدة الثالثة كانت الأصعب.

متعلّم (نموذج ٣)متعلّم (نموذج ٣)

الترتيب منطقي والتمارين عملية. أنهيته في أسبوعين وطبّقت أول تكليف في شغلي فعلاً.

متعلّمة (نموذج ٤)متعلّمة (نموذج ٤)

أسئلة عن الكورس

هل أحتاج معرفة بالتصميم الجرافيكي؟

مفيدة لكنها ليست شرطاً؛ نغطّي أساسيات الواجهة البصرية داخل الكورس.

خمسة مستخدمين فقط؟

نعم، وهو عدد كافٍ لاكتشاف أغلب مشاكل الاستخدام — نشرح لماذا.

هل يشمل التصميم للموبايل؟

المشروع الرئيسي تطبيق موبايل، مع درس عن اختلافات الويب.

كورسات ذات صلة

التصميم، متقدّم

بناء الهوية البصرية

يوسف عادل
١٢ درساً٣ س ٣٦ د٥٫٠ (٢)
‏١٬٤٩٩ ج.م.‏
ضمن الاشتراك
التصميم، متوسّط

احتراف فيجما

ندى مصطفى
١٢ درساً٣ س ٨ د٤٫٥ (٤)
‏٦٩٩ ج.م.‏
مميّزضمن الاشتراك
التصميم، مبتدئ

التصميم الجرافيكي

يوسف عادل
١٢ درساً٣ س ١١ د٤٫٥ (٢)
‏٦٤٩ ج.م.‏‏٨٩٩ ج.م.‏
تواصل معنا على واتساب