...

الزيتونة – تصميم واجهات وتجربة تطبيق جامعة الزيتونة الأردنية

Client / Partner جامعة الزيتونة الأردنية
Delivery Date 2024
Domain & Service Higher Education & E-Learning

Project Overview & Challenge

تصميم تجربة وواجهات تطبيقات التعلم الإلكتروني للتعليم العالي

OxTech architected a complete UX/UI redesign for Al-Zaytoonah University's mobile e-learning ecosystem, elevating digital interaction standards for thousands of undergraduate and postgraduate students. The design establishes a modern academic interface that prioritizes instructional clarity, intuitive syllabus navigation, and friction-free access to daily course milestones. By structuring information architecture around the student's active schedule, the solution minimizes cognitive overhead and reinforces the university's institutional vision for blended learning.

التحدي (The Challenge)

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

الحل (The Solution)

تم تصميم تجربة UX/UI تتمحور حول الطالب وسهولة الاستخدام اليومي، مع بناء نظام واجهات حديث ومتناسق يوازن بين الجانب الأكاديمي والسرعة الرقمية. ركز الحل على هندسة معلومات مبسطة (Information Architecture)، تصميم واجهات Mobile-First، تنظيم المقررات عبر بطاقات مرئية واضحة، تبسيط مسارات المصادقة وتسجيل الدخول، وبناء لوحة تحكم تفاعلية (Student Dashboard)، مع تأسيس Design System شامل يضمن التناسق البصري والتوسع المستقبلي.

Key Features & Highlights

  • تصميم واجهات وتجربة مستخدم مخصصة لتطبيقات الهواتف الذكية (iOS وAndroid).
  • هندسة معلومات متطورة (Information Architecture) لتبسيط المحتوى الأكاديمي.
  • لوحة تحكم تفاعلية للطالب (Student Dashboard) تعرض المقررات والمهام اليومية.
  • شاشات تسجيل دخول ومصادقة سريعة وآمنة مهيأة للأنظمة الجامعية.
  • Visual Course & Lesson Workflows: Modular presentation of lectures, syllabi modules, and multimedia resources.
  • نظام تنقل ملاحة بديهي يقلل الخطوات اللازمة للوصول للخدمات الأكاديمية.
  • نظام تصميم بصري شامل (Design System) مخصص لبيئة التعليم الجامعي.
  • Accessibility & Usability Focus: High-contrast, ergonomic interfaces meeting international digital accessibility standards.

التقنيات المستخدمة

UX/UI DesignMobile App Design (iOS & Android)User Experience ResearchUser Interface DesignDesign System ArchitectureInformation Architecture (IA)Student Dashboard ExperienceEducational Platform UXUser-Centered Design (UCD)Mobile-First Prototyping
Launch Lab Studio Sound Off