UI/UX Design with AI Course in Delhi

Module 1. Introduction to UI, UX and Product Design

What UI and UX actually mean and where they differ
The design process from problem to shipped product
Roles in a product team: designer, researcher, developer, PM
Career paths, salary bands, and portfolio expectations in India
Overview of the 12-month journey and project map

Module 2. Visual Design Principles

Gestalt principles and how the eye reads a screen
Visual hierarchy, balance, alignment, whitespace
Grid and layout systems for web and mobile
Composition exercises on real Indian websites
Common visual mistakes and how to spot them

Module 3. Typography for Interfaces

Type anatomy, families, weights, and scale
Measure, leading, and readable body text
Font pairing and building a type system
Devanagari typography: matras, conjuncts, line height
Choosing fonts for Hindi and English on the same screen

Module 4. Colour, Contrast and Iconography

Colour theory, colour models, and building a palette
Semantic colour: success, error, warning, information
Contrast ratios and why they are a design decision
Icon systems, sizing, and consistency
Imagery, illustration, and when to use each

Module 5. Layout, Spacing and Responsive Thinking

Spacing scales and rhythm
Mobile-first layout for Indian screen sizes
Breakpoints, fluid grids, and adaptive design
Designing for small, low-cost Android devices
Layout critique studio

Module 6. Figma Essentials

Interface, files, pages, frames, and layers
Constraints and auto layout
Shapes, vectors, boolean operations, masks
Text, images, and export settings
File hygiene and naming conventions

Module 7. Figma Advanced: Components & Variables

Components, variants, and component properties
Styles versus variables and when to use each
Nested components and instance swapping
Modes for light, dark, and language switching
Publishing and consuming team libraries

Module 8. Supporting Design Tools

FigJam for workshops and mapping
Adobe Illustrator and Photoshop for asset work
Canva for rapid marketing collateral
Miro for collaborative research synthesis
Notion for documentation and case studies

Module 9. Human Factors and Cognitive Psychology

Perception, attention, and working memory
Hick''s Law, Fitts''s Law, Miller''s Law
Cognitive load and decision fatigue
Mental models and matching user expectations
Designing for error, recovery, and forgiveness

Module 10. Usability Heuristics and Evaluation

Nielsen''s 10 heuristics applied to live products
Affordances, signifiers, feedback, and mapping
Running a heuristic evaluation and scoring severity
Writing an evaluation report a client will act on
Teardown studio on Indian apps and portals

Module 11. Design Thinking and Problem Framing

Empathise, define, ideate, prototype, test
Writing problem statements and How Might We questions
Ideation methods: Crazy 8s, SCAMPER, brainwriting
Prioritisation using impact versus effort
Facilitating a design sprint

Module 12. The Indian Device and Network Landscape

Entry-level Android reality: RAM, storage, screen sizes
KaiOS feature phones and who still uses them
2G and 3G pockets, data cost sensitivity, offline-first design
Performance as a design responsibility
Testing designs on real low-cost devices in our lab

Module 13. Digital Literacy, Language and Access

Digital literacy as a spectrum, not a binary
Assisted digital use, shared devices, and household access patterns
Gendered access to phones and internet
India''s 22 scheduled languages and script diversity
Real English comfort levels and transliteration habits

Module 14. India Stack for Designers

Aadhaar eKYC, UPI, DigiLocker, ONDC, UMANG, Jan Parichay SSO
What each system does and the constraints it puts on your flow
Designing OTP, consent, and verification steps
Teardowns: IRCTC, DigiLocker, UMANG, mParivahan, Income Tax portal
Case study writeup

Module 15. Research Planning and Method Selection

Framing research questions worth answering
Choosing between qualitative and quantitative approaches
Research plan, timeline, and stakeholder alignment
Recruiting and screening real participants
Consent, ethics, and DPDP Act 2023 basics

Module 16. Qualitative Research Methods

