|
Introduction – Part 1 |
|
00:04:39 |
|
UI, UX – What is it |
|
00:10:47 |
|
UI Prototype |
|
00:11:17 |
|
UX Prototype |
|
00:07:58 |
|
Designing icons and Infographics |
|
00:30:20 |
|
Wireframing and UI design |
|
00:22:44 |
| Typography, Icons & Colors |
|
TYPE, FONT, AND ICON – PART A |
|
00:10:43 |
|
Type, Font and Icon – Part B |
|
00:16:00 |
|
Colors |
|
00:15:49 |
|
Symbols |
|
00:15:56 |
|
UI & UX DESIGN QUIZ |
|
00:05:00 |
|
Plugins |
|
00:19:43 |
|
UI & UX DESIGN QUIZ 2 |
|
00:05:00 |
|
Project ( Web App – Audio Player ) – Part A |
|
00:39:05 |
|
Project ( Web App – Audio Player ) – Part B |
|
00:12:39 |
|
Project ( Mobile App ) Restaurant – Part A |
|
00:32:40 |
|
Project ( Mobile App ) Restaurant – Part B |
|
00:40:40 |
|
Project ( Mobile App ) Restaurant – Part C |
|
00:22:19 |
|
Project ( Mobile App )-Local Payment App – A |
|
00:37:28 |
|
Project ( Mobile App )-Local Payment App – B |
|
00:40:16 |
|
Project ( Mobile App )-Local Payment App – C |
|
00:31:38 |
|
Project ( Mobile App )-Local Payment App – D |
|
00:43:28 |
|
Project – NavigationUI – Part A |
|
00:17:42 |
|
Project – NavigationUI – Part B |
|
00:34:39 |
|
Project – NavigationUI – Part D |
|
00:21:38 |
|
Project – NavigationUI – Part E |
|
00:35:18 |
|
Project – NavigationUI – Part F |
|
00:18:31 |
|
Project – NavigationUI – Part G |
|
00:25:38 |
|
Project (Movie Ticket Booking App) -Part-A |
|
00:23:02 |
|
Project (Movie Ticket Booking App) -Part-B |
|
00:49:15 |
|
Project (Movie Ticket Booking App) -Part-C |
|
00:29:36 |
|
Project (Movie Ticket Booking App) -Part-D |
|
00:21:23 |
|
Project (Movie Ticket Booking App) -Part-E |
|
00:35:05 |
| UI Project - Sign In & Web UI |
|
Project – Sign in – Part A |
|
00:52:22 |
|
Project – Sign in – Part B |
|
00:37:29 |
|
Project – Sign in – Part C |
|
00:36:51 |
|
Project Web UI & UX – Part A |
|
00:21:03 |
|
Project Web UI & UX – Part B |
|
00:27:46 |
|
Project Web UI & UX – Part C |
|
00:17:26 |
|
Project – Social Media Web App – Part A |
|
00:50:13 |
|
Project – Social Media Web App – Part B |
|
00:29:33 |
|
Project – UI Expert – Part A |
|
00:43:42 |
|
Project – UI Expert – Part B |
|
00:40:22 |
|
Project – UI Expert – Part C |
|
00:38:27 |
|
Project – UI Expert – Part D |
|
00:14:47 |
|
Introduction to Figma |
|
00:13:17 |
|
Wire Frame |
|
00:42:32 |
|
Splash Screen creation,Login page ,Sign in page,Otp page |
|
00:01:03 |
|
Splash Screen,Popup Page,Location, – Part 1 |
|
00:41:54 |
|
Home page ,Notification page ,Category selection – Part 1 |
|
00:27:59 |
|
UI Design Process |
|
00:13:58 |
|
Recreation of Instagram UI |
|
00:50:52 |
|
Landing page Wireframe creation |
|
00:17:58 |
|
Landing page Ui |
|
00:26:36 |
|
Home page Wireframe creation |
|
00:31:09 |
|
Home page Ui Creation |
|
00:16:29 |
|
Cart page & Profile page Wireframe creation |
|
00:42:45 |
|
Cart page & Profile page UI creation |
|
00:27:01 |
|
Best Plugins in figma |
|
00:28:59 |
|
Secret of colors in UI Design |
|
00:25:59 |
|
Mockups creations |
|
00:20:56 |
|
Shortcut Keys in Figma |
|
00:43:02 |
|
Father of UI/UX Design ,Golden Ratio ,Grid System |
|
00:22:11 |
|
KAIZEN,Deter Rams ,Fitts Low,Goal gradient effect |
|
00:22:17 |
|
Knowing JAP |
|
00:03:24 |
|
Elaborating JAP |
|
00:07:04 |
|
UX Design |
|
00:06:12 |
|
All About Chalo INDIA Startup Drive |
|
00:03:50 |
|
AVODHA Official Malayalam YouTube Channel |
|
00:00:49 |
|
Project ( Movie Ticket Booking App) – Part-B |
|
00:49:15 |
|
Project ( Movie Ticket Booking App) – Part-C |
|
00:30:01 |
|
Project ( Movie Ticket Booking App ) – Part-D |
|
00:21:24 |
|
Project ( Movie Ticket Booking App ) – Part-E |
|
00:35:05 |
|
Project – Sign in – Part B |
|
00:37:29 |
|
Project – Sign in – Part C |
|
00:36:51 |
|
Splash Screen,Popup Page,Location, – Part 2 |
|
00:21:11 |
|
Home page ,Notification page ,Category selection – Part 2 |
|
00:01:19 |
|
Designing interfaces that change dynamically based on user behavior. |
|
00:31:26 |
|
How AI detects user emotions from voice, expressions, and actions. |
|
00:39:19 |
|
Understanding ML concepts that influence UI/UX recommendations and personalization. |
|
00:30:04 |
|
utomating usability testing with AI-based pattern recognition and feedback. |
|
00:26:22 |
|
Design guidelines for fairness, inclusivity, and reducing algorithmic bias. |
|
00:09:06 |
|
Guidlines on Designing for Responsive Website |
|
00:24:25 |
|
Responsive Website Design -Mobile and tab |
|
00:23:42 |
|
Responsive Website Design -Desktop |
|
00:20:03 |
|
Understanding Web Applications |
|
00:17:29 |
|
Doodle creation using AdobeXD |
|
00:36:20 |
|
Assets and Symbols |
|
00:33:01 |
|
Collaboration and Sharing |
|
00:21:58 |
|
Animations and Transitions |
|
00:37:57 |
|
User Testing |
|
00:29:50 |
|
Real world projects |
|
00:24:54 |
|
introdutions figma |
|
00:29:38 |
|
creating the money transfer mobile app Part-1 |
|
00:42:20 |
|
creating the money transfer mobile app Part-2 |
|
00:03:15 |
|
creating the money transfer mobile app Part-3 |
|
00:29:27 |
|
Inrodutions to intradactions designs |
|
00:33:35 |
|
creating the e-commerence landing page design and basic animations part 1 |
|
00:54:19 |
|
creating the e-commerence landing page design and basic animations part 2 |
|
00:21:46 |
|
creating the e-commerence landing page design and basic animations part 3 |
|
00:16:55 |
|
Advanced autolayout in figma |
|
00:18:40 |
|
creating the animations to creating the autolayout |
|
00:18:17 |
|
mobile app designs creating and connecting the prototype designs |
|
00:22:38 |
|
lowfidelity designs to ui deigns creating Part-1 |
|
00:25:50 |
|
lowfidelity designs to ui deigns creating Part-2 |
|
00:18:52 |
|
creating the components using the animations designs part 1 |
|
00:30:09 |
|
creating the components using the animations designs part 2 |
|
00:30:06 |
|
creating the components using the animations designs part 3 |
|
00:29:58 |
|
creating the landing page designs part 1 |
|
00:15:49 |
|
creating the landing page designs part 2 |
|
00:12:34 |
|
Project Overview |
|
00:02:15 |
|
Project Overview Part 2 |
|
00:14:08 |
|
Information Architecture |
|
00:18:12 |
|
Introduction to AI and Its Impact on UI/UX |
|
00:29:33 |
|
Exploring Popular AI-Powered Tools |
|
00:30:09 |
|
Enhancing User Research with Artificial Intelligence |
|
00:26:35 |
|
AI in WireFraming and Prototyping |
|
00:24:48 |
|
Visual Design |
|
00:30:48 |
|
Importance of AI in UI/UX |
|
00:26:28 |
|
Benefits: Speed, Personalization, Accessibility, Automation |
|
00:25:40 |
|
Real-life examples (e.g., Netflix, Spotify, Amazon recommendations) |
|
00:25:51 |
|
Using AI tools for user behavior analysis |
|
00:31:24 |
|
Heatmaps & session recording tools (e.g., Hotjar, Smartlook) |
|
00:31:12 |
|
AI in persona generation |
|
00:23:12 |
|
Surveys & sentiment analysis using AI |
|
00:30:20 |
|
AI-based wireframe tools (e.g., Uizard, Galileo AI) |
|
00:34:19 |
|
Auto-layout and content suggestions |
|
00:30:51 |
|
Rapid prototyping with AI input |
|
00:01:02 |
|
AI for color palette generation (e.g., Khroma) |
|
00:30:02 |
|
Image & icon generation (e.g., DALL·E, Midjourney) |
|
00:29:31 |
|
Design enhancement tools (e.g., Adobe Firefly, Runway) |
|
00:31:39 |
|
AI writing tools (e.g., ChatGPT, Jasper) |
|
00:30:13 |
|
Auto content filling for prototypes |
|
00:25:43 |
|
Personalization of UX content using AI |
|
00:28:09 |
|
Predictive user testing (e.g., Maze, PlaybookUX) |
|
00:26:30 |
|
Eye-tracking simulations |
|
00:27:12 |
|
AI-based accessibility testing |
|
00:25:14 |
|
AI to Figma-to-Code (e.g., Locofy, Anima) |
|
00:24:22 |
|
Developer handoff tools using AI |
|
00:21:06 |
|
Privacy concerns in AI usage |
|
00:25:01 |
|
Bias in AI-generated UX decisions |
|
00:31:59 |
|
Data security and transparency |
|
00:30:56 |
|
· Uizard – AI wireframing & prototyping |
|
00:29:32 |
|
Runway ML – AI video/image editing |
|
00:25:44 |
|
Galileo AI – Design from text prompts |
|
00:24:46 |
|
ChatGPT – Content generation |
|
00:32:25 |
|
Figma AI plugins – Automations & suggestions |
|
00:27:37 |
|
Create a simple app/website using AI-assisted tools |
|
00:25:32 |
|
Explain AI involvement in each stage |
|
00:29:56 |
|
Present user research, design, testing using AI tools |
|
00:29:03 |
|
Understanding how AI generates creative design variations automatically. |
|
00:25:18 |
|
Using AI tools to generate logos, brand palettes, and typography suggestions. |
|
00:32:18 |
|
Introduction – Part 2 |
|
00:18:52 |
|
What is UI/UX Design? |
|
00:25:30 |
|
Research, Concept, Design, Test |
|
00:23:57 |
|
Hick’s Low,Jacob’s Low |
|
00:22:48 |
|
Low of Proximity ,Low of Similarity |
|
00:13:54 |
|
Blurred Bars Effect in Figma ,Glass effects |
|
00:16:18 |
|
Leaderboard Ui Creation Using Glass Effects |
|
00:18:52 |
|
Basics of Prototyping |
|
00:13:59 |
|
Component |
|
00:18:26 |
|
Toggle |
|
00:10:04 |
|
Scrolling |
|
00:09:21 |
|
Prototyping for Shoe selling Ecommerce App part-02 |
|
00:22:35 |
|
welcome page, splash screen ,Onboarding pages of music app. |
|
00:41:37 |
|
Login pages ,Sign up page, Forget password and verification pages of music app. |
|
00:19:35 |
|
Home pages of music app,liked page of music app |
|
00:52:07 |
|
Search page of music page,library page of music app,Recently played list page |
|
00:01:00 |
|
Premium category page of music app,Settings page of music app,profie page |
|
00:38:18 |
|
Playback page of music app,dark mode of home page and playback page |
|
00:37:01 |
|
Landing Page part -01 |
|
00:35:16 |
|
Landing Page part -02 |
|
00:49:00 |
|
Splash screen ,Onboarding pages of travel app. |
|
00:30:00 |
|
Login pages of travel app, Sign Up page |
|
00:40:28 |
|
Sign up pages , Forget password and Verification page |
|
00:40:04 |
|
Home pages of travel app,Search destination page of travel app. |
|
00:46:46 |
|
Booking a date page in travel app,Invoice of travel booking app. |
|
00:55:33 |
|
Payment method page of travel app,Adding card details page ,Payment successful page |
|
00:53:57 |
|
Prototyping of travel app.part 01 |
|
00:36:17 |
|
Prototyping of travel app.part 03 |
|
00:31:09 |
|
Prototyping of travel app.part 04 |
|
00:36:15 |
|
User flow of traveling app |
|
00:32:10 |
|
Case study |
|
00:39:10 |
|
Autolayout Part-1 |
|
00:31:13 |
|
Autolayout Part-2 |
|
00:33:00 |
|
Using Autolayout |
|
00:18:36 |
|
Using Grid system |
|
00:10:14 |
|
Using Farmer |
|
00:31:56 |
|
Responsive card component |
|
00:28:50 |
|
Introduction to Dribble |
|
00:25:24 |
|
Introduction to Behance |
|
00:21:18 |
|
Project Showcase |
|
00:13:45 |
|
Introduction to AdobeXD |
|
00:31:37 |
|
Design Basics |
|
00:40:55 |
|
Understanding the design principles &Colors |
|
00:25:05 |
|
Usability rules and Typography for UI |
|
00:21:47 |
|
Design frame work -Material Design |
|
00:10:19 |
|
Creating UI style guide |
|
00:20:56 |
|
Introduction to Adobe Illuatrator |
|
00:21:38 |
|
Branding logo and splash screen |
|
00:35:56 |