We may earn an affiliate commission when you visit our partners.

User Interface Design and Prototyping

Microsoft

4.4

Based on 55 ratings

, see reviews

Microsoft

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

Enroll now

Or subscribe to Coursera Plus

And get unlimited access to Coursera

Two deals to help you save

Save money when you learn. Here are two deals and offers that may be relevant to this course.

All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Valid until December 2

Annual Subscription

Invest in your career growth and save. Start your annual subscription to Coursera Plus and access 10,000+ programs.

Valid until March 12, 2027

Save 40% Off 3 Months

Access thousands of top-rated learning programs with a Coursera Plus monthly subscription and take 40% off 3 months for a limited time.

What's inside

Syllabus

Wireframes and mockups

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.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Utilises Figma and Fluent 2 Design, which are industry-leading design tools

Covers wireframing, mocking, and prototyping, which are essential UX design skills

Teaches design systems and style guides, crucial for maintaining consistency in UX design

Emphasises interactive prototyping, allowing learners to bring their designs to life

Focuses on design critiques and user testing, equipping learners to evaluate and refine their designs

Microsoft, a leading technology company, provides the course instruction

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.

Save

Reviews summary

Foundational ui design with figma

According to students, this course is a highly effective starting point for absolute beginners in UI/UX design, particularly strong in its Figma tutorials. Many found the hands-on projects and clear explanations immensely valuable for creating wireframes and interactive prototypes. However, some learners with prior experience found the content too basic and felt it lacked sufficient depth for advanced topics like complex interactive prototyping or design critiques. There was also recurring feedback that the promised coverage of Fluent 2 Design was minimal. Overall, it provides a solid foundational understanding of UI design and prototyping tools.

Develop practical skills through clear Figma tutorials and hands-on projects.

"The Figma tutorials were clear and concise, covering everything from basic wireframing to interactive prototypes."

"I especially loved the hands-on projects, they really helped solidify the concepts."

"I now feel confident in creating simple prototypes. The instructor was engaging and explained concepts clearly."

An excellent starting point for UI/UX novices.

"This course was exactly what I needed to jumpstart my UI design journey."

"As someone completely new to UI/UX, this course was a godsend. It breaks down complex topics into digestible modules."

"Solid course for beginners, covers the essentials of UI design and prototyping with Figma. The lectures are easy to understand."

Some modules like critiques and advanced prototyping could offer more depth.

"I found the section on design critiques somewhat brief, I would have liked more practical examples..."

"I wish there was more depth on advanced prototyping techniques or specific use cases for complex interactions."

"The course felt a bit rushed in some areas, especially interactive prototyping."

Course coverage of Fluent 2 Design is very limited.

"Disappointed with the 'Fluent 2 Design' aspect. It was barely touched upon and definitely not a core part of the curriculum as advertised."

"The 'Fluent 2 Design' promise was misleading; it's almost non-existent."

"The 'Fluent 2 Design' integration felt tacked on rather than deeply explored."

Too basic for those with prior experience; lacks advanced insights.

"The course is decent but feels a bit basic for anyone with prior design experience."

"Not suitable for anyone beyond a complete novice."

"Very basic... No real depth, just surface-level explanations."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in User Interface Design and Prototyping with these activities:

Organize Course Materials

Show steps

Keep track of important course resources by organizing your notes, assignments, and other materials.

Show steps

Create a dedicated folder or notebook for course materials.
File and organize notes, assignments, and other documents in a logical manner.
Regularly review and update your materials to ensure you have the latest versions.
Consider using a digital tool or app to manage and access your materials.

Read 'Design of Everyday Things'

Show steps

Gain insights into the principles of user-centered design by reading a classic work in the field.

View Things That Make Us Smart: Defending Human... on Amazon

Show steps

Obtain a copy of 'The Design of Everyday Things' by Don Norman.
Read through the book and take notes on key concepts and principles.
Apply the principles you've learned to your own design projects.

Wireframe Creation Exercises

Show steps

Sharpen your wireframing skills through targeted exercises that challenge you to create wireframes for different scenarios.

Browse courses on Wireframing

Show steps

Find online resources or platforms that provide wireframing exercises.
Select an exercise that aligns with the topics covered in the course module.
Create a wireframe based on the exercise requirements.
Analyze your wireframe and identify areas for improvement.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Interactive Prototyping with Figma

Show steps

Enhance your prototyping skills by following comprehensive tutorials that guide you through the process of creating interactive prototypes in Figma.

Browse courses on Figma

Show steps

Identify a tutorial platform that offers in-depth Figma prototyping courses.
Select a tutorial that aligns with your skill level and focuses on interactive prototyping.
Follow the tutorial step-by-step, creating your prototype as you progress.
Experiment with different prototyping techniques and explore the advanced features of Figma.

Collaborative Prototyping Workshop

Show steps

Enhance your prototyping skills through collaboration by participating in a workshop where you work together with peers to create prototypes.

Browse courses on Prototyping

Show steps

Organize a small group of classmates or colleagues to form a prototyping team.
Choose a design challenge that aligns with the course content.
Brainstorm ideas and collaborate on creating a prototype that meets the challenge.
Present your prototype to the group and engage in constructive feedback.

Design Case Study Report

Show steps

Deepen your understanding of UX design principles by analyzing and presenting a design case study.

Browse courses on UX Design

Show steps

Identify a UX design case study that resonates with you.
Thoroughly analyze the case study, paying attention to the design process, challenges, and outcomes.
Create a written report that summarizes your analysis and insights.
Present your findings to classmates or colleagues for feedback.
Consider sharing your case study report on a relevant platform or blog.

Design Hackathon

Show steps

Test your skills and push the boundaries of UX design by participating in a design hackathon.

Browse courses on Design Thinking

Show steps

Find and register for a design hackathon that aligns with your interests.
Form a team or collaborate with other attendees.
Ideate, design, and prototype a solution to the hackathon challenge.
Present your solution to a panel of judges and attendees.

Career center

Learners who complete User Interface Design and Prototyping will develop knowledge and skills that may be useful to these careers:

Reading list

We've selected 50 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in User Interface Design and Prototyping.

Design Systems

Save

A comprehensive guide to creating effective design languages for digital products, focusing on the 'how' and 'why' behind design systems. It delves into the principles, patterns, and shared language necessary for successful implementation. is highly regarded and provides a solid understanding for anyone involved in building or maintaining a design system.

User Interface Design and Prototyping

Two deals to help you save

What's inside

Syllabus

Traffic lights

Save this course

Reviews summary

Foundational ui design with figma

Activities

Career center

Reading list

Share

Similar courses

Coursera Buyer Protection & Guarantee

7-Day Free Trial & Free Audit

14-Day Refund Guarantee

Verified Academic & Industry Partner