UI UX Design Course
A UI UX Design Course is a training program that teaches the skills needed to design user interfaces and user experiences for digital products. It covers topics such as user research, wireframing, prototyping, usability testing, and visual design. The goal is to help participants create effective digital products.
Pay One Time
₹35,000
Only for Indian Students
Course Fee
₹35,000
Discount
₹7,500
Total
₹35,000
Tax not applicable
Pay in 2 Instalments
₹21,250x2
Only for Indian Students
Course Fee
₹21,250x2
Discount
No Discount
Total
₹42,500
Tax not applicable
Pay One Time
$1,299
Only for ✈️ International Students
Course Fee
$1,299
Discount
$201
Total
$1,299
Tax not applicable
Pay in 2 Instalments
$750x2
Only for ✈️ International Students
Course Fee
$750x2
Discount
No Discount
Total
$1,500
Tax not applicable
Program Fees
Credit/Debit Card EMI Available only with leading banks of India
What you’ll learn from this course?
-
What is UX Design?
-
What is UI Design?
-
Difference between UX UI Design
-
History and Evolution of UX/UI Design
-
Importance of UX/UI Design in Business
-
Introduction to HCD (Human Centric Design)
-
Brief on UCD (User Centric Design)
-
Introduction to design thinking process.
-
User Psychology and Behavior
-
Understanding User Needs
-
Various types of Cognitive Bias
-
Understand Problem Statement and Solution
-
How to identify Target Audience
-
Stakeholder Interview
-
Demo on “Mock Concept Finding Activity”
Hands-on Activity
Research and find 12 potential concepts for your mock application
-
-
Types of Business Models
-
Introduction to Competitive Analysis
-
Why Competitive Analysis plays very important role in product design
-
How to conduct Competitor Analysis
(Identifying Competitors, Gathering Competitor Data, Analyzing Competitor Offerings, Understanding Competitor Positioning, Market Share and Market Penetration, Competitor Marketing Strategies, Competitor SWOT Analysis, Competitive Pricing Analysis) -
Case study on Competitor Analysis
-
Demo on competitor analysis
Hands-on Activity
Create in-dept competitor analysis based on your selected concept.
-
-
Introduction to User Research
-
Definition and importance of user research in UX/UI design
-
Role of user research in understanding user needs and informing design decisions
-
Exploring different types of user research, such as qualitative and quantitative research
-
Explain when to use qualitative research and when to use quantitative research
-
How to prepare for user interviews?
-
Mock Interview and survey questions predation.
-
Live presentation on how to conduct interview.
-
How to analyze response on research
Hands-on Activity
-
Conduct one Quantitative survey
-
Conduct two Qualitative User Interview
-
Summarize research findings
-
-
Introduction to User Persona
-
Elements of User Personas
-
How to collect for User Personas
-
Segmentation on User Persona such as Primary, Secondary and Negative persona
-
Applying Personas to the Design Process
-
Demo on User Persona
Hands-on Activity
Create two User Persona
-
-
Introduction to Empathy Maps
-
Components of an Empathy Map
-
Creating Reference Empathy Map
-
Translating Insights into Design Decisions
-
Updating Empathy Maps
-
Practical Examples and Case Studies
-
Demo on Empathy Mapping
Hands-on Activity
Create two Empathy Maps
-
-
Introduction to User Journey Mapping
-
Elements of a User Journey Map
-
User Goals, Actions and Touchpoints
-
Emotions and Pain Points
-
Demo on user Journey Map
Hands-on Activity
Create one User Journey Map
-
-
Introduction to User Flow
-
Elements of a User Flow
-
Different Types of User Flows
-
Optimizing User Flow
-
Demo on User flow
Hands-on Activity
Create one in-dept User Flow
-
-
Introduction to Information Architecture
-
Components of Information Architecture
-
Organization Systems
-
Labeling Systems
-
Navigation Systems
-
Search Systems
-
Information Architecture (IA) Vs Sitemaps
-
User Research for IA (Card Sorting Activity)
Hands-on Activity
-
Conduct card sorting exercise
-
Create one information architecture
-
-
Introduction to Wireframes
-
Why wireframe is an important process
-
Types of Wireframes
-
Elements of a Wireframe
-
Wireframing vs. Prototyping
-
Anatomy of IOS, Android & Website
-
Case Studies and Practical Applications
-
Step-by-step guide to creating wireframes (Sample Screen for wireframe)
-
Learn more about Balsamiq
Hands-on Activity
Create Lo-fi wireframe for App & Landing Page
-
Module 01 - UX Design
6 Weeks
FigJam
Balsamiq
Figma
Protopie
Zeplin
-
17 Principles of Good UI Design in Figma
-
Typography: Fonts, hierarchy, and legibility.
-
Color Theory: Palettes, contrast, and emotion.
-
Icons and Symbols.
-
Buttons and Call-to-Action elements.
-
Forms and Input fields.
Hands-on Activity
Research and find out Good and Bad Example of Design Principles
-
-
Introduction to Overall Figma User Interface (Pages, Frame, Export, Tool Bar, Sidebar, Pen Tool...)
-
Introduction to Boolean Operations
-
Alignment and spacing
-
How to apply Shadows
-
Layer Blur Effects
-
Background Blur Effects
Hands-on Activity
Create a replicate of any app of your choice
-
-
Auto Layout
-
Components & Variants
-
Variables (P)
Hands-on Activity
-
Create a replicate of any app design using all advance Figma features
-
-
Introduction Apple iOS (Human Interface Guidelines)
-
Introduction to Android (Material Design)
-
Understand Breakpoints
-
Statics vs Dynamics UI
-
Responsive Design using Auto Layout
-
How to design with 4px Grids
Hands-on Activity
Create responsive skeleton using Autolayout with 4 Breakpoints
-
-
Global V/s Local Components
-
How to Define Typography Styles
-
How to Create Color Styles
-
How to create Layout Grids
-
Icon Style using Variants
-
Buttons Component
-
Input Component
Hands-on Activity
Create your first text, color, & layout styles along with Icon, Button and Input Global Component.
-
-
Introduction to High Fidelity Wireframes
-
Live demo on How to design Hi-Fi Wireframes
-
Introduction to Visual Design
-
Live demo on Visual Design for Mobile
-
Live demo on Visual Design for Tablet
-
Live demo on Visual Design for Landing Page
-
Learn more about Zeplin
Hands-on Activity
-
Create Hi-Hi Wireframe for Mobile, Tablet & Landing Page
-
Design Visual Design for Mobile, Tablet & Landing Page
-
Module 02 - UI Design
5 Weeks
-
What is Prototyping?
-
Connecting frames to create interactions
-
Setting up transitions and animations
-
Overlays, scrolling, and interactive components
-
Creating more complex interactions
-
Usability Testing
-
Heuristic evaluation
Hands-on Activity
Finalize and preview the complete application prototype using Figma's prototyping features.
-
-
An overview of ProtoPie as a prototyping tool
-
Setting up and getting started with a ProtoPie account
-
A guided tour of ProtoPie’s user interface and workspace
-
Understanding the layout, panels, and essential tools
-
Exploring the fundamental concepts of ProtoPie
-
Deep Dive into Triggers and Responses
-
Step-by-step guide to importing designs from Figma into ProtoPie
-
Crafting Micro-Interactions with ProtoPie
-
Exploring the more sophisticated capabilities of ProtoPie
Hands-on Activity
Create a clickable prototype of a simple mobile login screen, with fields for username and password, a "Sign In" button, and a "Forgot Password" link, using a prototyping tool of your choice.
-
Module 03 - Prototyping & Testing
1 Week
-
Why Create a Case Study?
-
Essential Components of a Case Study
-
Crafting a Narrative: Beginning, Middle, and End
-
Using Imagery and Graphics Effectively
-
Layout and Typography Best Practices
-
How to Clearly Outline Your Design Process
-
Highlighting Key Decisions and Turning Points
-
Examples of Good and Bad Case Studies
-
Making Your Case Study Stand Out
Hands-on Activity
Create a Compelling Case Study Presentation for the Mock Application Project
-
-
Introduction to Resume Writing
-
Resume Content and Structure
-
Crafting a Strong Objective or Summary
-
Highlighting Your Experience
-
Education and Certifications
-
Skills and Proficiencies
-
Portfolio and Project Links
-
Customizing Your Resume for Each Application
Hands-on Activity
Craft a Distinctive Resume to Set Yourself Apart from Other Candidates
-
-
1-Hour Session on Job Interview Preparation
-
Strategies for Finding and Applying to the Right Job
-
Evaluating and Validating Potential Employers
-
More Modules - Case Study, Resume Building & Job Assistance
3 Week
Become Certified
Meet your mentor
Meet Taha, a highly skilled and experienced UX/UI designer with over 5+ years of professional experience in the field. With a strong passion for creating intuitive and user-centered digital products, Taha has worked with a wide range of clients across various industries such as finance, healthcare, e-commerce, and software, where Taha has developed a deep understanding of user-centered design methodologies and best practices.
Throughout Taha's career, Taha has a talent for quickly understanding the needs of users and stakeholders, and has a track record of designing products that are both aesthetically pleasing and easy to use. Taha is also an expert in design tools such as [Adobe Creative Suite, Sketch, Figma, etc] and is able to guide and support students in becoming proficient in these tools.
In addition to Taha's professional experience, Taha is also dedicated to mentoring and teaching. Taha has taught at Arena Animation, Jayanagar, Bangalore in the past and has a passion to share Taha's knowledge and help students succeed in the field of UX/UI design. Taha is a patient and supportive mentor, who encourages students to ask questions, experiment and take creative risks. Taha also provides individualized feedback to help students develop their skills and refine their design process.
In summary, Taha is a highly qualified and experienced UX/UI design professional, who is passionate about mentoring and dedicated to helping students succeed in the field.
Taha Bhalejwala
Outcomes of Course
01
Understand user-centered design principles and methodologies
02
Conduct user research to inform design decisions
03
Create wireframes, prototypes, and high-fidelity mockups
04
Use design software such as Sketch, Adobe XD, and Figma.
05
Understand and apply design principles such as typography, color theory, and layout.
06
Understand and apply interaction design principles such as navigation and user flows.
07
Communicate design ideas and solutions to stakeholders.
08
Understand and apply user testing methodologies.
UI UX Design Course
A UI UX Design Course is a training program that teaches the skills needed to design user interfaces and user experiences for digital products. It covers topics such as user research, wireframing, prototyping, usability testing, and visual design. The goal is to help participants create effective digital products.
What you’ll learn from this course?
-
What is UX Design?
-
What is UI Design?
-
Difference between UX UI Design
-
History and Evolution of UX/UI Design
-
Importance of UX/UI Design in Business
-
Introduction to HCD (Human Centric Design)
-
Brief on UCD (User Centric Design)
-
Introduction to design thinking process.
-
User Psychology and Behavior
-
Understanding User Needs
-
Various types of Cognitive Bias
-
Understand Problem Statement and Solution
-
How to identify Target Audience
-
Stakeholder Interview
-
Demo on “Mock Concept Finding Activity”
Hands-on Activity
Research and find 12 potential concepts for your mock application
-
-
Types of Business Models
-
Introduction to Competitive Analysis
-
Why Competitive Analysis plays very important role in product design
-
How to conduct Competitor Analysis
(Identifying Competitors, Gathering Competitor Data, Analyzing Competitor Offerings, Understanding Competitor Positioning, Market Share and Market Penetration, Competitor Marketing Strategies, Competitor SWOT Analysis, Competitive Pricing Analysis) -
Case study on Competitor Analysis
-
Demo on competitor analysis
Hands-on Activity
Create in-dept competitor analysis based on your selected concept.
-
-
Introduction to User Research
-
Definition and importance of user research in UX/UI design
-
Role of user research in understanding user needs and informing design decisions
-
Exploring different types of user research, such as qualitative and quantitative research
-
Explain when to use qualitative research and when to use quantitative research
-
How to prepare for user interviews?
-
Mock Interview and survey questions predation.
-
Live presentation on how to conduct interview.
-
How to analyze response on research
Hands-on Activity
-
Conduct one Quantitative survey
-
Conduct two Qualitative User Interview
-
Summarize research findings
-
-
Introduction to User Persona
-
Elements of User Personas
-
How to collect for User Personas
-
Segmentation on User Persona such as Primary, Secondary and Negative persona
-
Applying Personas to the Design Process
-
Demo on User Persona
Hands-on Activity
Create two User Persona
-
-
Introduction to Empathy Maps
-
Components of an Empathy Map
-
Creating Reference Empathy Map
-
Translating Insights into Design Decisions
-
Updating Empathy Maps
-
Practical Examples and Case Studies
-
Demo on Empathy Mapping
Hands-on Activity
Create two Empathy Maps
-
-
Introduction to User Journey Mapping
-
Elements of a User Journey Map
-
User Goals, Actions and Touchpoints
-
Emotions and Pain Points
-
Demo on user Journey Map
Hands-on Activity
Create one User Journey Map
-
-
Introduction to User Flow
-
Elements of a User Flow
-
Different Types of User Flows
-
Optimizing User Flow
-
Demo on User flow
Hands-on Activity
Create one in-dept User Flow
-
-
Introduction to Information Architecture
-
Components of Information Architecture
-
Organization Systems
-
Labeling Systems
-
Navigation Systems
-
Search Systems
-
Information Architecture (IA) Vs Sitemaps
-
User Research for IA (Card Sorting Activity)
Hands-on Activity
-
Conduct card sorting exercise
-
Create one information architecture
-
-
Introduction to Wireframes
-
Why wireframe is an important process
-
Types of Wireframes
-
Elements of a Wireframe
-
Wireframing vs. Prototyping
-
Anatomy of IOS, Android & Website
-
Case Studies and Practical Applications
-
Step-by-step guide to creating wireframes (Sample Screen for wireframe)
-
Learn more about Balsamiq
Hands-on Activity
Create Lo-fi wireframe for App & Landing Page
-
Module 01 - UX Design
6 Weeks
FigJam
Balsamiq
Figma
Protopie
Zeplin
-
17 Principles of Good UI Design in Figma
-
Typography: Fonts, hierarchy, and legibility.
-
Color Theory: Palettes, contrast, and emotion.
-
Icons and Symbols.
-
Buttons and Call-to-Action elements.
-
Forms and Input fields.
Hands-on Activity
Research and find out Good and Bad Example of Design Principles
-
-
Introduction to Overall Figma User Interface (Pages, Frame, Export, Tool Bar, Sidebar, Pen Tool...)
-
Introduction to Boolean Operations
-
Alignment and spacing
-
How to apply Shadows
-
Layer Blur Effects
-
Background Blur Effects
Hands-on Activity
Create a replicate of any app of your choice
-
-
Auto Layout
-
Components & Variants
-
Variables (P)
Hands-on Activity
-
Create a replicate of any app design using all advance Figma features
-
-
Introduction Apple iOS (Human Interface Guidelines)
-
Introduction to Android (Material Design)
-
Understand Breakpoints
-
Statics vs Dynamics UI
-
Responsive Design using Auto Layout
-
How to design with 4px Grids
Hands-on Activity
Create responsive skeleton using Autolayout with 4 Breakpoints
-
-
Global V/s Local Components
-
How to Define Typography Styles
-
How to Create Color Styles
-
How to create Layout Grids
-
Icon Style using Variants
-
Buttons Component
-
Input Component
Hands-on Activity
Create your first text, color, & layout styles along with Icon, Button and Input Global Component.
-
-
Introduction to High Fidelity Wireframes
-
Live demo on How to design Hi-Fi Wireframes
-
Introduction to Visual Design
-
Live demo on Visual Design for Mobile
-
Live demo on Visual Design for Tablet
-
Live demo on Visual Design for Landing Page
-
Learn more about Zeplin
Hands-on Activity
-
Create Hi-Hi Wireframe for Mobile, Tablet & Landing Page
-
Design Visual Design for Mobile, Tablet & Landing Page
-
Module 02 - UI Design
5 Weeks
-
What is Prototyping?
-
Connecting frames to create interactions
-
Setting up transitions and animations
-
Overlays, scrolling, and interactive components
-
Creating more complex interactions
-
Usability Testing
-
Heuristic evaluation
Hands-on Activity
Finalize and preview the complete application prototype using Figma's prototyping features.
-
-
An overview of ProtoPie as a prototyping tool
-
Setting up and getting started with a ProtoPie account
-
A guided tour of ProtoPie’s user interface and workspace
-
Understanding the layout, panels, and essential tools
-
Exploring the fundamental concepts of ProtoPie
-
Deep Dive into Triggers and Responses
-
Step-by-step guide to importing designs from Figma into ProtoPie
-
Crafting Micro-Interactions with ProtoPie
-
Exploring the more sophisticated capabilities of ProtoPie
Hands-on Activity
Create a clickable prototype of a simple mobile login screen, with fields for username and password, a "Sign In" button, and a "Forgot Password" link, using a prototyping tool of your choice.
-
Module 03 - Prototyping & Testing
1 Week
-
Why Create a Case Study?
-
Essential Components of a Case Study
-
Crafting a Narrative: Beginning, Middle, and End
-
Using Imagery and Graphics Effectively
-
Layout and Typography Best Practices
-
How to Clearly Outline Your Design Process
-
Highlighting Key Decisions and Turning Points
-
Examples of Good and Bad Case Studies
-
Making Your Case Study Stand Out
Hands-on Activity
Create a Compelling Case Study Presentation for the Mock Application Project
-
-
Introduction to Resume Writing
-
Resume Content and Structure
-
Crafting a Strong Objective or Summary
-
Highlighting Your Experience
-
Education and Certifications
-
Skills and Proficiencies
-
Portfolio and Project Links
-
Customizing Your Resume for Each Application
Hands-on Activity
Craft a Distinctive Resume to Set Yourself Apart from Other Candidates
-
-
1-Hour Session on Job Interview Preparation
-
Strategies for Finding and Applying to the Right Job
-
Evaluating and Validating Potential Employers
-
More Modules - Case Study, Resume Building & Job Assistance
3 Week