الفصل 4: تصميم الويب والوسائط · الترم الأول

شرح الدرس 4-2: تصميم المعلومات وتجربة المستخدم للمواقع

شخصية المستخدم (من) → المخطط الهيكلي (أين) → CRAP (اجعله واضحًا) → UCD (قرّر لصالح المستخدم). صمّم من المستخدم إلى الداخل.

Read this page in English

ملخص الدرس

قد يبدو الموقع منطقيًا لمصممه لكنه يربك زواره؛ لذلك يجب أن يعتمد التصميم على فهم المستخدم واحتياجاته وسياق استخدامه، لا على ذوق المصمم فقط.

الخلاصة: شخصية المستخدم (من) → المخطط الهيكلي (أين) → CRAP (اجعله واضحًا) → UCD (قرّر لصالح المستخدم). صمّم من المستخدم إلى الداخل.

أهم المصطلحات

  • شخصية المستخدم (Persona)
  • المخطط الهيكلي
  • CRAP
  • التصميم المتمحور حول المستخدم (UCD)
  • قابلية الاستخدام
  • إمكانية الوصول (Accessibility)

صفحة الكتاب: الكتاب العربي 74 · الكتاب الإنجليزي 81

فيديو الشرح

Wireframe ومبادئ C.R.A.P

Wireframe ومبادئ C.R.A.P

فيديوهات تانية على الدرس

أسئلة مجانية على الدرس

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

  1. 1. من أين يبدأ تصميم الويب الجيد حسب الدرس؟

    • من اختيار الألوان
    • من أحدث تقنية
    • من المستخدم
    • من ذوق المصمم
    الإجابة

    الإجابة الصحيحة: من المستخدم

    الفكرة الأساسية: تصميم الويب الجيد يبدأ من المستخدم، لا من صانع الموقع.

    تصميم المعلومات وتجربة المستخدم (الفكرة الأساسية) · صفحة 75

  2. 2. ما هدف مبدأ التباين؟

    • إبراز أهم العناصر وتوضيح الأولوية
    • وضع العناصر المرتبطة قريبة من بعضها
    • محاذاة العناصر على خط واحد مشترك
    • جعل كل العناصر بالحجم نفسه تمامًا
    الإجابة

    الإجابة الصحيحة: إبراز أهم العناصر وتوضيح الأولوية

    التباين يجعل أولوية المعلومات واضحة ويبرز أهم العناصر، مثل عنوان كبير وغامق.

    3. المبادئ الأربعة للتصميم (CRAP) · صفحة 76

  3. 3. ماذا يقول الكتاب عن علاقة مبادئ CRAP بقابلية الاستخدام وإمكانية الوصول؟

    • المبادئ تنظم الشكل لكنها لا تكفي وحدها لتحقيقهما
    • تطبيق المبادئ يضمن قابلية الاستخدام دائمًا
    • المبادئ تغني عن اختبار الموقع مع المستخدمين
    • لا علاقة بينها وبين المستخدم على الإطلاق
    الإجابة

    الإجابة الصحيحة: المبادئ تنظم الشكل لكنها لا تكفي وحدها لتحقيقهما

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

    3. المبادئ الأربعة للتصميم (CRAP) · صفحة 76

كمّل المذاكرة على المنصة

الشرح الكامل لكل درس، محاكاة تفاعلية، واجب وامتحان لكل فصل، وبنك أسئلة كامل. جرّب مجانًا من غير كود.

دروس الفصل 4: تصميم الويب والوسائط

  1. 4-1 أنواع الوسائط وخصائصها
  2. 4-2 تصميم المعلومات وتجربة المستخدم للمواقع
  3. 4-3 أساليب تقييم المواقع الإلكترونية
  4. 4-4 عملية التحسين التكراري للمواقع