User Interface and User Experience Design syllabus

PEC361CCOM · Third Year Computer Engineering, SPPU 2024 pattern. Every unit, the marks scheme, course outcomes and books, copied from the official syllabus PDF.

PEC361CCOM3 h/week theoryCCE 30 + End-sem 70
45hours of theory
05.units
03.credits

Unit-wise syllabus

UNIT I

Introduction to UI/UX Design

9 hours

Derived reading outline. Source text split at semicolons, line breaks and sentence boundaries, not an official topic hierarchy.

  • What is UI/UX Design: Importance of User-Centric Design, Goals of User Interface Design , Design Thinking Process, Core Principles, Role of UX in Product Development Lifecycle, mental and conceptual model.
  • Usability Design Principles: 4 Design Principles, Schneiderman’s Golden Rules, Gestalt Principles of Design, Visual Design Principles, Form versus Function, Metaphors, Idioms and Affordances in UI design, User Interface Elements: Input Controls, Navigation Components, Information Components, Containers User Research: Qualitative and Quantitative User Research, Behavioral and Attitudinal User Research, Use of Personas, User Stories and Scenarios, Affinity Mapping.
  • Case Study: A good and a bad User Interface Design
Preserved official unit paragraph

What is UI/UX Design: Importance of User-Centric Design, Goals of User Interface Design , Design Thinking Process, Core Principles, Role of UX in Product Development Lifecycle, mental and conceptual model. Usability Design Principles: 4 Design Principles, Schneiderman’s Golden Rules, Gestalt Principles of Design, Visual Design Principles, Form versus Function, Metaphors, Idioms and Affordances in UI design, User Interface Elements: Input Controls, Navigation Components, Information Components, Containers User Research: Qualitative and Quantitative User Research, Behavioral and Attitudinal User Research, Use of Personas, User Stories and Scenarios, Affinity Mapping. Case Study: A good and a bad User Interface Design

Unit permalink
UNIT II

Usability Engineering, Evaluation and Testing

9 hours

Derived reading outline. Source text split at semicolons, line breaks and sentence boundaries, not an official topic hierarchy.

  • Usability Engineering: Concept of usability, usability principles, benefits of usability for users and organizations, internationalization and localization, human errors and their impact on usability.
  • Usability Evaluation: Human information processing and memory, Fitts’s Law and Hick’s Law, usability inspection methods such as Heuristic Evaluation and Cognitive Walkthrough, user studies and field studies.
  • Usability Testing: Planning and conducting usability testing, Think-Aloud testing, A/B testing, use of heatmaps, and basic UX metrics for evaluating user experience.
  • UX Design Foundations: Ideation and research in UX design, content and interaction mapping, paper prototyping, introduction to wireframes and interface layout, applying Nielsen’s usability heuristics, refining UI based on user feedback.
Preserved official unit paragraph

Usability Engineering: Concept of usability, usability principles, benefits of usability for users and organizations, internationalization and localization, human errors and their impact on usability. Usability Evaluation: Human information processing and memory, Fitts’s Law and Hick’s Law, usability inspection methods such as Heuristic Evaluation and Cognitive Walkthrough, user studies and field studies. Usability Testing: Planning and conducting usability testing, Think-Aloud testing, A/B testing, use of heatmaps, and basic UX metrics for evaluating user experience. UX Design Foundations: Ideation and research in UX design, content and interaction mapping, paper prototyping, introduction to wireframes and interface layout, applying Nielsen’s usability heuristics, refining UI based on user feedback.

Unit permalink
UNIT III

WEB DESIGN: STRATEGIES AND INFORMATION ARCHITECTURE

9 hours

Derived reading outline. Source text split at semicolons, line breaks and sentence boundaries, not an official topic hierarchy.

  • User-centric design - The UX Phases - Waterfall vs. Agile - Web vs. App.
  • Determining Strategy: User Research - Inspiration - Analytics - User Needs and Client Needs - Target Audience - What is in and What is Out: Outlining Scope - Content and Functionality.
  • The Sitemap: Introduction to Sitemaps - Information Architecture - Sitemap Concerns - annotated process - Elements - Treejack Introduction - Treejack Analysis.
Preserved official unit paragraph

User-centric design - The UX Phases - Waterfall vs. Agile - Web vs. App. Determining Strategy: User Research - Inspiration - Analytics - User Needs and Client Needs - Target Audience - What is in and What is Out: Outlining Scope - Content and Functionality. The Sitemap: Introduction to Sitemaps - Information Architecture - Sitemap Concerns - annotated process - Elements - Treejack Introduction - Treejack Analysis.

