Principles of UX/UI Design

Labor Day starts with $70+ in savings on Coursera Plus. Save 40% for 3 months.

Principles of UX/UI Design

This course is part of multiple programs.

Instructor: Taught by Meta Experts

148,513 already enrolled

Included with

5 modules

Gain insight into a topic and learn the fundamentals.

1,104 reviews

Beginner level

Recommended experience

Flexible schedule

2 weeks at 10 hours a week

Learn at your own pace

95%

Most learners liked this course

5 modules

Gain insight into a topic and learn the fundamentals.

1,104 reviews

Beginner level

Recommended experience

Flexible schedule

2 weeks at 10 hours a week

Learn at your own pace

95%

Most learners liked this course

What you'll learn

Describe the fundamentals of User Experience (UX) design and research
Describe accessibility considerations in design
Practice developing user empathy through research
Create wireframes and prototypes in Figma

Skills you'll gain

Category: Usability Testing
Category: Design Research
Category: User Interface and User Experience (UI/UX) Design
Category: Front-End Web Development
Category: Persona (User Experience)
Category: Layout Design
Category: User Experience Design
Category: Usability
Category: UI/UX Research
Category: Web Design
Category: User Research
Category: Wireframing
Category: User Centered Design
Category: Interaction Design
Category: Design Elements And Principles
Category: User Interface (UI) Design
Category: Experience Design
Category: Design Reviews

Tools you'll learn

Category: UI Components
Category: Figma (Design Software)

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

22 assignments¹

AI Graded see disclaimer

Taught in English

Build your subject-matter expertise

This course is available as part of

When you enroll in this course, you'll also be asked to select a specific program.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 5 modules in this course

Learn the fundamentals of User Experience (UX) research and design. Become immersed in the UX process of identifying problems and iterating and testing designs to find appropriate solutions. You’ll learn how to empathize with users through best-practice research approaches, and create common UX artifacts such as user personas. And you’ll use UX insights to make appropriate design decisions.

By utilizing the User Interface (UI) design process, you will be able to create wireframes for features in Figma, and turn them into Minimum Viable Product (MVP) style prototypes from your mockups. You’ll also learn the core principles of design such as hierarchy and the use of grids. By the end of this course you will be able to: • Design digital products that create value and solve a user's problems in meaningful ways. • Recognize what constitutes successful UX UI and evaluate existing interfaces for design consistency and quality. •  Identify best practice interaction design methods and evaluate and improve your own and others' designs. •  Create, share and test your UX UI designs following best practice guidelines. This is a beginner course for learners who would like to prepare themselves for a career in UX UI development. To succeed in this course, you do not need prior development experience, only basic internet navigation skills and an eagerness to learn.

Learn the difference between UX and UI and how they work together. Set up Figma, get comfortable with the interface, and practice user-centered thinking by creating a simple user persona.

What's included

14 videos11 readings4 assignments

14 videosTotal 59 minutes

Introduction to the principles of UX and UI design3 minutes
A day in the life of a Meta product designer7 minutes
Introduction to UX and UI4 minutes
A day in the life of a Meta product manager5 minutes
Final project overview2 minutes
What is UX?3 minutes
UX goals + Quality components4 minutes
Overview of the UX process5 minutes
What is UI?4 minutes
Getting started with Figma5 minutes
Who is your user?5 minutes
Empathy tools4 minutes
Case Study: User research in the real world5 minutes
Module summary: Introduction to UX and UI2 minutes

11 readingsTotal 74 minutes

UX UI Course syllabus5 minutes
How to be successful in this course10 minutes
Empathy tools: Artifacts in the UX process10 minutes
Additional resources5 minutes
Types of Digital Design6 minutes
Set up a Figma account3 minutes
Additional resources5 minutes
Little Lemon scenario5 minutes
Exercise: Create a persona15 minutes
Solution: Create a persona5 minutes
Additional resources5 minutes

4 assignmentsTotal 70 minutes

Knowledge check: What is UX?15 minutes
Knowledge check: What is UI?15 minutes
Self-review: Creating a Persona10 minutes
Module quiz: Introduction to UX and UI30 minutes

Learn practical ways to review and improve interfaces. You’ll apply evaluation methods (including accessibility considerations) to identify usability issues and recommend clear design improvements.

What's included

7 videos10 readings5 assignments1 ungraded lab

7 videosTotal 28 minutes

Evaluating design 3 minutes
Case Study: Accessibility at Meta4 minutes
Form design5 minutes
Components in UI design4 minutes
Little Lemon evaluation6 minutes
Navigation best practices5 minutes
Module summary: Evaluating interactive design1 minute

10 readingsTotal 90 minutes

Evaluation cheat sheets15 minutes
Designing for accessibility10 minutes
Exercise: Heuristic evaluation10 minutes
Solution: Heuristic evaluation10 minutes
Additional resources5 minutes
Form design best practice15 minutes
Additional resources5 minutes
Little Lemon form breakdown10 minutes
Use of menu icons in navigation5 minutes
Additional resources5 minutes

5 assignmentsTotal 85 minutes

