معايير تصميم المواقع التعليمية

بسم الله الرحمن الرحيم

جامعة المنيا
كلية التربية النوعية
قسم تكنولوجيا التعليم
شعبة الحاسب الآلي
الفرقة الرابعة

محاضرة تكنولوجيا التعليم من بعد

إعداد

سحر عثمان أحمد

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

إشراف
د/ نجلاء أحمد علي
أ/ محمد ضاحي

2007

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

sahar_rahec@yahoo.com

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

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

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

توفير شاشة ترحيب .
يبدأ الموقع بمقدم مشوقة ومثيرة .
يتضمن الموقع تعليمات توضح كيفية التجول داخل الموقع .
يتضمن الموقع إمكانية الدخول غير التتابعي للمعلومات
تنوع صور التفاعل داخل الموقع ( الأزرار - النقاط النشطة
يتيح الموقع تدريبات إضافية .
تصميم الصفحات

الأستفادة المثلي للمساحة المخصصة للعرض في الشاشة بشكل جيد ومتناسق .
ثبات ومناسبة نماذج التصميم للشاشات التي تعرض فكرة ما في الموقع التعليمي .
جودة الشاشات المنتجة .
وضوح واجهة الأستخدام وسهولة التعامل معها .
لا يزيد عدد الاختيارات في الشاشة الواحدة عن 9 خيارات كحد أقصي .
مراعاة إنقرائية الشاشة بمعني أن تنسيق الشاشة واضح ومقبول .
وجود أزرار وقوائم تسهل العمل في الموقع .
فعالية الأزرار والقوائم وسهولة تشغيلها في الموقع .
يراعي مبدأ الاتزان والوحدة في توزيع العناصر المعروضة علي الشاشة .
ألا يقل حجم الأيقونات المستخدمة في البرمجية (32*32) بت .
أن يوحد موضع وضع الأيقونات وحجمها في شاشات الموقع .
مراعاة مسافة الأمان في الشاشة .
توحيد حجم ونوع خطوط العناوين الرئيسية والفرعية علي مستوي البرمجية .
الكتابات النصية

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

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

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

لابد من وجود هدف لها
مناسبة الألوان المستخدمة للمراحلة العمرية .
استخدام ألوان هادئة في الخلفيات حتي لاتشتت انتباه المتعلم .
ألا يزيد عدد الألوان المستخدمة 2 + 5 أو 2 – 5 لون)
استخدام ألوان مختلفة بين العناوين الرئيسية والفرعية والنصوص المكتوبة .
التدريبات والأنشطة
لابد أن تكون مثيرة للأهتمام المعلم .
تسهم في تفاعل المتعلم مع مادة التعلم .
متدرجة في مستوياتها .ومتنوعة .
تخلو من الرتابة والملل والتكرار .
التقويم
لابد أن يكون مرتبط بالأهداف التعليمية .
لابد أن يتصف بالموضوعية .
لابد أن يكون شامل لكل أجزاء المحتوي .
لابد أن يكون متدرج في مستويات الصعوبة .
لابد أن يكون متنوع في أشكاله .
لا بد أن تكون الأسئلة مصاغة بطريق سهلة .
لابد أن يراعي المستوي العمري للمتعلمين .
لابد من أن تكون نتائجه فورية .
لابد من يحدد الزمن الذي استغرقه المتعلم في عملية التعليم .
المرجعية
لابد من وجود مصادر معلومات موثوق منها .
التأريخ

لابد أن يكون في الموقع تاريخ إنشائه وتاريخ آخر تحديث لمعلوماته .
لابد من وجود بيانات عن صاحب الموقع