Unit permalink
UNIT IV

Wireframing Fundamentals

9 hours

Derived reading outline. Source text split at semicolons, line breaks and sentence boundaries, not an official topic hierarchy.

  • Introduction to wireframes, purpose and importance in UX design, low-fidelity vs high-fidelity wireframes, sketching interfaces, layout grids, design hierarchy, and responsive layouts.
  • Prototyping Concepts: Introduction to prototypes, types of prototypes (paper prototypes, digital prototypes, interactive prototypes), fidelity levels, advantages of prototyping in UX design, iterative design process.
  • Interaction Design: Principles of interaction design, micro-interactions, feedback mechanisms, navigation flows, usability considerations in interaction design, designing intuitive interfaces.
  • UI Design Tools: Introduction to modern UI/UX design tools such as Figma, Adobe XD, Sketch, and InVision.
  • Creating interactive prototypes, collaborative design workflows, design handoff to developers.
  • Design Documentation: User flow diagrams, storyboards, design specifications, and design system basics.
Preserved official unit paragraph

Introduction to wireframes, purpose and importance in UX design, low-fidelity vs high-fidelity wireframes, sketching interfaces, layout grids, design hierarchy, and responsive layouts. Prototyping Concepts: Introduction to prototypes, types of prototypes (paper prototypes, digital prototypes, interactive prototypes), fidelity levels, advantages of prototyping in UX design, iterative design process. Interaction Design: Principles of interaction design, micro-interactions, feedback mechanisms, navigation flows, usability considerations in interaction design, designing intuitive interfaces. UI Design Tools: Introduction to modern UI/UX design tools such as Figma, Adobe XD, Sketch, and InVision. Creating interactive prototypes, collaborative design workflows, design handoff to developers. Design Documentation: User flow diagrams, storyboards, design specifications, and design system basics.

Unit permalink
UNIT V

Designing UX for Tomorrow

9 hours

Derived reading outline. Source text split at semicolons, line breaks and sentence boundaries, not an official topic hierarchy.

  • Emerging technologies in UX Design: Voice UI, Touchless gesture control, Intelligent UX, Conversational UX, Immersive Media and Fluid UX Designing for Web and Mobile Interfaces, IoT applications, Industry Specific UX Design: FinTech, Education, Health Care, E-commerce and Industrial Websites, designing for Wearable Devices, designing for Augmented Reality, Virtual Reality and Mixed Reality, Tomorrow’s challenges in UX design.
Preserved official unit paragraph

Emerging technologies in UX Design: Voice UI, Touchless gesture control, Intelligent UX, Conversational UX, Immersive Media and Fluid UX Designing for Web and Mobile Interfaces, IoT applications, Industry Specific UX Design: FinTech, Education, Health Care, E-commerce and Industrial Websites, designing for Wearable Devices, designing for Augmented Reality, Virtual Reality and Mixed Reality, Tomorrow’s challenges in UX design.

Unit permalink

Marks and credits

HeadMarksCredit
CCE (continuous comprehensive evaluation)303
End-semester exam70

Course outcomes

  1. CO1Explain fundamental concepts of UI/UX and user-centered design principles. •
  2. CO2Apply human-computer interaction and visual design principles in interface design. •
  3. CO3Analyze user needs using UX research techniques and information architecture. •
  4. CO4Develop wireframes and interactive prototypes using modern design tools. •
  5. CO5Evaluate modern UI/UX trends, tools, and industry practices for designing effective digital products.

Books

Text books

Reference books

FAQ

How many units are in User Interface and User Experience Design?

User Interface and User Experience Design (PEC361CCOM) has 5 units and 45 hours of theory: Unit I Introduction to UI/UX Design (9 h); Unit II Usability Engineering, Evaluation and Testing (9 h); Unit III WEB DESIGN: STRATEGIES AND INFORMATION ARCHITECTURE (9 h); Unit IV Wireframing Fundamentals (9 h); Unit V Designing UX for Tomorrow (9 h).

What is the marks scheme for User Interface and User Experience Design?

The official Computer Engineering 2024 pattern syllabus lists continuous comprehensive evaluation (CCE) for 30 marks and the end-semester exam for 70 marks, for 3 credits.

Add to my plan

Browse all syllabus courses