الثانوية العامة 2026الاستعلام عن النتيجةاعرف الكليات المناسبة لمجموعكتنسيق 2026

البرمجة والذكاء الاصطناعي · الصف الثاني الثانوي

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

15 سؤال اختيار من متعدد و6 سؤال مقالي بنموذج إجابة، لمراجعة درس «تصميم المعلومات وتجربة المستخدم للمواقع الإلكترونية» من البرمجة والذكاء الاصطناعي (الصف الثاني الثانوي). راجع الأسئلة أدناه، أو اختبر نفسك فورًا.

اختبار سريع من 10 أسئلة عشوائية من بنك الأسئلة أعلاه — تُخلط الأسئلة والاختيارات في كل مرة، فلن يتكرر الاختبار بنفس الترتيب.

اختيار من متعدد

  1. ما الفائدة الأساسية من استخدام المخطط الهيكلي قبل البدء في التصميم البصري النهائي؟

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

    الإجابة الصحيحة: تحديد أماكن العناصر وأولوياتها بعيدًا عن التفضيلات الشخصية للمظهر

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

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

    • التباين
    • التكرار
    • المحاذاة
    • التقارب
    عرض الإجابة والتعليل

    الإجابة الصحيحة: التقارب

    مبدأ التقارب يعني وضع المعلومات المرتبطة قريبة من بعضها حتى تُدرك كمجموعة واحدة من أول نظرة.

  3. ما المقصود بشخصية المستخدم في سياق التصميم المتمحور حول المستخدم؟

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

    الإجابة الصحيحة: تمثيل لنوع من المستخدمين يبنى على بحث أو بيانات حول أهدافهم وسلوكهم

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

  4. أي من العبارات التالية تصف العلاقة الصحيحة بين مبادئ CRAP وقابلية الاستخدام؟

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

    الإجابة الصحيحة: مبادئ CRAP تنظم الشكل البصري، لكنها لا تغني عن معايير قابلية الاستخدام وإمكانية الوصول

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

  5. عند تصميم موقع بلغة عربية، أي مبدأ من مبادئ CRAP يتعلق باتجاه النص الأساسي وشبكة التصميم؟

    • التباين
    • التكرار
    • المحاذاة
    • التقارب
    عرض الإجابة والتعليل

    الإجابة الصحيحة: المحاذاة

    المحاذاة تمنح الشاشة نظامًا من خلال محاذاة العناصر إلى خط أساس مشترك، وفي العربية يكون الاتجاه من اليمين لليسار.

  6. ما الهدف من تطبيق مبدأ التكرار في التصميم؟

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

    الإجابة الصحيحة: تحقيق الاتساق في التصميم ككل مما يسهل التنقل

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

  7. أي مما يلي يعد مثالًا على تطبيق مبدأ التباين في التصميم؟

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

    الإجابة الصحيحة: جعل العناوين واضحة ومميزة مقارنة بالنص العادي

    التباين يهدف لجعل أولوية المعلومات واضحة وإبراز العناصر المهمة فورًا.

  8. في عملية التصميم المتمحور حول المستخدم، ماذا يأتي بعد فهم احتياجات المستخدم؟

    • تجاهل المستخدم والبدء بالتصميم البصري فورًا
    • تنظيم المعلومات وتصميم الحل ثم اختباره
    • تطبيق مبادئ CRAP فقط دون الحاجة لاختبار
    • فرض ذوق المصمم على المستخدم
    عرض الإجابة والتعليل

    الإجابة الصحيحة: تنظيم المعلومات وتصميم الحل ثم اختباره

    عملية التصميم المتمحور حول المستخدم تبدأ بالفهم ثم التنظيم والتصميم والتحسين المتكرر.

  9. لماذا يجب الحذر عند استخدام الألوان لتحقيق التباين؟

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

    الإجابة الصحيحة: لأن الاعتماد على اللون وحده قد يضر بإمكانية الوصول

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

  10. أي من الخيارات التالية يمثل خطأ في عملية التصميم المتمحور حول المستخدم؟

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

    الإجابة الصحيحة: الاعتماد على افتراضات المصمم الشخصية بدل بيانات المستخدم

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

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

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

    الإجابة الصحيحة: إمكانية الوصول تتعلق بتمكين ذوي الإعاقة، بينما قابلية الاستخدام تتعلق بسهولة إنجاز المهمة

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

  12. إذا كان الموقع يربك الزوار رغم منطقية التصميم للمصمم، فما السبب المرجح؟

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

    الإجابة الصحيحة: عدم اعتماد التصميم على فهم المستخدم وسياق استخدامه

    التصميم يجب أن يعتمد على احتياجات المستخدم لا على رؤية المصمم الخاصة.

  13. في موقع متجر، وُضع زر «اشترِ الآن» بلون بارز وحجم أكبر من بقية الأزرار. أي مبدأ من مبادئ CRAP طُبّق؟

    • التقارب
    • المحاذاة
    • التباين
    • التكرار
    عرض الإجابة والتعليل

    الإجابة الصحيحة: التباين

    التباين يجعل أولوية المعلومات واضحة ويبرز أهم العناصر فورًا.

  14. فريق يصمم موقعًا جديدًا. أي ترتيب للخطوات هو الأنسب؟

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

    الإجابة الصحيحة: فهم المستخدم ← المخطط الهيكلي ← التصميم البصري ← الاختبار والتحسين

    التصميم المتمحور حول المستخدم يبدأ بفهمه، ثم تنظيم المعلومات بالمخطط الهيكلي، ثم المظهر، ثم الاختبار والتحسين المتكرر.

  15. صفحة استخدمت اللون الأحمر وحده لتمييز الحقول الإجبارية في نموذج. لماذا يُعد ذلك مشكلة؟

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

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

    يجب ألا تُنقل المعلومة المهمة باللون وحده؛ فيُضاف مثلًا نص أو رمز مثل علامة النجمة.

