هل تعتقد أنّ جودة التصميم البصري للمحتوى التعليمي تؤثر على استجابة المتعلّم ودافعيته لإكمال المحتوى؟
إن كانت إجابتك نعم فنحن في نفس الفريق.
نستجيب نحن البشر إلى مواقع الإنترنت بشكل إيجابي عندما يكون تصميمها جذاباً ونظيفاً وحديثاً، بينما نخرج مسرعين من المواقع سيئة التصميم وقديمة الطراز. الأمر نفسه ينطبق على المحتوى التعليمي الرقمي.
إن ضمان جودة التصميم البصري للمحتوى التعليمي الرقمي من المهام الأساسية للمصمّم التعليمي، ويجب أن يبدا مبكّراً في الخطوات الأولى من عملية إنتاج وتصميم المحتوى التعليمي وتتمثل بوضع دليل التصميم البصري.
إذن ما هو دليل التصميم البصري؟
هو وثيقة تحتوي إرشادات ومعايير تصميم المكونات البصرية (والسمعية) الأساسية التي يجب تضمينها عند تطوير الدورات الرقمية.
يقوم بوضعه المصمّم التعليمي بالتعاون مع زملاءه في فريق العمل من أخصائيي التصميم البصري إن وجدوا، وغايته الأساسية ضمان توحيد النسق البصري للمحتوى التعليمي الرقمي من بدايته إلى نهايته.
فوائد دليل التصميم البصري
- يوفر معيارًا بصرياً موحدًا للمحتوى كاملاً.
- يضمن الحصول على منتج نهائي احترافي.
- يوفر الوقت عندما تحتاج إلى البحث عن الألوان وأحجام الخطوط وما إلى ذلك.
- وجود المعايير الموثّقة يحسّن الكفاءة.
- يوفر قالباً لتصميم المحتويات الرقمية المستقبلية.
- طريقة ممتازة للحصول على التغذية الراجعة من العميل وأعضاء فريق العمل.
كيف تبدأ بوضع دليل التصميم البصري لمشروعك؟
ليس بالضرورة أن يتم وضع دليل التصميم البصري من الصفر، وخاصة للمصمّم التعليمي المبتديء، فيمكن استمداد الإلهام من الأعمال السابقة أو من الهوية البصرية للمؤسسة أو تصاميم الموقع الإلكتروني الخاص بالشركة. كما يمكن أيضاً تصفح المنتجات الرقمية المشابهة أو متابعة بعض المواقع المتخصصة بعرض نماذج من أعمال المصمّين مثل Dribble و Behance.
يمكن البداية من تصميم شريحة أولية واحدة باستخدام أحد أدوات التصميم مثل PowerPoint أو Figma أو Adobe XD، وإضافة بعض المحتوى التجريبي إلى الشريحة مثل النصوص والصور والأزرار.
بذلك تكون قد وضعت الأساس التجريبي لتصميمك والذي ستبدأ باستخدامه لتجربة التراكيب المختلفة من الألوان والخطوط والأشكال، وعند الوصول إلى النتائج التي ترضيك قم بتدوينها، حيث أن هذه هي أساس دليلك البصري الذي ستقوم بالبناء عليه لاحقاً.
محتويات دليل التصميم البصري
هنالك بعض المحتويات الأساسية التي يمكنك إضافتها إلى دليل التصميم البصري الخاص بمشروعك، ولكن القاعدة هنا أنه كلما استطعت إضافة المزيد من التفاصيل إلى هذا الدليل كان أفضل، وأيضاً استخدام الصور في وصف العناصر البصرية يجعل من العملية أسهل لجميع المتعاملين بهذا الدليل.
يتضمن الدليل البصري المحتويات الآتية:
- بعض الأساسيات مثل حجم الشاشة/الشريحة، اللغة، قواعد الكتابة، إعدادات إمكانية الوصول.
- الخطوط: نوع الخطوط، الحجم، اللون، المحاذاة
- الألوان: تحديد لوحة الألوان المستخدمة Color Palette
- الأزرار: الشكل، الحجم، الألوان، نوع الخط وحجمه ولونه، الحالات (العادية، التأشير، الزيارة)
- عناصر التنقل: الأشكال، الحجم، الألوان، …
- العناصر البصرية (الفيديو، الصور، الأيقونات،…): المصدر، الحجم، التنسيق، المؤثرات، …
- التعليق الصوتي: النوع (بشري، رقمي)، المصدر، التفضيلات، …
- القوالب: هي تصاميم ثابتة للعناصر المتكررة في المحتوى التعليمي مثل: شريحة المقدمة، العرض العادي، الأسئلة، التغذية الراجعة، وغيرها.
بما أن المحتويات التعليمية متنوعة وتختلف تصاميمها بحسب أهدافها والاستراتيجيات والأدوات المستخدمة لإنتاجها، فإن محتويات الدليل البصري متغيرة أيضاً ويقوم بتحديدها وتعديلها المصمّم التعليمي وفقاً لاحتياجات المشروع وفريق العمل.
نموذج مجاني لدليل التصميم البصري (قابل للتعديل)
يمكنك الضغط هنا للحصول على نموذج مجاني وقابل للتعديل لدليل التصميم البصري في التعليم الإلكتروني. النموذج على شكل ملف Google Doc يمكنك تنزيله على شكل ملف MS Word أو عمل نسخة منه في Google Drive الخاص بك.
لقد قمت بتصميم هذا النموذج أثناء عملي على تدريب مجموعة من المشاركين في ورشة “تصميم المحتوى التعليمي الرقمي”.
أتمنى أن يكون ذو فائدة لكم.
