Scribd
Upload
59 views

UIXUX Design Course Module

This document outlines the course modules for a UI/UX Design class totaling 40 classes over 2 hours each. The course covers user interface design using tools like Adobe XD and Figma in Part A. Part B covers user experience design topics like design thinking, user research techniques, wireframing and prototyping. Part C involves two product design sprints in a team environment to design a product from problem statement to prototype over 5 days each sprint. The course aims to provide students hands-on experience with UI/UX design principles, tools and processes through practical assignments after each class.

Uploaded by

Emam Hossain
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
59 views

UIXUX Design Course Module

This document outlines the course modules for a UI/UX Design class totaling 40 classes over 2 hours each. The course covers user interface design using tools like Adobe XD and Figma in Part A. Part B covers user experience design topics like design thinking, user research techniques, wireframing and prototyping. Part C involves two product design sprints in a team environment to design a product from problem statement to prototype over 5 days each sprint. The course aims to provide students hands-on experience with UI/UX design principles, tools and processes through practical assignments after each class.

Uploaded by

Emam Hossain
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

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

You might also like