arrow_back
1. Getting Started
Course Overview
a. Introduction to Design
b. UX vs UI
c. Research
d. Understanding the Business problem
2. Competitive Analysis
a. Introduction
Bonus: Importance of Documentation
b. Conducting Competitive Analysis ( Part-1)
c. Conducting Competitive Analysis ( Part-2)
Exercise : Competitive Analysis
3. User Interviews
a. Introduction
b. Conducting User Interviews ( Part-1)
c. Conducting User Interviews ( Part-2)
d. Preparing User Interview Questions using ChatGPT
Exercise: User interviews
4. Single and Cross Case Analysis
a. Single Case Analysis
b. Cross Case Analysis
Exercise: Single and Cross- Case Analysis
5. User Persona
a. User Persona
Exercise: User Persona
6. Introduction to Figma and Figjam
a. Introduction to Figma and Figma Community
b. Using FigJam
c. Introduction to JamBot
7. Information Architecture ( IA)
a. Introduction
b. Using JamBot to make IA
Exercise: IA-1
Exercise : IA-2
8. Userflows
a. Introduction
Exercise: User Flows-1
b. Userflows using JamBot
c. Making our Userflow
Exercise: User Flows-2
9. Figma Basics
a. Getting Started with Figma ( Part-1)
b. Getting Started with Figma ( Part-2)
c. UI Terminology
d. Grids
10. Understanding Responsive Design
a. Introduction to Adaptve and Responsive Design
b. Constraints
IMPORTANT NOTE
11. Autolayout
a. Making a button and a card
Exercise: Autolayout-1
b. Making a Card Continued
Exercise: Autolayout-2
c. Advanced Settings
12. Colours and Gradients
a. Understanding Colours and Gradients
13. Practice Time
a. Exploring Mobbin
b. Designing Spotify's Registartion Screen ( Part-1 )
c. Designing Spotify's Registartion Screen ( Part-2 )
Practice Time
14. Components and Variants
a. Components
b. Variants ( Part-1)
c. Variants ( Part-2 )
Exercise: Components and Variants
15. Prototyping
a. Prototyping a Website
Exercise: Prototyping
b. Creating a Toggle
16. Wireframes
a. Wireframes
Figma Shortcuts
17. Design System
a. Colour Palette
b. Font
c. Grids, Icons
d. Creating a Restaurant Card
e. Creating a Dietary Preferences Pop-Up
Project 01- Wireframes and Design System
18. High Fidelity Wireframes and Mockups
a. High Fidelity Screens for food ordering platform ( Part-1)
b. High Fidelity Screens for food ordering platform ( Part-2)
b. Prototyping for food ordering platform
Project 02- High Fidelity and Mockups Practice
19. Usability Testing
a. Usability Testing
Exercise: Usability Testing
20. Congratulations and Ending Note
a. Further Steps and ending note