Course

Unit I

Introduction to UX/UI Design Tools

Definition of UX and UI Design, The design process, User-cantered design principles, Importance of UX/UI design in the digital world.

Unit II

User Research in Practice

Conducting user interviews and surveys for a chosen design project. Analysing user data to identify key insights and pain points. Visual Design: Design principles (balance, hierarchy, contrast, etc.), Typography and color theory, Visual identity and branding

Unit III

Information Architecture

Website and application structure, Content organization and navigation systems, Card sorting and sitemaps, and developing user personas based on user research data. Creating user scenarios to illustrate user needs and interactions. Creating low-fidelity wireframes to illustrate the basic layout and functionality. Applying design principles for usability and user flow. Visual Design Principles, implementing design principles (e.g., typography, color theory) to create visually appealing interfaces.

Unit IV

Interaction Design and Site Mapping

User interface elements and their functionality, Interaction design principles (affordance, feedback, etc.), Wireframing and prototyping techniques Developing sitemaps and user flows for a chosen application/website. Evaluating the effectiveness of information architecture for intuitive navigation. Design Tools and Resources: Introduction to industry-standard design software (e.g., Figma, Sketch, Adobe XD).

Unit V

Prototyping and User Testing

Building interactive prototypes using design software functionalities. Conducting usability testing with users and iterating on designs based on feedback. Developing a basic style guide for visual consistency. Design for Different Platforms (Apply, Create) Exploring design considerations for responsive web and mobile interfaces. Adapting UI design for touch-based interactions. Design Presentation and Portfolio (Communicate, Create) Learning effective techniques for presenting design ideas and prototypes. Building a design portfolio showcasing the completed projects from the course.

Course Objective:

This course introduces students to the fundamental principles of User Experience (UX) and User Interface (UI) Design. Students will gain a comprehensive understanding of the design process, user research methodologies, information architecture, interaction design, visual design principles, and prototyping techniques. Through a combination of lectures, discussions, workshops, and assignments, students will develop the skills necessary to create user-centred and visually appealing digital products.

Course Outcome (CO):

Students will be able to

CO1 Recall key UX/UI design concepts and terminology.

CO2 Explain the importance of UX/UI design and its role in the development process.

CO3 Apply user research methodologies to identify user needs and pain points.

CO4 Evaluate the usability and effectiveness of existing interfaces.

CO5 Develop user flows and sitemaps for a chosen application or website.

CO6 Create user flows, wireframes, prototypes, and high-fidelity mock-ups using industry-standard design tools.

CO-PO Mapping:

Suggested References

1. Don’t Make Me Think: A Field Guide to User Interface Design by Steve Krug
2. The Design of Everyday Things by Donald Norman
3. Micro-interactions: Designing with Small Details by Dan Saffer
4. Hooked: How to Build Habit-Forming Products by Nir Eyal
5. Sprint: Solving Business Problems and Design Challenges in Five Days by Jake Knapp
6. Nailing the Interview: Questions to Ask UI/UX Design Job Candidates by Gayle Laakmann McDowell
7. The User Experience Team of One: A Research-Based Guide for Designing Great Products by Leah Buley
8. Universal Principles of Design by William Lidwell, Kristina Holden, and Gerry Preece
9. Designing for the Web: An Introduction by Jeremy Keith
10. Laws of UX: Mobile Usability Patterns for Designers and Developers by Andy Law