Depth interviews and interview guide writing
Contextual inquiry and ethnographic observation
Diary studies and shadowing
Field research in India: interpreters, dialect, gatekeepers, home visit protocol
Recording, transcription, and translation workflow

Module 17. Quantitative and Survey Research

Survey design, question types, and bias
Sampling and sample size for practical budgets
Translating a survey without losing meaning
Analysing responses and reading the numbers honestly
Analytics as research input: funnels, drop-off, search logs

Module 18. Usability Testing

Moderated, unmoderated, remote, and in-person testing
Writing test tasks that do not lead the participant
Metrics: task success, time on task, error rate, SUS, SEQ
Testing in Hindi and English with the same product
Tools: Maze, Useberry, and screen recording setups

Module 19. Research Synthesis and Deliverables

Affinity mapping and thematic coding
AI-assisted synthesis and where it invents findings
Evidence-based personas and jobs-to-be-done
Journey maps, service blueprints, ecosystem maps
Presenting research to stakeholders who did not want it

Module 20. Structuring Content and Navigation

Taxonomy, labelling, and controlled vocabularies
Navigation systems, wayfinding, and menu design
Card sorting: open and closed
Tree testing and validating your structure
Restructuring by user need instead of department

Module 21. Search, Findability and Bilingual IA

Search design, faceting, filters, zero-result states
Transliteration in search: when users type 'sarkari' not सरकारी
Parallel Hindi and English structures
Language switch placement and persistence
URL, slug strategy, and hreflang basics

Module 22. UX Writing Fundamentals

Plain language principles for interfaces
Buttons, labels, helper text, and placeholders
Error messages that tell users what to do next
Empty states, loading states, confirmations
Voice and tone frameworks

Module 23. Hindi Interface Writing

The register problem: official Hindi versus spoken Hindi
Rajbhasha convention versus actual comprehension
When to use a Hindi term and when to use a familiar loanword
Devanagari text expansion and layout impact
Building a bilingual terminology glossary

Module 24. Localisation and Translation Workflow

Localisation versus internationalisation
Writing a translator brief and reviewing output
Back-translation and QA passes
Machine translation and Bhashini: where it helps, where it breaks
Numerals, dates, currency, addresses, and Indian name formats

Module 25. Content Design with AI

AI-assisted microcopy generation and variant testing
Prompting for tone, length, and reading level
Reviewing AI output for factual and cultural errors
Multilingual content generation and its failure modes
Building a reusable prompt library for your team

Module 26. Interaction Patterns and States

Standard patterns and known anti-patterns
Designing every state: empty, loading, partial, error, success
Feedback, transitions, and perceived performance
Navigation models for web and native apps
Pattern library teardown

Module 27. Forms and Transactional Flows

Multi-step forms, progress, save and resume
Validation timing and error recovery
Document upload on unreliable connections
OTP, authentication, and payment flows
Redesigning a real government form end to end

Module 28. Data-Dense and Dashboard Interfaces

Tables, sorting, filtering, and pagination
Dashboard layout and information priority
Charts and data visualisation basics
Admin panels and internal tools
Designing for power users versus first-time users

Module 29. Wireframing and Low-Fidelity Prototypes

Paper sketching and rapid ideation
Wireframes, wireflows, and user flow diagrams
Choosing the right fidelity for the question you are asking
Clickable low-fi prototypes for early testing
Flow mapping studio

Module 30. High-Fidelity Prototyping in Figma

Prototype connections, triggers, and overlays
Variables, conditionals, and expressions
Interactive components and smart animate
Prototyping offline and degraded network states
Preparing a prototype for a live usability test

Module 31. Motion, Micro-interactions and Advanced Tools

Motion principles: easing, duration, purpose
Micro-interactions that communicate rather than decorate
Respecting reduced-motion preferences
Introduction to Framer and ProtoPie
AI prototyping tools and their real limits

