Principles of UX/UI Design

Ends in 6 days! Save 40% on your access to 10,000+ programs and make a real impact in your career. Save now.

Principles of UX/UI Design

This course is part of multiple programs.

Instructor: Taught by Meta Experts

147,500 already enrolled

Included with

5 modules

Gain insight into a topic and learn the fundamentals.

1,101 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,101 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: User Research
Category: Web Design
Category: User Interface and User Experience (UI/UX) Design
Category: Front-End Web Development
Category: Wireframing
Category: Usability Testing
Category: Design Research
Category: Persona (User Experience)
Category: Layout Design
Category: UI/UX Research
Category: User Centered Design
Category: Interaction Design
Category: Design Elements And Principles
Category: User Interface (UI) Design
Category: Usability
Category: Design Reviews
Category: User Experience Design
Category: Experience Design

Tools you'll learn

Category: UI Components
Category: Figma (Design Software)

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

21 assignments

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 about what constitutes successful UI and evaluate existing interfaces for design consistency and quality.

What's included

14 videos11 readings4 assignments1 discussion prompt

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 69 minutes

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

1 discussion promptTotal 10 minutes

Share your persona!10 minutes

Be able to understand best practice interaction design methods and evaluate and improve your own and others designs

What's included

7 videos10 readings5 assignments1 discussion prompt1 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 84 minutes

Self-Review: Heuristic evaluation9 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 discussion promptTotal 10 minutes

Bad forms!10 minutes

1 ungraded labTotal 60 minutes

Form Enhancement - Improving Usability and Design60 minutes

Learn what constitutes successful UI and evaluate existing interfaces for design consistency and quality.

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 193 minutes

Layers, groups and frames10 minutes
Typography and best practice10 minutes
Creating grids for tablets and mobile3 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 72 minutes

Self-review: Design: Text hierarchy and grid9 minutes
Knowledge check: Type and text design15 minutes
Self-Review: Create wireframe in Figma9 minutes
Self-review: Write a usability test9 minutes
Module quiz: Design and test30 minutes

Learners will create, share and test their UI design following best practice

What's included

8 videos13 readings6 assignments2 discussion prompts

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 180 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 systems5 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 108 minutes

Self-review: Component Design30 minutes
Knowledge check: Enhancing your design15 minutes
Self-review: Interactive component design9 minutes
Knowledge check: Design Systems15 minutes
Self-review: High-fidelity design prototype9 minutes
Module quiz: Design and test30 minutes

2 discussion promptsTotal 20 minutes

Share Component!10 minutes
Share your prototype10 minutes

Practice and reflect on the skills you learned in this course.

What's included

2 videos4 readings1 assignment1 peer review1 discussion prompt

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

1 assignmentTotal 30 minutes

Final course quiz: Principles of UX and UI30 minutes

1 peer reviewTotal 120 minutes

Booking a table on the Little Lemon website120 minutes

1 discussion promptTotal 10 minutes

Reflect on learning: What did you find most valuable in the course?10 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.76%
4 stars
13.06%
3 stars
3.72%
2 stars
1.27%
1 star
3.17%

Showing 3 of 1101

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 the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

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.