Principles of UX/UI Design

Principles of UX/UI Design

This course is part of multiple programs.

Instructor: Taught by Meta Staff

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

User Experience

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

21 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

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

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

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 assignments2 discussion prompts

14 videosTotal 59 minutes

Introduction to the principles of UX and UI design3 minutesPreview module
A day in the life of a Meta product designer6 minutes
Introduction to UX and UI4 minutes
A day in the life of a Meta product manager4 minutes
Final project overview2 minutes
What is UX?3 minutes
UX goals + Quality components4 minutes
Overview of the UX process4 minutes
What is UI?3 minutes
Getting started with Figma4 minutes
Who is your user?5 minutes
Empathy tools4 minutes
Case Study: User research in the real world4 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

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

2 discussion promptsTotal 20 minutes

What do you hope to learn?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 prompt

7 videosTotal 27 minutes

Evaluating design 3 minutesPreview module
Case Study: Accessibility at Meta3 minutes
Form design4 minutes
Components in UI design3 minutes
Little Lemon evaluation5 minutes
Navigation best practices4 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

Module quiz: Evaluating interactive design30 minutes
Self-Review: Heuristic evaluation9 minutes
Knowledge check: Evaluation methods15 minutes
Knowledge check: Best practice principles15 minutes
Knowledge check: Navigation and form design15 minutes

1 discussion promptTotal 10 minutes

Bad forms!10 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 minutesPreview module
Type and text5 minutes
Grids and constraints4 minutes
Manipulating elements3 minutes
Working with images3 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

Module quiz: Design and test30 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

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

What's included

8 videos13 readings6 assignments2 discussion prompts

8 videosTotal 31 minutes

Make it beautiful5 minutesPreview module
Stylize High-fidelity design3 minutes
What are design systems?3 minutes
Design systems in Figma3 minutes
Moving from design to prototyping3 minutes
Animate and test your prototype4 minutes
Case Study: How Meta uses micro interactions4 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

Module quiz: Design and test30 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

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

Course Recap for Principles of UX and UI1 minutePreview module
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

Instructor

Instructor ratings

4.6 (217 ratings)

Taught by Meta Staff

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

4.7

985 reviews

5 stars
79.81%
4 stars
12.71%
3 stars
3.63%
2 stars
1.21%
1 star
2.62%

Showing 3 of 985

Reviewed on May 6, 2023

I have been loving every course so far by Meta. They really explain the topic thoroughly and iterate through the subject over and over solidifying your knowledge! I am excited to keep moving forward

Reviewed on May 7, 2024

it was Worth my time as i gained knowledge and build up my base on this field now i can pursue this as a career. in sha allah

Reviewed on Feb 25, 2024

A little bit outdated with the latest UI in Figma. The estimated time to completion is underestimated if you expect students to read half of the readings suggested. Great selection of articles though.

View more reviews