Self-review: Heuristic Evaluation10 minutes
Knowledge check: Evaluation Methods15 minutes
Knowledge check: Best Practice Principles15 minutes
Knowledge check: Navigation and Form Design15 minutes
Module quiz: Evaluating Interactive Design30 minutes

1 ungraded labTotal 60 minutes

Form Enhancement - Improving Usability and Design60 minutes

Build core UI skills in Figma and apply design fundamentals like hierarchy, typography, and grids. You’ll create wireframes and plan an iterative approach, including drafting a basic usability test.

What's included

8 videos15 readings5 assignments

8 videosTotal 31 minutes

Frames, layers and basic shapes5 minutes
Type and text5 minutes
Grids and constraints4 minutes
Manipulating elements3 minutes
Working with images4 minutes
Wireframing4 minutes
Usability testing4 minutes
Module summary: Applied design fundamentals1 minute

15 readingsTotal 195 minutes

Layers, groups and frames10 minutes
Typography and best practices10 minutes
Creating grids for tablets and mobile5 minutes
Grid systems10 minutes
How to save and import Figma files 10 minutes
Exercise: Design - Text hierarchy and grid30 minutes
Solution: Design - Text and hierarchy grid10 minutes
Additional resources5 minutes
Rapid prototyping10 minutes
Exercise: Create wireframe in Figma30 minutes
Solution: Create wireframe in Figma10 minutes
Usability test cheat sheet and template10 minutes
Exercise: Write a usability test30 minutes
Solution: Write a usability test10 minutes
Additional Resources5 minutes

5 assignmentsTotal 75 minutes

Self-review: Text Hierarchy and Grid10 minutes
Knowledge check: Type and Text Design15 minutes
Self-review: Creating a wireframe in Figma10 minutes
Self-review: Writing a Usability Test10 minutes
Module quiz: Applied Design Fundamentals30 minutes

Turn wireframes into higher-fidelity screens and an interactive prototype. You’ll create reusable UI components, apply design-system thinking, and prepare your design for sharing and testing.

What's included

8 videos13 readings6 assignments

8 videosTotal 32 minutes

Make it beautiful6 minutes
Stylize High-fidelity design4 minutes
What are design systems?4 minutes
Design systems in Figma4 minutes
Moving from design to prototyping4 minutes
Animate and test your prototype5 minutes
Case Study: How Meta uses micro interactions5 minutes
Module summary: Designing your UI1 minute

13 readingsTotal 185 minutes

Design elements principles30 minutes
Exercise: Design a component in Figma30 minutes
Solution: Design a component in Figma10 minutes
Mood boards in design5 minutes
Additional resources5 minutes
Design systems10 minutes
Exercise: Interactive component design30 minutes
Solution: Interactive component design10 minutes
Additional resources5 minutes
Micro-interactions and micro-animations5 minutes
Exercise: High-fidelity design prototype30 minutes
Solution: High-fidelity design prototype10 minutes
Additional resources5 minutes

6 assignmentsTotal 90 minutes

Self-review: Component Design10 minutes
Knowledge check: Enhancing your Design15 minutes
Self-review: Interactive Component Design10 minutes
Knowledge check: Design Systems15 minutes
Self-review: High-Fidelity Design Prototype10 minutes
Module quiz: Designing your UI30 minutes

Bring everything together in a final assessed project. You’ll demonstrate your end-to-end process and reflect on what you’ve learned and your next steps in UX/UI.

What's included

2 videos4 readings2 assignments

2 videosTotal 4 minutes

Course Recap for Principles of UX and UI2 minutes
Congratulations, you have completed Principles of UX UI design2 minutes

4 readingsTotal 73 minutes

About the final assessment30 minutes
Exercise: Booking a table on the Little Lemon website30 minutes
Solution: Booking a table on the Little Lemon website10 minutes
Next steps after Principles of UX UI design3 minutes

2 assignmentsTotal 90 minutes

Designing a Table Booking Experience for Little Lemon60 minutes
Final course quiz: Principles of UX and UI30 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Instructor ratings

(242 ratings)

Taught by Meta Experts

Offered by

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

5 stars
78.73%
4 stars
13.12%
3 stars
3.71%
2 stars
1.26%
1 star
3.16%

Showing 3 of 1104

Reviewed on Jul 24, 2023

This short course is great and cover all major concepts of UX/UI design. I found this course really helpful to start my career as UX Designer.

Reviewed on Dec 26, 2022

Thanks for providing a good certificated course, I appreciate it. The certificates in these courses will give me good fundamentals for my future career

Reviewed on Nov 24, 2022

Thanks to coursera, thanks to mate, thanks to the lecturer of coursera platform video, thanks to everyone, thank you, love you

Frequently asked questions

To access course materials, assignments, and earn a Certificate, you'll need to purchase the Certificate experience when you enroll in a course. Eligible learners may also have the option to start with a Free Trial. Some courses may also offer a Full Course, No Certificate option. This lets you access course materials, submit required assessments, and receive a final grade, but you won't be able to earn or purchase a Certificate.

When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

¹ Some assignments in this course are AI-graded. For these assignments, your data will be used in accordance with Coursera's Privacy Notice.