Advanced UX Camp

About the course

Module 01 - Applying the Saudi DGA Design System

‍

⭐ Objective:

Learn to apply and integrate the Saudi Digital Government Authority (DGA) design system into real-world projects.

🎯 What you will learn:

Introduction to the Design System

• Definition and purpose of the Saudi DGA design system.
• Team structure and collaboration within the system.
• Importance of the design system for government projects.
• How to design for government & key considerations: Time, accessibility, and real-world examples.
• Understanding customization limits and DGA’s approach.

Building Components and Patterns Using Saudi DGA Standards

• Deconstructing the DGA design system in Figma.
• Auditing existing systems against the DGA standards.
• Breaking down all components and patterns.
• Translating designs into code-compliant outputs.

Case Studies and Hands-On Workshop

• Exploring practical examples of the DGA design system in use.
• Participating in a hands-on workshop to apply the learned concepts.

‍

Module 02- Information Architecture

‍

⭐ Objective:

Structure and organize information for effective user experiences.

🎯 What you will learn:

• Search and Structure: Learn how to organize content and navigation effectively to enhance user findability.
• Language and Labels: Develop clear and intuitive naming conventions that align with user expectations.
• Organization Schemes: Explore various methods for organizing information.
• Practical Tools: Gain hands-on experience with card sorting to understand user mental models and tree testing to validate navigation systems.

🏆 Deliverable:

A comprehensive design system project.

Module 03- Designing for web applications

⭐ Objective:

Learn how to design intuitive applications by managing complexity, guiding users through workflows, and presenting data effectively. This course equips you with the skills to craft user-friendly interfaces for complex systems.

🎯 What you will learn:

Simplifying Visual Complexity:

• Minimize visual search, progressive disclosure and hierarchy with real examples.
• Effectively use menus, accordions, tabs, and direct manipulation to declutter interfaces.

Guiding Users Through Complex Workflows:

• Design workflows that align with user expectations and conceptual models.
• Streamline data input, selection, and handling long processes using forms and wizards.

Presenting Complex Data Effectively:

• Create dashboards and visualizations that are easy to understand.
• Use patterns for big data tables and filtering to improve usability.
• Learnability and learning curves.
• Apply learned principles to redesign a complex application interface.

🏆 Deliverable:

Final journey mapping presentation.