Course Module
Of
UI/UX Design
Total Class: 40 Class Duration: 2 Hours
PART-A
User Interface
Class 01: Understanding Of UI Design
Class 02: Introduction to XD & working process
Selection
Artboard
Grid
Guide
Using Shape
Place image
Lock/ unlock
Using color
Shadow
Using Tex
Export
HW: Login page (2), 404 page (2), Sign Up (2)
Class 03: Introduction to XD & working process
Stack- Paddin
Background Blur
Repeat grid
Plugin
HW: landing page hero (5)
Class 04: UI Elements
HW: Create 20 UI Elements
Class 05: Web templete Theory
Responsive Desig
Wirefram
Typography rules
Create wireframe Digital agency website
HW: Trace two website landing page wireframe
Class 06: Typography
Trace any Real Estate website
HW: Trace one website 6 page ( Home page, About us, Service page, Contact page, Blog page, Apartment details)
Class 07: UI Design Principles & Redesign process
HW: Redesign a website landing page maintain all Principles (5 section)
Uxcel https://app.uxcel.com/home
Class 08: Introduction to Figma & working process
Selection
Fram
Grid
Guide
Using Shape
Place image
Lock/ unlock
Using colo
Shadow
Using Tex
Grou
Export
HW: Redesign pricing (2), Redesign User profile (2)
Class 09: Introduction to Figma & working process
Auto layou
Create style ( Color, Typography, Effect
Background Blur
Create componen
Variean
Plugi
Community
HW: OTP landing page
Class 10: Style Guide & Design system
HW: Create Design system & Styleguide
Brightskills.com
Class 11: Dashboard Design
HW: Dasbhoard Design(2)
Class 12: Redesign an E-learning Website
HW: Redesign Brightskills.com
Class 13: Mobile App UI design
HW: Trace crerative IT Institute app 10 screen
Class 14: Mobile App UI Redesign
HW: Trace Whatsapp
Note: Assignment for Final exam Create a corporate Full Website including Mobile and Tab View.
Class 15: Uplabs Marketplace
HW: Submit minimum 2 project.
Class 16: Design Presentation for Dribbble and Behance
HW: Submit minimum 30 project before end the course.
Class 17: Final UI Exam –
MCQ, Problem Solving, Submit
assignment Full Website including Mobile and Tab View
Advice: Redesign the applications installed on your mobile devices.
PART-B
User Experience
Class 18: Understanding Design thinking & UX Process
Qualitative research and Quantitative research
HW: Submit reports (Mentor must Provide some UX blog)
Class 19: Brain stroming
UX Law
: Hick’s Law
, Fitts’s Law
, Jakob’s Law
,
Law of Proximity
, Miller’s Law
.
Mind map Templete
HW: Research and Submit report using miro
Class 20: Problem Statements & Business Pitch
HW: Reseacrh some case study from Behance submit report.
Class 21: Practical - Create Problem Statements about
Student Attendance app for a School, Coffee shop, Travel Etc
Class 22: User Research Techniques
Emphaty maping & User Persona
HW: Create user personal template (3)
Class 23: User Research Techniques
Focus group discussion & Emphaty maping
Class 24: User journey map & User flow
HW: Create User flow (2), User journy map (2)
Class 25: Information Architecture & Card Sorting
HW: Create an Information Architecture (Subject providing by Teacher)
Class 26: Design patterns
Class 27: Paper Wireframe & prototype
HW: Draw a food ordering service app wireframe
Class 28: Usability testing & Heuristics
HW: Testing existing websites & Apps (3), Submit reports what you find.
Class 29: Product Case study & Showcasing
Class 30: Fiverr
Class 31: Upwork
PART: C
Product Design Sprint
Teamwork
Product Design Sprint-1
Class 32: Day 1 –
Problem statement Product analysis, user research, user observations, user
persona, user journey, product roadmap.
Class 33: Day 2 –
Card sorting, Site map, User flow, Information architecture.
Class 34: Day 3 –
Low fi Wireframe,
Class 35: Day 4 –
usability heuristics evaluation, prototyping & pre design foundations
(Prepare case study)
Class 36: Framer Prototyping and design
testing
Product Design Sprint
2
Class 37: Day 1 –
Product analysis, user research, user observations, user persona, user journey, product roadmap.
Class 38: Day 2 –
Card sorting, Site map, Information architecture, User flow diagram
Class 39: Day 3 –
Low fi Wireframe, usability heuristics evaluation, prototyping & pre design foundations.
(Prepare case study)
Class 40: Final UX Exam –
MCQ, Problem Solving & Case study presentation
Product design bootcamp merging quality students from different batch