Module 32. Design System Foundations

What a design system is and what it costs to maintain
Style guide versus component library versus design system
Studying GOV.UK, US Web Design System, Material 3, Carbon
India Design System and DBIM toolkit
Auditing an existing product for inconsistency

Module 33. Design Tokens and Theming

Token architecture: primitive, semantic, component
Naming conventions that survive engineering handoff
Light, dark, and high-contrast themes
Density and spacing tokens
Treating language as a theme axis

Module 34. Component Design and Documentation

Component API design, variants versus properties
Composition and nesting strategy
Writing usage guidance with do and do-not examples
Accessibility notes for every component
Publishing a Figma library

Module 35. Multilingual System Design and Governance

Text expansion budgets for Hindi and other Indian languages
Line height for Devanagari matras and conjuncts
Font stacks: Noto Sans Devanagari, Mukta, Hind
Mixed-script line breaking and truncation risk
Contribution model, versioning, and deprecation

Module 36. HTML and Semantic Structure

How the web actually works
Semantic HTML as accessibility infrastructure
Headings, landmarks, lists, and document outline
Forms, labels, and input types
Reading a page''s structure in browser dev tools

Module 37. CSS for Designers

Selectors, box model, and the cascade
Flexbox and CSS Grid
Logical properties for multilingual layouts
Custom properties and design tokens in code
Responsive units and container queries

Module 38. Working with Developers

Reading component code well enough to have the conversation
Design handoff, specs, and Figma Dev Mode
Token-to-code pipelines
Performance basics: image formats, font loading, page weight
Design QA and acceptance criteria

Module 39. Accessibility Foundations

Medical and social models of disability
Permanent, temporary, and situational impairment
Assistive technology hands-on: NVDA, JAWS, TalkBack, VoiceOver
Magnification, switch access, and voice control
Live assignment: complete a government transaction using only a screen reader

Module 40. WCAG Principles and Success Criteria

POUR: perceivable, operable, understandable, robust
Every Level A and AA success criterion, worked through on real pages
What WCAG 2.2 added over 2.1
Conformance levels and what AA actually requires
Building your own audit checklist

Module 41. Accessible Design in Practice

Colour contrast, non-text contrast, and colour independence
Keyboard navigation, focus order, focus visibility, skip links
Accessible forms, error identification, and instructions
ARIA roles, states, properties, and the first rule of ARIA
Touch targets, gestures, and motion sensitivity

Module 42. Accessibility Testing and Auditing

Automated tools: axe DevTools, WAVE, Lighthouse, Accessibility Insights
Why automation catches only a fraction of issues
Manual audit protocol, page by page
Screen reader testing matrix across NVDA, JAWS, VoiceOver, TalkBack
Devanagari and screen readers: lang switching, conjuncts, Indian language TTS gaps

Module 43. Accessibility Law, Reporting and Remediation

RPwD Act 2016 Sections 40, 42, 46 and Rule 15
IS 17802 as a BIS standard referenced by statute
The direction of the draft RPwD Amendment Rules and conformance reporting
Writing a VPAT and Accessibility Conformance Report
Prioritising a remediation backlog by severity and effort

Module 44. GIGW 3.0 Structure and Scope

What GIGW is and which organisations it binds
The four focus areas: Quality, Accessibility, Cybersecurity, Lifecycle Management
The role-based framing: organisation, developer, evaluator
The 25 quality checkpoints explained
Accessibility criteria mapped to WCAG 2.1 Level AA

Module 45. Compliance Requirements in Detail

Mandatory policies: content, moderation, review, archival, copyright, hyperlinking, privacy, security, contingency
Unicode mandate and Hindi/regional font testing requirements
Language metadata and multilingual content obligations
Mobile app clauses: homescreen parity, orientation, gesture alternatives
API integration expectations for DigiLocker, Aadhaar, SSO, and translation tools

Module 46. Running a GIGW Audit