Meta - Principles of UX/UI Design
- Offered byCoursera
Principles of UX/UI Design at Coursera Overview
Duration | 22 hours |
Total fee | Free |
Mode of learning | Online |
Difficulty level | Beginner |
Official Website | Explore Free Course  |
Credential | Certificate |
Principles of UX/UI Design at Coursera Highlights
- Earn a Certificate upon completion
Principles of UX/UI Design at Coursera Course details
- 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
- 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
- Identify best practice interaction design methods and evaluate and improve your own and others' designs
Principles of UX/UI Design at Coursera Curriculum
Introduction to UX/ UI design
Introduction to the principles of UX/UI design
A day in the life of a Meta product designer
Introduction to UX and UI
A day in the life of a Meta product manager
Final project overview
What is UX?
UX goals + Quality components
Overview of the UX process
What is UI?
Getting started with Figma
Who is your user?
Empathy tools
Case Study: User research in the real world
Module summary: Introduction to UI / UX
UX/UI Course syllabus
How to be successful in this course
Empathy tools: Artifacts in the UX process
Additional resources
Types of digital design
Set up a Figma account
Additional resources
Little Lemon scenario
Exercise: Create a persona
Solution: Create a persona
Additional resources
Knowledge check: What is UX?
Knowledge check: What is UI?
Self-review: Create a persona
Module quiz: Introduction to UI / UX
Evaluating interactive design
Evaluating design
Case Study: Accessibility at Meta
Form design
Components in UI design
Little Lemon evaluation
Navigation best practices
Module summary: Evaluating interactive design
Evaluation cheat sheets
Designing for accessibility
Exercise: Heuristic evaluation
Solution: Heuristic evaluation
Additional resources
Form design best practice
Additional resources
Little Lemon Form breakdown
Use of menu icons in Navigation
Additional resources
Self-Review: Heuristic evaluation
Knowledge check: Evaluation methods
Knowledge check: Best practice principles
Knowledge check: Navigation and form design
Module quiz: Evaluating interactive design
Applied Design Fundamentals
Frames, Layers and basic shapes
Type & Text
Grids and constraints
Manipulating elements
Working with images
Wireframing
Usability testing
Module summary: Applied design fundamentals
Layers, groups and frames
Typography and best practice
Creating grids for tablets and mobile
Grid systems
How to save and import Figma files
Exercise: Design - Text hierarchy and grid
Solution: Design - Text and hierarchy grid
Additional resources
Rapid prototyping
Exercise: Create wireframe in Figma
Solution: Create wireframe in Figma
Usability test cheat sheet and template
Exercise: Write a usability test
Solution: Write a usability test
Additional Resources
Self-review: Design: Text hierarchy and grid
Knowledge check: Type and text design
Self-Review: Create wireframe in Figma
Self-review: Write a usability test
Module quiz: Design and test
Designing your UI
Make it beautiful
Stylize High-fidelity design
What are design systems?
Design systems in Figma
Moving from design to prototyping
Animate and test your prototype
Case Study: How Meta uses micro interactions
Module summary: Designing your UI
Design elements principles
Exercise: Design a component in Figma
Solution: Design a component in Figma
Mood boards in design
Additional resources
Design systems
Exercise: Interactive component design
Solution: Interactive component design
Additional resources
Micro-interactions and micro-animations
Exercise: High-fidelity design prototype
Solution: High-fidelity design prototype
Additional resources
Self-review: Component Design
Knowledge check: Enhancing your design
Self-review: Interactive component design
Knowledge check: Design Systems
Self-review: High-fidelity design prototype
Module quiz: Design and test
Course summary and final assessment
Course Recap for Principles of UX / UI
Congratulations, you have completed Principles of UX / UI
About the final assessment
Exercise: Booking a table on the Little Lemon website
Solution: Booking a table on the Little Lemon website
Next steps after principles of UX / UI
Final course assessment: Principles of UX / UI
Other courses offered by Coursera
Student Forum
Anything you would want to ask experts?