أفضل 12 فكرة وميزات لتصميم موقع المدرسة لعام 2022

إذا كنت تتساءل ، ما الذي يجب أن يحتويه موقع المدرسة هذا العام ، فيما يتعلق بهيكله ووظائفه ومظهره وتصميمه ومحتواه ، فإننا نغطي أسئلتك. هنا في WebDesignDev ، سنغطي أهم 12 عنصرًا مهمًا لتصميم مواقع الويب المدرسية والتي يجب على كل مطور ويب مراعاتها.

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

1. أدركت سلطات المدرسة الآن أهمية وجود مواقع ويب وظيفية ومتجاوبة للغاية.
2. أصبح إنشاء مواقع ويب فاخرة ومتوافقة مع الجوّال وتفاعلية وصيانتها أسهل الآن أكثر من أي وقت مضى.

دبوس

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

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

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

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

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

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

1. إعادة النظر في تدفق المحتوى وجعله بالحد الأدنى من الناحية المرئية

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

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

دبوس

2. اجعل موقع مدرستك بشريًا قدر الإمكان

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

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

دبوس

3. ضمان توافق المحمول والود

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

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

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

دبوس

4. إعداد نظام جيد لإدارة المحتوى

هام - يساعد نظام إدارة المحتوى الجيد (CMS) في تبسيط جزء صيانة موقع الويب وتسهيل التحديثات السريعة والمتكررة للمحتوى. بلا شك أفضل CMS في الوقت الحالي هو WordPress. WordPress هو أكبر وأشهر نظام إدارة محتوى ويستخدمه أكثر من 40٪ من جميع مواقع الويب في العالم وتبلغ حصته السوقية 65٪ كما ذكرت Kinsta - وهذا أمر لا يصدق!

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

1. Wix (مجاني للبدء) - الرائد في إنشاء مواقع الويب والأكثر شهرة لامتلاكه نظام أساسي قوي شامل لنظام إدارة المحتوى يتضمن كل ما يلزم لإنشاء موقع ويب مدرسي جميل.
2. WebFlow (مجاني للبدء) - يوفرون واحدًا من أحدث منشئي المواقع التفاعلية ويقدمون أيضًا كل ما تحتاجه بما في ذلك الاستضافة.
3. Squarespace (مجاني للبدء) - مزود آخر طويل الأجل في صناعة إنشاء مواقع الويب بالكامل. كما هو الحال مع الآخرين ، فإنهم يوفرون سمات وقوالب تبدو رائعة.
4. Weebly (مجاني للبدء) - هذه منصة بناء مواقع ويب الكل في واحد مملوكة لشركة Square، Inc. وهي شركة كبيرة لمعالجة بطاقات الائتمان. لديهم منصة آمنة وبسيطة للتنقل.

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

دبوس

5. لا تنسى وظائف الامتثال ADA

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

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

دبوس

6. دمج وسائل التواصل الاجتماعي للمدرسة

بصرف النظر عن امتلاك موقع ويب جيد ، لا يتعين على المدارس أن تكون نشطة على وسائل التواصل الاجتماعي. يتضمن ذلك جميع المنصات الرئيسية مثل Twitter و Instagram و Facebook و YouTube وحتى LinkedIn. هذا لأن معظم أطفال المدارس لديهم وجود بالفعل على مثل هذه المنصات ، والأهم من ذلك أن والديهم سيستخدمونها. تصبح وسائل التواصل الاجتماعي منصة أخرى أوسع نطاقًا يمكن للمدرسة من خلالها الاتصال بجميع أصحاب المصلحة.

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

دبوس

7. أضف إخطارات الدفع واستخدم الصفحات المقصودة

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

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

دبوس

8. توفير خيارات البحث المتقدم

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

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

دبوس

9. هل لديك دعوة واضحة للعمل والتنقل

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

أحد مكونات التنقل المهمة هو الاستخدام الصحيح لأقسام الدعوة إلى اتخاذ إجراء (CTA). تأكد من إعداد CTAs في المناصب المطلوبة وقيادة المستخدم على الصفحات الصحيحة. سيساعد هذا في إعطاء إحساس بالاتجاه وجعلهم يؤدون الإجراءات الصحيحة مثل التسجيل أو ملء نموذج أو قراءة مقال. إضافة CTAs على الواجهة الأمامية ليست كافية ؛ عليك ربطهم بـ CRM على الواجهة الخلفية. بهذه الطريقة ، يتم تسجيل جميع الإجراءات التي تقوم بها المستخدم ، ويمكن استخدام التفاصيل المقدمة لبدء الإجراء حسب الحاجة.

دبوس

10. يجب أن تكون مواقع المدارس غامرة

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

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

دبوس

11. قم ببناء صفحة استجابة COVID19

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

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

أمثلة:

• تكساس ايه اند ام
• جامعة هاردينغ
• جامعة أكسفورد

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

دبوس

12. الاستفادة من موقع المدرسة للترويج

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

سيكون من الجيد استخدام صيغة "Carrot and Stick". قم بتوفير العديد من الموارد الجيدة على موقع المدرسة لمواصلة زيارة الطلاب وأولياء الأمور. في الوقت نفسه ، اجعل بعض الأشياء إلزامية والتي يجب القيام بها على موقع المدرسة ، مثل ملء نماذج معينة أو دفع الرسوم. سيؤدي هذا إلى دفع الزائرين إلى موقع الويب الخاص بك بشكل إلزامي. أيضًا ، لا تنس إعداد Google Analytics لتعرف أنك تحصل على رؤى أساسية حول مستخدمي موقع الويب الخاص بك.

دبوس

استنتاج

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

أمثلة على موقع المدرسة المباشرة

• جامعة ولاية بويز
• أكاديمية ELA - (بنيت على منصة Wix)
• جامعة جنوب نيو هامبشاير
• مدرسة بوكر تي واشنطن الثانوية
• مدرسة أتلانتا المسيحية الكبرى - (الفائز بجوائز الويب)
• جامعة الماجستير
• مدرسة كاري جروف الثانوية
• مركز إنترلوشين للفنون - (الفائز بجوائز ويب)

قوالب ونماذج موقع المدرسة - بناة الموقع

• Wix
• WebFlow
• سكوير سبيس
• Weebly

قوالب وثيمات موقع المدرسة - WordPress

• Pallikoodam - موضوع وورد المدرسة
• Edumax - موضوع ووردبريس للجامعة والدورات التعليمية عبر الإنترنت
• ميلودي - موضوع وورد مدرسة الفنون والموسيقى
• ديفي ايدو
• مدرسة إد: موضوع التعليم وورد

قائمة التحقق المكونة من 12 عنصرًا يجب أن تحتويها مواقع المدرسة على الويب:

1. إعادة النظر في تدفق المحتوى وجعله بالحد الأدنى من الناحية المرئية
2. اجعل موقع مدرستك بشريًا قدر الإمكان
3. ضمان توافق المحمول والود
4. إعداد نظام جيد لإدارة المحتوى
5. لا تنسى وظائف الامتثال ADA
6. دمج وسائل التواصل الاجتماعي للمدرسة
7. أضف إخطارات الدفع واستخدم الصفحات المقصودة
8. توفير خيارات البحث المتقدم
9. هل لديك دعوة واضحة للعمل والتنقل
10. يجب أن تكون مواقع المدارس غامرة
11. إنشاء صفحة استجابة COVID19
12. الاستفادة من موقع المدرسة للترويج