اذهب إلى المحتوى

السؤال

نشر

أعمل على تطوير موقع تعليمي يقدّم معلومات تفصيلية عن الجامعات والتخصصات المتاحة في مصر للطلاب العرب. الموقع يستهدف الفئة الشابة من طلاب الثانوية والجامعات.
أرغب في معرفة أفضل ممارسات تجربة المستخدم (UX) لمثل هذا النوع من المواقع:

كيف أعرض التخصصات بطريقة تسهّل على الطالب المقارنة والاختيار؟

هل يفضل استخدام الفلاتر؟ أم نظام بحث ذكي؟

ما أهم العناصر التي لا يجب أن تغيب عن الصفحة الرئيسية؟

Recommended Posts

  • 0
نشر

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

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

ومعلومات أساسية فورية توضح المدة، التكلفة التقريبية، نسبة التوظيف، مع زر أضف للمفضلة للحفظ والمراجعة لاحقًا.

بالنسبة للفلاتر والبحث الذكي، فالأفضل توفير كليهما، فالبحث للاستعلامات السريعة مثل صيدلة عين شمس،  أما الفلاتر للاستكشاف في حال عندما لا يعلم الطالب ما يريد بالضبط.

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

بتاريخ 17 ساعة قال Egypt Kayan:

ما أهم العناصر التي لا يجب أن تغيب عن الصفحة الرئيسية؟

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

ثم قسم الأكثر بحثاً  وبه أفضل 6-8 تخصصات مطلوبة مع تحديث ديناميكي حسب الموسم، وقم بعرض أسئلة لتوجيه الزائر بمعنى زر لست متأكداً من اختيارك؟ 2 أجب عن 5 أسئلة بسيطة لنساعدك.

ثم قسم عرض الإحصائيات الحية مثل +15,000 طالب استخدموا الموقع  150+ جامعة مسجلة  500+ تخصص متاح.

وقسم آخر التحديثات به مواعيد التقديم القادمة، تغييرات في شروط القبول ومنح دراسية جديدة.

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

واهتم بالتخصيص الشخصي، بمعنى عرض رسالة مثل مرحباً أحمد، إليك تخصصات قد تهمك، وحفظ التفضيلات والبحث السابق وتنبيهات لمواعيد التقديم، وضع في اعتبارك أنّ % من المستخدمين يستخدمون الهاتف.

كذلك فيديوهات توضيحية قصيرة.

  • 0
نشر

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

أيضا قم بإستخدام بطاقات معلومات (Cards) من خلال عرض كل تخصص في بطاقة تحتوي على معلومات مفصلة ومختصرة مثل:

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

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

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

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

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

أيضا بالنسبة إلى نظام البحث الذكي فيمكنك توفيره لأنه مناسب للطلاب الذين لا يعرفون من أين يبدأون ويمكن أن يعتمد على كلمات مفتاحية مثل "هندسة" أو "طب" مع اقتراحات تلقائية (Auto-suggest) أثناء الكتابة.

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

شعار جيد (Hero Section):

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

أيضا توفير شريط بحث بارز ويتيح للطالب البحث السريع عن تخصص أو جامعة.

أيضا توفير أقسام رئيسية (Navigation):

  • مثل قائمة تنقل بسيطة تحتوي على التخصصات و الجامعات و نصائح للطلاب مثلا و اتصل بنا وقسم للإستبيان مثلا أو المقترحات .
  • ويفضل جعل القائمة مثبتة (Sticky Navigation) لتسهيل التنقل.

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

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

وأيضا تأكد من التوافق مع الهواتف المحمولةفيجب أن يكون التصميم متجاوب (Responsive) لأن معظم الطلاب سيستخدمون الهواتف وليس الحواسيب وإستخدام خطوط واضحة ومناسبة .

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...