User Interface Design and Prototyping

This course is part of Microsoft UX Design Professional Certificate

Instructor: Microsoft

7,553 already enrolled

Included with

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

Category: User Interface (UI)
Category: Wireframing
Category: User Research
Category: Mockups
Category: Design
Category: Usability
Category: Usability Testing
Category: Interaction Design
Category: Prototyping
Category: Style Guides
Category: User Interface (UI) Design
Category: User Interface and User Experience (UI/UX) Design
Category: Interactive Design
Category: Design Thinking
Category: User Experience Design

Tools you'll learn

Category: Figma (Design Software)

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

24 assignments

Taught in English

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 videosTotal 52 minutes

Introduction to User Interface Design and Prototyping3 minutes
What is prototyping?6 minutes
From sketch to interactive prototype3 minutes
Choosing the right prototying tool6 minutes
Why start with low-fidelity prototypes?6 minutes
Wireframing techniques and best practies6 minutes
Wireframe to mockup: Adding visual polish3 minutes
Mockup design tips and tricks9 minutes
Why conduct usability testing?5 minutes
Usability testing plan4 minutes
Wireframes and mockups wrap up3 minutes

6 readingsTotal 50 minutes

User Interface Design and Prototyping syllabus5 minutes
UX Glossary5 minutes
Wireframes, mockup, and prototypes: A beginner's guide10 minutes
Low-fi vs mid-fi vs. high-fi prototypes10 minutes
From rough sketch to polished prototype: A case study10 minutes
Usability testing 101: A beginner's guide10 minutes

7 assignmentsTotal 205 minutes

Wireframes and mockups30 minutes
Introduction to prototyping10 minutes
Activity: Fidelity levels15 minutes
Prototyping fidelity and tools10 minutes
Wireframing solutions10 minutes
Usability testing fundamentals10 minutes
Project: Wireframing for the grocery shopping app120 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 videosTotal 41 minutes

Module introduction: Design systems and style guides3 minutes
The importance of consistency in UX design5 minutes
The challenges of design projects5 minutes
What is a design system?3 minutes
Design system exploration5 minutes
Live tour Fluent 2 design system7 minutes
The role of style guides in design systems5 minutes
Style guide case study5 minutes
Style guides wrap up3 minutes

3 readingsTotal 30 minutes

The benefits of design systems10 minutes
Anatomy of a design system10 minutes
Essential elements of a style guide10 minutes

6 assignmentsTotal 195 minutes

Style guides30 minutes
The power of consistency10 minutes
Activity: Create a simple design system15 minutes
Unveiling design systems10 minutes
Style guides: The language of design10 minutes
Project: Style guide integration for the grocery shopping app120 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 videosTotal 34 minutes

Module introduction: Interactive prototypes2 minutes
Why interactive prototypes matter5 minutes
From mockup to prototype: Adding magic3 minutes
Exploring popular prototyping tools5 minutes
Bringing your mockups to life5 minutes
Prototyping tutorial5 minutes
Polishing for clarity and usability6 minutes
Interactive prototypes wrap up3 minutes

3 readingsTotal 30 minutes

When to use interactive prototypes10 minutes
Choosing the right prototyping tool10 minutes
Designing for usability in prototypes10 minutes

6 assignmentsTotal 195 minutes

Interactive prototypes30 minutes
The power of interaction10 minutes
Unveiling prototype tools10 minutes
Case study: Iterative prototyping15 minutes
Refining your prototype10 minutes
Project: Interactive prototype for the grocery shopping app120 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 videosTotal 32 minutes

Module introduction: Design critiques and user testing2 minutes
Why user testing matters5 minutes
Setting up a simple user test session6 minutes
Different types of user testing3 minutes
Effective design critiques: Giving and receiving feedback6 minutes
Iterating on designs based on user feedback3 minutes
Design critiques and user testing wrap up3 minutes
User Interface Design and Prototyping summary5 minutes

6 readingsTotal 60 minutes

User testing methods every UX designer should know10 minutes
Crafting effective user testing questions10 minutes
User testing reveals unexpected pain points in e-commerce checkout10 minutes
The do's and don'ts of design critiques10 minutes
A critique case study10 minutes
How design iteration improved a mobile app10 minutes

5 assignmentsTotal 70 minutes

Design critiques and user testing30 minutes
The power of user testing10 minutes
User testing strategies10 minutes
The art of design critiques10 minutes
Putting it all together10 minutes

1 peer reviewTotal 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 Courses2,486,366 learners

Offered by

Microsoft

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 Nov 9, 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.

Reviewed on Aug 16, 2024

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

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.