Design & Creative Technologies
UI/UX Design Course
Duration
2 Months
Price
Rs. 15,000.00
Course Description
Course Syllabus
1. Introduction to UI/UX Design
- Difference between UI and UX — roles, skills & career paths
- The design thinking process — Empathize, Define, Ideate, Prototype, Test
- Overview of the product design lifecycle
- Introduction to design tools — Figma, Adobe XD overview
- Case studies — analysing real-world products & apps
2. Visual Design Fundamentals
- Elements of design — line, shape, colour, texture, space
- Principles of design — balance, contrast, alignment, repetition, proximity
- Typography — typeface selection, hierarchy & readability
- Colour theory — hue, saturation, value & accessible colour palettes
- Gestalt principles & visual perception in UI
3. User Research & Empathy
- Qualitative vs quantitative research methods
- User interviews — planning, conducting & synthesising findings
- Surveys, contextual inquiry & field studies
- Creating user personas & empathy maps
- Competitor analysis & heuristic evaluation
4. Information Architecture
- Mental models, card sorting & tree testing
- Site maps & content hierarchy
- Navigation patterns — tabs, menus, breadcrumbs & drawers
- Labelling systems & controlled vocabularies
- Designing for findability & wayfinding
5. Sketching & Low-Fidelity Wireframes
- Rapid sketching techniques — crazy 8s & storyboarding
- Low-fidelity wireframing principles & best practices
- Layout grids — 8-point grid system & spacing rules
- Wireframing with Figma — frames, shapes & auto layout
- Annotating wireframes for developer handoff
6. High-Fidelity UI Design in Figma
- Figma workspace — pages, frames, layers & groups
- Components, variants & instances
- Design tokens — colour styles, text styles & effects
- Auto Layout for responsive & flexible designs
- Designing for iOS, Android & web breakpoints
7. Prototyping & Micro-interactions
- Figma prototyping — triggers, transitions & overlays
- Micro-interaction patterns — feedback, loading & animations
- Interactive component states — hover, focus, active, disabled
- Prototyping user flows & task scenarios
- Sharing & presenting prototypes to stakeholders
8. Design Systems & Component Libraries
- Anatomy of a design system — foundations, components & patterns
- Building a shared component library in Figma
- Atomic design methodology — atoms, molecules, organisms
- Documenting design decisions & usage guidelines
- Versioning & maintaining a living design system
9. Usability Testing
- Planning usability tests — goals, tasks & participants
- Moderated vs unmoderated testing methods
- Think-aloud protocol & observation techniques
- Analysing test results & identifying pain points
- Tools — Maze, Lookback & UserTesting overview
10. Accessibility & Inclusive Design
- WCAG 2.1 guidelines — Level A, AA & AAA standards
- Colour contrast ratios & accessible typography
- Keyboard navigation & focus management
- Screen reader compatibility & ARIA roles
- Inclusive design patterns — captions, alt text & error handling
11. UX Writing & Microcopy
- Principles of effective UX writing — clear, concise & useful
- Writing button labels, empty states & error messages
- Onboarding copy & product tours
- Tone of voice & content guidelines
- A/B testing copy variations for conversion
12. Analytics & Data-Informed Design
- Introduction to Google Analytics & Hotjar for UX insights
- Heatmaps, session recordings & click tracking
- Funnel analysis & drop-off identification
- Key UX metrics — task success rate, time-on-task & SUS score
- Turning data insights into actionable design improvements
13. Mobile & Responsive Design
- Mobile-first design strategy & thumb-zone ergonomics
- iOS Human Interface Guidelines & Material Design 3 principles
- Responsive layout patterns — fluid grids & adaptive components
- Touch targets, gestures & haptic feedback patterns
- Designing for dark mode & dynamic type scaling
14. Motion Design & Animation
- Principles of motion — easing, duration & choreography
- Transition patterns — shared element, fade & slide
- Prototyping animations in Figma with Smart Animate
- Lottie animations & integration with development teams
- When to animate — improving UX vs causing distraction
15. Developer Handoff & Collaboration
- Preparing design files for developer handoff in Figma
- Exporting assets — SVG, PNG, WebP & icon fonts
- Writing design specifications & redlines
- Working with Storybook & front-end component libraries
- Agile workflow — sprints, design reviews & feedback cycles
16. Portfolio Development & Job Readiness
- Structuring a compelling UX case study
- Writing project narratives — problem, process & outcome
- Building a portfolio website — Notion, Webflow or Behance
- Preparing for design interviews & whiteboard challenges
- LinkedIn profile optimisation & personal branding
Quick Overview
- Category
- Design & Creative Technologies
- Duration
- 2 Months
- Price
- Rs. 15,000.00
Ready to Enroll?
Start your learning journey!
Share this Course
Enroll in This Course
Complete the form below to submit your enrollment application