Digital Design Fundamentals for Computer Science to be delivered at a University Campus in Gurugram.
Contact Hours:
30-35
Credits:
2
Course Type:
Practical / Studio / Activity-Based
Prerequisites:
None
Primary Tools:
Figma + FigJam + Maze (Usability Testing) + ONE AI Tool (Perplexity or Figma AI)
Course Purpose
To develop
design thinkers
who can:
Identify real user problems,
Convert research findings into design decisions,
Build intuitive digital interfaces using Figma,
Test with users & iterate for improvement,
Communicate designs effectively with developers.
Course Outcomes (COs)
CO
Outcome
CO1
Apply design thinking and lightweight UX research to define meaningful user problems.
CO2
Create user flows, low-fidelity wireframes, and intuitive layouts using Figma.
CO3
Build responsive high-fidelity UI with essential components & accessibility standards.
CO4
Perform usability testing and iterate designs to deliver a developer-ready prototype.
UNIT-WISE SYLLABUS (4 Units)
UNIT 1: Design Thinking & UX Foundations
Hours:
7-8
Topics
UI vs. UX and design for logic
Double Diamond model: Discover ? Define ? Develop ? Deliver
Quick User Research (interviews/surveys/observation)
Persona & basic task flow creation
FigJam for ideation & mapping
Figma Basics: frames, layers, constraints
Low-fidelity wireframes (5-6 screens)
Hands-On
Interview task + persona mapping
Paper ? Figma wireframe conversion
Mini Output 1:
Problem statement + persona + task flow + grayscale wireframes
UNIT 2: UI Principles & Responsive Layouts in Figma
Hours:
7-8
Topics
Visual hierarchy + 8pt spacing system
Typography basics (font pairing, type scale)
Color basics + contrast accessibility
Auto-layout for responsive elements
Components: buttons, cards, input fields