Course

Unit 1

Introduction to UI/UX Design: 

• Fundamentals of UI/UX Design: Definitions, principles, and importance of UI/UX
• Design Thinking and User-Centered Design: Processes and methodologies
• Introduction to Adobe XD: Interface, tools, and workspace customization
• Basic Wireframing Techniques: Creating low-fidelity wireframes
• Project: Create wireframes for a simple mobile app 
• Lab Work: Hands-on exercises to familiarize with Adobe XD’s interface and basic tools

Unit 2

Prototyping and Interactive Design: 

• Creating Interactive Prototypes: Linking wireframes and adding interactions
• UI Components and Design Systems: Buttons, forms, navigation, and grids
• High-Fidelity Prototyping: Adding visual design elements to prototypes
• User Flows and Navigation: Designing intuitive user flows and navigation structures
• Project: Develop a high-fidelity prototype for a mobile app 
• Lab Work: Practical sessions on creating interactive prototypes in Adobe XD

Unit 3

Visual Design and Usability: 

• Visual Design Principles: Typography, color theory, and iconography
• Responsive Design: Designing for different screen sizes and devices
• Accessibility in UI/UX Design: Ensuring designs are accessible to all users 
• Usability Testing: Conducting usability tests and gathering feedback
• Project: Design a responsive web interface with a focus on accessibility
• Lab Work: Hands-on exercises on visual design and usability testing 

Unit 4

 Advanced Prototyping Techniques: 

• Advanced Interactions and Animations: Creating complex interactions and animations
• Using Plugins and Integrations: Enhancing Adobe XD with plugins and third-party integrations 
• Collaborative Design: Working with team members and stakeholders in Adobe XD
• Design Handoff: Preparing design files for developers and stakeholders
• Project: Create an advanced prototype with animations and interactions
• Lab Work: Practical sessions on advanced prototyping and collaboration 

Unit 6

Final Project and Portfolio Development: 

• Project Planning and Development: Concept development, user research, and planning for the final project 
• UI/UX Design Production: Creating the final design and prototype using learned techniques 
• Editing and Refinement: Polishing the design, adding final touches, and ensuring coherence 
• Portfolio Presentation: Compiling and presenting a professional UI/UX design portfolio 
• Final Project: Develop a comprehensive UI/UX design project showcasing all learned techniques 
• Lab Work: Final project development, testing, and peer review sessions

Course Objective: 

This course provides a comprehensive introduction to UI/UX design using Adobe XD. Students will learn the fundamental principles and practices of user interface (UI) and user experience (UX) design, including wireframing, prototyping, and usability testing. The 

course covers both basic and advanced techniques, enabling students to create interactive and user-friendly digital interfaces. Through practical projects and hands-on exercises, students will develop the skills needed to design and prototype effective UI/UX solutions. 

Course Outcomes (COs): 

After completing the course, learners should be able to: 

AX
1. Understand the fundamental principles of UI/UX design and the importance of user centered design. 
2. Apply wireframing and prototyping techniques to create interactive digital interfaces. 3. Analyze user feedback through usability testing to refine and improve designs. 4. Develop high-fidelity prototypes incorporating visual design principles and responsive layouts. 
3. Present a comprehensive UI/UX design project that demonstrates proficiency in design thinking and technical skills. 

CO – PO Mapping: 

1. “Adobe XD Classroom in a Book (2021 Release)” by Brian Wood