UI and UX Design
Get the full GTU study material, English & Gujarati textbook PDFs, syllabus curriculum, and solved previous year question papers.
English Book & Chapters
English Book Coming Soon
We are working hard to add this material. Stay tuned for updates!
Follow on Instagram for UpdatesGTU Previous Year Papers
Papers Coming Soon
We are working hard to add this material. Stay tuned for updates!
Follow on Instagram for UpdatesUI and UX Design Syllabus — Unit-wise Content
The official GTU curriculum for UI and UX Design (subject code DI04016041) as prescribed for Biomed · Semester 4 divides the course into 5 units, covering 43 listed topics. The unit-wise breakdown below is read from the GTU syllabus document for this subject code, so you can check what the course actually covers before deciding which papers to attempt.
Download the official syllabus PDF (DI04016041)Unit 1 Foundations & Design Thinking
- 1.1 Introduction to UI and UX
- roles (UX researcher
- UI designer
- interaction designer
- product manager) 1.2 Design thinking stages: empathize
- test — methods and outputs 1.3 Product thinking vs user-centred thinking
- stakeholder mapping
- business vs user goals 1.4 Ethics & Inclusive design
- Introduction to Accessibility 1.5 Basic UX terminology: Persona
- Information Architecture (IA)
Unit 2 User Research & Requirements
- 2.1 Research methods: interviews
- contextual inquiry
- observation 2.2 Research planning: goals
- sample basics 2.3 Data synthesis: affinity mapping
- problem statements 2.4 Personas
- empathy maps
- user journeys
- scenarios Teaching Scheme (in Hours) Total Credits L+T+ (PR/2) Assessment Pattern and Marks Total Marks L T PR C Theory Tutorial / Practical ESE (E) PA (M) PA(I) ESE (V) 0 2 2 3 00 00 20 30 50 Program Name: Diploma Engineering Level: Diploma Branch: Information Technology Subject Code : DI04016041 Subject Name : UI and UX Design 2.5 Task analysis
- User stories
Unit 3 Information Architecture & Interaction Design
- 3.1 Information Architecture 3.1.1 content audit
- card sorting (open/closed) 3.1.2 sitemaps
- mental models 3.2 Wireframing: lo-fi (paper)
- annotation conventions 3.3 Layout: grids
- responsive breakpoints
- Interaction patterns: forms
- error states 3.4 Micro-interactions & feedback
- affordances 3.5 Usability heuristics and heuristic evaluation (simplified Nielsen)
Unit 4 Visual Design & Prototyping
- 4.1 Visual fundamentals: typography (hierarchy
- color theory
- iconography 4.2 Accessibility in visuals: contrast checks
- legible typography
- touch target sizes 4.3 Prototyping fidelity: lo-fi → mid-fi → hi-fi
- transitions & basic motion 4.4 Tools workflow: Figma / Penpot basics
- prototyping links
Unit 5 Testing, Handoff & Front-end Basics
- 5.1 Usability testing: plan
- moderated vs unmoderated
- recruiting participants 5.2 Simple metrics: success rate
- reporting results 5.3 Iteration & version control: creating a fix backlog
- presenting design iterations 5.4 Basic front-end essentials: semantic HTML
- CSS box model
- Flexbox basics
- responsive breakpoints
- build a simple static login or landing page
Study on Android App:
