User Interface Design and Prototyping

This course is part of Microsoft UX Design Professional Certificate

Instructor: Microsoft

7,273 already enrolled

Included with

Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

64 reviews

2 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

95%

Most learners liked this course

4 modules

Gain insight into a topic and learn the fundamentals.

64 reviews

2 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

95%

Most learners liked this course

Skills you'll gain

Tools you'll learn

Figma (Design Software)

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

24 assignments

Taught in English

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

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your Design and Product expertise

This course is part of the Microsoft UX Design Professional Certificate

When you enroll in this course, you'll also be enrolled in this Professional Certificate.

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 from Microsoft

There are 4 modules in this course

In this course, you will create wireframes, mockups, and prototypes, using Figma and Fluent 2 Design.

This module focuses on the "Prototype" stage of the design thinking process. Learners will explore the difference between wireframes, mockups, and prototypes, understand prototyping fidelity and tools, and apply these skills to create solutions for a design problem.

What's included

11 videos6 readings7 assignments

11 videos Total 52 minutes

Introduction to User Interface Design and Prototyping 3 minutes
What is prototyping? 6 minutes
From sketch to interactive prototype 3 minutes
Choosing the right prototying tool 6 minutes
Why start with low-fidelity prototypes? 6 minutes
Wireframing techniques and best practies 6 minutes
Wireframe to mockup: Adding visual polish 3 minutes
Mockup design tips and tricks 9 minutes
Why conduct usability testing? 5 minutes
Usability testing plan 4 minutes
Wireframes and mockups wrap up 3 minutes

6 readings Total 50 minutes

User Interface Design and Prototyping syllabus 5 minutes
UX Glossary 5 minutes
Wireframes, mockup, and prototypes: A beginner's guide 10 minutes
Low-fi vs mid-fi vs. high-fi prototypes 10 minutes
From rough sketch to polished prototype: A case study 10 minutes
Usability testing 101: A beginner's guide 10 minutes

7 assignments Total 205 minutes

Wireframes and mockups 30 minutes
Introduction to prototyping 10 minutes
Activity: Fidelity levels 15 minutes
Prototyping fidelity and tools 10 minutes
Wireframing solutions 10 minutes
Usability testing fundamentals 10 minutes
Project: Wireframing for the grocery shopping app 120 minutes

This module dives into the world of design systems and style guides, crucial tools for maintaining consistency and efficiency in UX design.

What's included

9 videos3 readings6 assignments

9 videos Total 41 minutes

Module introduction: Design systems and style guides 3 minutes
The importance of consistency in UX design 5 minutes
The challenges of design projects 5 minutes
What is a design system? 3 minutes
Design system exploration 5 minutes
Live tour Fluent 2 design system 7 minutes
The role of style guides in design systems 5 minutes
Style guide case study 5 minutes
Style guides wrap up 3 minutes

3 readings Total 30 minutes

The benefits of design systems 10 minutes
Anatomy of a design system 10 minutes
Essential elements of a style guide 10 minutes

6 assignments Total 195 minutes

Style guides 30 minutes
The power of consistency 10 minutes
Activity: Create a simple design system 15 minutes
Unveiling design systems 10 minutes
Style guides: The language of design 10 minutes
Project: Style guide integration for the grocery shopping app 120 minutes

This module dives into the world of interactive prototyping, equipping you with the skills to bring your static mockups to life. Through a series of lessons, you'll explore popular prototyping tools, understand the power of interactivity, and learn to craft prototypes that clearly communicate your design vision.

What's included

8 videos3 readings6 assignments

8 videos Total 34 minutes

Module introduction: Interactive prototypes 2 minutes
Why interactive prototypes matter 5 minutes
From mockup to prototype: Adding magic 3 minutes
Exploring popular prototyping tools 5 minutes
Bringing your mockups to life 5 minutes
Prototyping tutorial 5 minutes
Polishing for clarity and usability 6 minutes
Interactive prototypes wrap up 3 minutes

3 readings Total 30 minutes

When to use interactive prototypes 10 minutes
Choosing the right prototyping tool 10 minutes
Designing for usability in prototypes 10 minutes

6 assignments Total 195 minutes

Interactive prototypes 30 minutes
The power of interaction 10 minutes
Unveiling prototype tools 10 minutes
Case study: Iterative prototyping 15 minutes
Refining your prototype 10 minutes
Project: Interactive prototype for the grocery shopping app 120 minutes

This module focuses on the crucial aspects of evaluating and refining designs - user testing and design critiques. It will equip learners with the skills to gather valuable feedback and iterate on their prototypes for an optimal user experience.

What's included

8 videos6 readings5 assignments1 peer review

8 videos Total 32 minutes

Module introduction: Design critiques and user testing 2 minutes
Why user testing matters 5 minutes
Setting up a simple user test session 6 minutes
Different types of user testing 3 minutes
Effective design critiques: Giving and receiving feedback 6 minutes
Iterating on designs based on user feedback 3 minutes
Design critiques and user testing wrap up 3 minutes
User Interface Design and Prototyping summary 5 minutes

6 readings Total 60 minutes

User testing methods every UX designer should know 10 minutes
Crafting effective user testing questions 10 minutes
User testing reveals unexpected pain points in e-commerce checkout 10 minutes
The do's and don'ts of design critiques 10 minutes
A critique case study 10 minutes
How design iteration improved a mobile app 10 minutes

5 assignments Total 70 minutes

Design critiques and user testing 30 minutes
The power of user testing 10 minutes
User testing strategies 10 minutes
The art of design critiques 10 minutes
Putting it all together 10 minutes

1 peer review Total 120 minutes

Grocery shopping app: Interactive prototype 120 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

(11 ratings)

Microsoft

287 Courses 2,399,056 learners

Offered by

Microsoft

Explore more from Design and Product

SkillUp
UI/UX Wireframing and Prototyping with Figma
Course
Coursera
User Interface Design: Principles, Prototyping, Practices
Course
Coursera
Figma Mastery: From Wireframes to Prototypes
Specialization
Coursera
Prototypes in Figma: Creating an Initial Low Fidelity Design
Guided Project

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
76.56%
4 stars
10.93%
3 stars
1.56%
2 stars
1.56%
1 star
9.37%

Showing 3 of 64

Reviewed on Aug 17, 2024

Great information, a ton of reading but needed. I would not know the terminology I know now.

Reviewed on Nov 10, 2025

I really had fun exploring all the UX design courses and it really helped me realize how important it is to be user-centered.

View more reviews

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

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.