أسئلة مقالية

  1. اشرح كيف يساعد المخطط الهيكلي (Wireframe) في تقليل الجدال حول التفضيلات الشخصية أثناء اجتماعات فريق العمل.

    عرض نموذج الإجابة

    يساعد المخطط الهيكلي في التركيز على بنية الموقع وأولويات المعلومات بدلاً من المظهر. عندما يرى أصحاب المصلحة المخطط الأولي (الذي يفتقر للتفاصيل البصرية كالخطوط والألوان)، يضطرون لمناقشة مكان العناصر وأهميتها، مما يمنع انحراف النقاش نحو الأذواق الشخصية للمصممين أو أصحاب العمل.

  2. لماذا لا تعتبر شخصية المستخدم (Persona) خطوة إلزامية في كل مشروع تقني؟

    عرض نموذج الإجابة

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

  3. كيف يمكن تطبيق مبدأ التباين (Contrast) في قائمة تنقل (Navigation Bar) لضمان فعاليتها؟

    عرض نموذج الإجابة

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

  4. قارن بين التصميم المتمحور حول المستخدم (UCD) وتصميم يعتمد فقط على مبادئ CRAP من حيث الهدف والنتيجة.

    عرض نموذج الإجابة

    تصميم CRAP يركز على تنظيم الشكل البصري وجعل الصفحة أوضح من حيث المحاذاة والتباين والتقارب والتكرار، لكنه لا يضمن أن الموقع يلبي احتياجات المستخدم الحقيقية أو يسهل مهامه. أما التصميم المتمحور حول المستخدم (UCD) فهو نهج شامل يبدأ بفهم المستخدم واحتياجاته وسياق استخدامه، مما يضمن أن قرارات التصميم تخدم أهداف المستخدم، وتعتبر مبادئ CRAP في هذا السياق أدوات مساعدة لتنفيذ الحل المصمم.

  5. لو طُلب منك تصميم صفحة لخدمات حكومية، لماذا لا يكفي تطبيق مبادئ CRAP لتحقيق إمكانية الوصول (Accessibility)؟

    عرض نموذج الإجابة

    لأن إمكانية الوصول تتطلب معايير تقنية مثل دعم قارئ الشاشة (عبر استخدام HTML دلالية ونصوص بديلة للصور)، وتوفير تباين عالٍ جدًا، وإمكانية التحكم في حجم الخط، والتأكد من عمل الموقع على اتصالات ضعيفة. مبادئ CRAP تنظم الشكل البصري فقط، لكنها لا تضمن هذه المتطلبات التقنية التي تسمح للأشخاص ذوي الإعاقة بالتفاعل مع المحتوى.

  6. صف كيف يساهم مبدأ التكرار (Repetition) في تعزيز تجربة المستخدم عند التنقل بين صفحات موقع إلكتروني كبير.

    عرض نموذج الإجابة

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

الرجوع إلى الدرس

السؤال 1 من 10