User Interface Design and Prototyping

This course is part of Microsoft UX Design Professional Certificate

Instructor: Microsoft

Access provided by Believe

7,095 already enrolled

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.