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