|
Week 1-2: UI Fundamentals and Introduction to Figma
|
|
|
|
Understanding UI/UX Distinctions
|
|
|
|
Importance and Evolution of UI/UX
|
|
|
|
UI Elements and Principles
|
|
|
|
Getting Started with Figma
|
|
|
Week 3-4: Figma Mastery and UI Design Basics
|
|
|
|
Responsive & Adaptive Design
|
|
|
|
Hands-on Figma Practice
|
|
|
|
Typography
|
|
|
|
Iconography
|
|
|
|
Visual Hierarchy and Color Theory in UI Design
|
|
|
|
Setting up variables
|
|
|
|
Prototyping in Figma
|
|
|
Week 5-6: UI Guidelines
|
|
|
|
WCAG Guidelines
|
|
|
|
Usability Guidelines (Honeycomb Model)
|
|
|
|
Heuristic Guidelines
|
|
|
|
Setting up Style Guidelines and Design System
|
|
|
|
Components Library and Understanding their Mechanism.
|
|
|
Week 7-8: UX Core Concepts, Product Critic and Case Study
|
|
|
|
Design Process & Core UX Concepts (Design, Mapping)
|
|
|
|
Product Critic Framework
|
|
|
|
User Research Techniques (Primary, Secondary)
|
|
|
|
Information Architecture and User Flow
|
|
|
|
Basics of creating visual appealing case study
|
|
|
Case Study -1: Problem Identification (App eg. KukuFM, Astrotalk, IRCTC)
|
|
|
Week 9-10: Advanced UI Techniques and Figma Features
|
|
|
|
Collaborative Design in Figma
|
|
|
|
Visual design principles and theories
|
|
|
|
Advanced Plugin Integrations
|
|
|
|
Lottiefiles Animation in Figma
|
|
|
Case Study -2: Idea Validation (Products eg. OneCard, PolicyBazzar)
|
|
|
Week 11-12: Whiteboarding Challenge and Behavioral Psychology
|
|
|
|
Interactive Whiteboarding Session (Fig Jam, Miro)
|
|
|
|
Emotional Design Principles
|
|
|
|
Collaborative Problem-Solving
|
|
|
|
Behavior Psychology (Persuasiveness, Motivation, Cognitive Load)
|
|
|
Portfolio Development and Career Preparation
|
|
|
|
Creating a Strong Design Portfolio & Resume
|
|
|
|
Storytelling Through Design
|
|
|
|
Networking and Building Relationships
|
|
|
|
Mock Interview Preparation and Techniques
|
|
|
|
Solving the Design Assignments and Challenges
|
|
|
|
Setting up profile on job portals
|
|
|
|
Seeking referrals from Industry designers
|
|
|
Week 13-14: Evaluative Research Techniques & Design KPIs
|
|
|
|
Usability testing methods (moderated, unmoderated, remote)
|
|
|
|
A/B testing and Multivariate Testing
|
|
|
|
Card Sorting and Tree Testing
|
|
|
|
Data interpretation, and Benchmarking
|
|
|
|
First-Click Testing & Preference Testing
|
|
|
Week 15-16: Data Analysis and Insights
|
|
|
|
Qualitative and Quantitative Data Analysis
|
|
|
|
Ecosystem Mapping in UX
|
|
|
|
User Journey Mapping
|
|
|
|
Creating Storyboards
|
|
|
Case Study -3: Rapidly Building MVP (Conceptual Ideas)
|
|
|
Week 17-18: Building Design Systems and Component Libraries
|
|
|
|
Creating Design Systems (Web, Mobile and Smartwatch)
|
|
|
|
Tokenization
|
|
|
|
Atomic Design Principles
|
|
|
|
Documenting Patterns & Libraries
|
|
|
Week 19-20: UX Metrics and Inclusive Design
|
|
|
|
Data-Driven Design Decisions
|
|
|
|
Key Performance Indicators (KPIs) for UX
|
|
|
|
Implementing Accessibility Standards (WCAG)
|
|
|
|
Designing for Users with Disabilities
|
|
|
|
Inclusive Design Principles
|
|
|
Case Study -4: Publishing Mini Design System (Figma)
|
|
|
Week 21-22: Cultivating Product Thinking Mindset
|
|
|
|
Aligning Design with Business Goals
|
|
|
|
Product Metrics and Analytics
|
|
|
|
Product Sense in UI/UX
|
|
|
Case Study -5: Integrated Smartwatch App (Eg. Boat, Noise)
|
|
|
Portfolio Development and Career Preparation
|
|
|
|
Creating a Strong Design Portfolio & Resume
|
|
|
|
Storytelling Through Design
|
|
|
|
Networking and Building Relationships
|
|
|
|
Mock Interview Preparation and Techniques
|
|
|
|
Solving the Design Assignments and Challenges
|
|
|
|
Setting up profile on job portals
|
|
|
|
Seeking referrals from Industry designers
|
|