UI/UX Design
Description
Curriculum
Instructor
 Learn the principles of user-centered design to create engaging, functional, and user-friendly digital experiences. This course will guide you through the entire process of UI/UX design, from understanding user needs to creating prototypes using Figma and Canva. You’ll gain practical skills in designing interfaces for websites and mobile apps, and leave with a polished design portfolio.
What you'll learn
- UI/UX Fundamentals
- User Research and Design Thinking
- Wireframing and Prototyping
- Typography and Color Theory
- Figma Tools and Prototyping
- Portfolio Development
- Designing for Web and Mobile
- Testing and Iteration in UI/UX Design
Packages Include
- Certificate of Completion
- Hands-on Projects
- Final Capstone Project
- Classwork & Assignments
- Design Portfolio
Curriculum
- 8 Sections
- 63 Lessons
- 12 Weeks
Expand all sectionsCollapse all sections
- Module 1: Introduction to UI/UX Design8
- 1.1What is UI/UX?
- 1.2Understanding the difference between UI (User Interface) and UX (User Experience)
- 1.3Importance of user-centered design in creating successful digital products
- 1.4Usability, accessibility, and visual hierarchy
- 1.5Emotional design and user satisfaction
- 1.6Understanding Users and Empathy Maps10 Minutes0 Questions
- 1.7What are user personas?
- 1.8Creating empathy maps to better understand your users’ needs, behaviors, and emotions
- Module 2: User Research & Empathy6
- 2.1Surveys, interviews, and observation techniques
- 2.2Analyzing user data and synthesizing insights
- 2.3How to create realistic user personas based on research
- 2.4Using personas to drive design decisions
- 2.5Mapping out the steps a user takes to complete a task
- 2.6Identifying pain points and opportunities for improvement
- Module 3: Wireframing & Prototyping10
- 3.1Defining wireframes and their role in the design process
- 3.2Low-fidelity vs. high-fidelity wireframes
- 3.3Sketching, paper prototypes, and digital wireframes
- 3.4Introduction to Figma for UI/UX design
- 3.5Tools and features for creating wireframes
- 3.6Designing layout structures, navigation menus, and basic user interfaces
- 3.7Turning wireframes into interactive prototypes
- 3.8Testing and iterating prototypes
- 3.9Figma, Sketch, and Adobe XD comparison
- 3.10When and how to use prototyping tools effectively
- Module 4: Visual Design Principles9
- 4.1Visual hierarchy: arranging elements to guide users through the interface
- 4.2Consistency in design for intuitive user experiences
- 4.3Choosing the right typefaces for readability and style
- 4.4Applying color psychology and color schemes to create moods and guide users
- 4.5Designing buttons, icons, and other clickable elements
- 4.6Creating visual feedback for interactive elements (hover states, clicks)
- 4.7Understanding grid systems in design
- 4.8Designing responsive layouts that adjust across screen sizes
- 4.9Aligning elements to maintain a clean and organized design
- Module 5: UI/UX Design for Mobile Apps9
- 5.1Mobile UI/UX Design Principles
- 5.2Designing with mobile-first principles
- 5.3Creating Mobile UI with Figma
- 5.4Designing touch-friendly interfaces
- 5.5Optimizing for mobile navigation and gestures
- 5.6Ensuring designs work across devices (phone, tablet, desktop)
- 5.7How to make designs responsive using breakpoints and grids
- 5.8Creating mobile app prototypes in Figma
- 5.9Testing app usability on mobile devices
- Module 6: UI/UX Design for Websites8
- 6.1Key considerations when designing websites (content-first, navigation, readability)
- 6.2Understanding the difference between mobile and desktop design
- 6.3Design patterns for web interfaces: forms, modals, dropdowns
- 6.4Best practices for web navigation, accessibility, and user flows
- 6.5How to design websites that work across all screen sizes (desktop, tablet, mobile)
- 6.6Using flexible grids and media queries for responsive layouts
- 6.7Designing a full web page layout
- 6.8Developing interactive prototypes with multiple pages
- Module 7: Portfolio Development6
- 7.1What to include in your portfolio: case studies, projects, and processes
- 7.2Showcasing your best work and explaining design decisions
- 7.3Writing case studies that detail your design process from research to final product
- 7.4Structuring your case study: Challenge, Approach, Solution, and Outcome
- 7.5How to position yourself as a designer and attract potential employers or clients
- 7.6Creating a professional portfolio website to showcase your projects
- Module 8: Usability Testing & Iteration8
- 8.1Understanding the importance of usability testing in design
- 8.2Conducting usability tests with real users
- 8.3Remote vs. in-person testing
- 8.4Moderated vs. unmoderated testing
- 8.5How to collect, analyze, and interpret feedback from users
- 8.6Identifying and fixing design flaws based on testing feedback
- 8.7Making continuous improvements to your design
- 8.8Revising prototypes and wireframes based on test results
You might be interested in
-
Beginner
-
43 Lessons
This course is designed for absolute beginners, teaching essential computer skills such as using a mouse and keyboard, navigating the...
-
All levels
-
11 Lessons
 Kids will dive into the world of robots and AI! This course covers everything from building robots to programming them...
-
All levels
-
19 Lessons
Learn how to build a strong online presence and effectively market any product, brand, or service in today’s digital world....
-
All levels
-
14 Lessons
Master the art of freelancing and remote work to earn income from anywhere in the world. This course is perfect...