Principles of UX/UI Design
Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Principles of UX/UI Design
This course is part of multiple programs.
147,016 already enrolled
Included with
Learn more
Ask Coursera
1,101 reviews
Recommended experience
1,101 reviews
Recommended experience
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 Design
- Design Elements And Principles
- User Interface and User Experience (UI/UX) Design
- Front-End Web Development
- Usability
- Experience Design
- Web Design
- User Research
- Wireframing
- Design Research
- Persona (User Experience)
- Layout Design
- Usability Testing
- User Centered Design
- Interaction Design
- User Interface (UI) Design
- UI/UX Research
- Design Reviews
Tools you'll learn
Details to know
21 assignments
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- 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 videosβ’Total 59 minutes
- Introduction to the principles of UX and UI designβ’3 minutes
- A day in the life of a Meta product designerβ’7 minutes
- Introduction to UX and UIβ’4 minutes
- A day in the life of a Meta product managerβ’5 minutes
- Final project overviewβ’2 minutes
- What is UX?β’3 minutes
- UX goals + Quality componentsβ’4 minutes
- Overview of the UX processβ’5 minutes
- What is UI?β’4 minutes
- Getting started with Figmaβ’5 minutes
- Who is your user?β’5 minutes
- Empathy toolsβ’4 minutes
- Case Study: User research in the real worldβ’5 minutes
- Module summary: Introduction to UX and UIβ’2 minutes
11 readingsβ’Total 74 minutes
- UX UI Course syllabusβ’5 minutes
- How to be successful in this courseβ’10 minutes
- Empathy tools: Artifacts in the UX processβ’10 minutes
- Additional resourcesβ’5 minutes
- Types of digital designβ’6 minutes
- Set up a Figma accountβ’3 minutes
- Additional resourcesβ’5 minutes
- Little Lemon scenarioβ’5 minutes
- Exercise: Create a personaβ’15 minutes
- Solution: Create a personaβ’5 minutes
- Additional resourcesβ’5 minutes
4 assignmentsβ’Total 69 minutes
- Knowledge check: What is UX?β’15 minutes
- Knowledge check: What is UI?β’15 minutes
- Self-review: Create a personaβ’9 minutes
- Module quiz: Introduction to UX and UIβ’30 minutes
1 discussion promptβ’Total 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 videosβ’Total 28 minutes
- Evaluating design β’3 minutes
- Case Study: Accessibility at Metaβ’4 minutes
- Form designβ’5 minutes
- Components in UI designβ’4 minutes
- Little Lemon evaluationβ’6 minutes
- Navigation best practicesβ’5 minutes
- Module summary: Evaluating interactive designβ’1 minute
10 readingsβ’Total 90 minutes
- Evaluation cheat sheetsβ’15 minutes
- Designing for accessibilityβ’10 minutes
- Exercise: Heuristic evaluationβ’10 minutes
- Solution: Heuristic evaluationβ’10 minutes
- Additional resourcesβ’5 minutes
- Form design best practiceβ’15 minutes
- Additional resourcesβ’5 minutes
- Little Lemon form breakdownβ’10 minutes
- Use of menu icons in navigationβ’5 minutes
- Additional resourcesβ’5 minutes
5 assignmentsβ’Total 84 minutes
- Self-Review: Heuristic evaluationβ’9 minutes
- Knowledge check: Evaluation methodsβ’15 minutes
- Knowledge check: Best practice principlesβ’15 minutes
- Knowledge check: Navigation and form designβ’15 minutes
- Module quiz: Evaluating interactive designβ’30 minutes
1 discussion promptβ’Total 10 minutes
- Bad forms!β’10 minutes
1 ungraded labβ’Total 60 minutes
- Form Enhancement - Improving Usability and Designβ’60 minutes
Learn what constitutes successful UI and evaluate existing interfaces for design consistency and quality.
What's included
8 videos15 readings5 assignments
8 videosβ’Total 31 minutes
- Frames, layers and basic shapesβ’5 minutes
- Type and textβ’5 minutes
- Grids and constraintsβ’4 minutes
- Manipulating elementsβ’3 minutes
- Working with imagesβ’4 minutes
- Wireframingβ’4 minutes
- Usability testingβ’4 minutes
- Module summary: Applied design fundamentalsβ’1 minute
15 readingsβ’Total 193 minutes
- Layers, groups and framesβ’10 minutes
- Typography and best practiceβ’10 minutes
- Creating grids for tablets and mobileβ’3 minutes
- Grid systemsβ’10 minutes
- How to save and import Figma files β’10 minutes
- Exercise: Design - Text hierarchy and gridβ’30 minutes
- Solution: Design - Text and hierarchy gridβ’10 minutes
- Additional resourcesβ’5 minutes
- Rapid prototypingβ’10 minutes
- Exercise: Create wireframe in Figmaβ’30 minutes
- Solution: Create wireframe in Figmaβ’10 minutes
- Usability test cheat sheet and templateβ’10 minutes
- Exercise: Write a usability testβ’30 minutes
- Solution: Write a usability testβ’10 minutes
- Additional Resourcesβ’5 minutes
5 assignmentsβ’Total 72 minutes
- Self-review: Design: Text hierarchy and gridβ’9 minutes
- Knowledge check: Type and text designβ’15 minutes
- Self-Review: Create wireframe in Figmaβ’9 minutes
- Self-review: Write a usability testβ’9 minutes
- Module quiz: Design and testβ’30 minutes
Learners will create, share and test their UI design following best practice
What's included
8 videos13 readings6 assignments2 discussion prompts
8 videosβ’Total 32 minutes
- Make it beautifulβ’6 minutes
- Stylize High-fidelity designβ’4 minutes
- What are design systems?β’4 minutes
- Design systems in Figmaβ’4 minutes
- Moving from design to prototypingβ’4 minutes
- Animate and test your prototypeβ’5 minutes
- Case Study: How Meta uses micro interactionsβ’5 minutes
- Module summary: Designing your UIβ’1 minute
13 readingsβ’Total 180 minutes
- Design elements principlesβ’30 minutes
- Exercise: Design a component in Figmaβ’30 minutes
- Solution: Design a component in Figmaβ’10 minutes
- Mood boards in designβ’5 minutes
- Additional resourcesβ’5 minutes
- Design systemsβ’5 minutes
- Exercise: Interactive component designβ’30 minutes
- Solution: Interactive component designβ’10 minutes
- Additional resourcesβ’5 minutes
- Micro-interactions and micro-animationsβ’5 minutes
- Exercise: High-fidelity design prototypeβ’30 minutes
- Solution: High-fidelity design prototypeβ’10 minutes
- Additional resourcesβ’5 minutes
6 assignmentsβ’Total 108 minutes
- Self-review: Component Designβ’30 minutes
- Knowledge check: Enhancing your designβ’15 minutes
- Self-review: Interactive component designβ’9 minutes
- Knowledge check: Design Systemsβ’15 minutes
- Self-review: High-fidelity design prototypeβ’9 minutes
- Module quiz: Design and testβ’30 minutes
2 discussion promptsβ’Total 20 minutes
- Share Component!β’10 minutes
- Share your prototypeβ’10 minutes
Practice and reflect on the skills you learned in this course.
What's included
2 videos4 readings1 assignment1 peer review1 discussion prompt
2 videosβ’Total 4 minutes
- Course Recap for Principles of UX and UIβ’2 minutes
- Congratulations, you have completed Principles of UX UI designβ’2 minutes
4 readingsβ’Total 73 minutes
- About the final assessmentβ’30 minutes
- Exercise: Booking a table on the Little Lemon websiteβ’30 minutes
- Solution: Booking a table on the Little Lemon websiteβ’10 minutes
- Next steps after Principles of UX UI designβ’3 minutes
1 assignmentβ’Total 30 minutes
- Final course quiz: Principles of UX and UIβ’30 minutes
1 peer reviewβ’Total 120 minutes
- Booking a table on the Little Lemon websiteβ’120 minutes
1 discussion promptβ’Total 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
Offered by
Explore more from Mobile and Web Development
- Status: Free Trial
Course
- Status: Free Trial
Course
- Status: Free Trial
Course
- Status: Free Trial
Why people choose Coursera for their career
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 Feb 22, 2023
ο»ΏThe course was full of valuable information and it was presented in a great way. And you'll get to apply the information you gained in the assignment which was really fun to do.
Reviewed on Apr 29, 2024
The presenter was great, the Irish accent was kind of a change. A good course for anyone trying to get some practical training.
Reviewed on Nov 17, 2024
The course was very practical and engaging, offering plenty of opportunities to apply what I learned. While some content felt slightly outdated, it was still a valuable learning experience.
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.
More questions
Financial aid available,