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 Google
There are 3 modules in this course
Build Wireframes and Low-Fidelity Prototypes is the third course in a certificate program that will equip you with the skills you need to apply to entry-level jobs in user experience (UX) design. In this course, you’ll continue to design a mobile app for your professional UX portfolio. You’ll start by creating storyboards and getting familiar with the basics of drawing. Then, you'll create paper wireframes and digital wireframes using the design tool Figma. You’ll also create a paper prototype and a digital low-fidelity prototype in Figma.
Current UX designers and researchers at Google will serve as your instructors, and you will complete hands-on activities that simulate real-world UX design scenarios. Learners who complete the courses in this certificate program should be equipped to apply for entry-level jobs as UX designers.
By the end of this course, you will be able to:
- Develop a goal statement.
- Create two types of storyboards: big picture and close-up.
- Understand the difference between low-fidelity and high-fidelity design.
- Apply the basics of drawing.
- Apply the principles of information architecture to organize a mobile app.
- Create paper wireframes for a mobile app design.
- Develop digital wireframes in the design tool Figma.
- Build a paper prototype to add interactivity to designs.
- Design a low-fidelity prototype in Figma.
- Recognize implicit bias and deceptive patterns in design.
- Continue to design a mobile app to include in your professional portfolio.
To be successful in this course, you should complete the previous two courses in this certificate program, or have an ability to conduct user research to inform the creation of empathy maps, personas, user stories, user journey maps, problem statements, and value propositions. You will also need paper and a pen or pencil.
Welcome to the world of wireframes! You'll start by learning how to use research findings to inform ideation during the design process. Next, you'll create two types of storyboards: big picture and close-up. Then, you'll draw your first wireframes, and you'll explore the benefits of wireframing. Keep in mind that at this point in the design process, you should have lots of ideas for designs that address real user needs. You want to refine those ideas, and wireframing can help you do that.
What's included
10 videos11 readings4 assignments
Show info about module content
10 videos•Total 37 minutes
Introduction to Course 3: Build Wireframes and Low-Fidelity Prototypes•2 minutes
Karen - My path to UX design•2 minutes
Introduction to user flows •5 minutes
Introduction to storyboarding user flows•5 minutes
Understand the two types of storyboards •8 minutes
Introduction to wireframes•4 minutes
Start drawing•6 minutes
Draw your first wireframe•2 minutes
Understand the benefits of wireframing•2 minutes
Wrap-up: Storyboarding and wireframing •1 minute
11 readings•Total 58 minutes
Welcome to Course 3•8 minutes
Helpful resources and tips•4 minutes
Optional - Read this if it’s your first course in the certificate program•8 minutes
Changes to Figma’s UI•4 minutes
Introduction to prototypes•4 minutes
Outline a user flow•8 minutes
Review: Outline the user flow for projects•4 minutes
Learn more about creating storyboards•8 minutes
Review: Create project storyboards•4 minutes
Review: Create wireframes by drawing a favorite app•4 minutes
Glossary terms from course 3, module 1•2 minutes
4 assignments•Total 80 minutes
Self-Reflection: Consider the user flow for an app•10 minutes
Test your knowledge of storyboards•4 minutes
Test your knowledge of design fidelity •6 minutes
Module 1 Challenge•60 minutes
Creating paper and digital wireframes
Module 2•3 hours to complete
Module details
This is an action-packed part of the course where you'll draw wireframes for a mobile app! First, you'll draw lots of wireframes on paper. Then, you'll transition to digital wireframes in the design tool Figma. You'll even learn directly from Figma about how to best use their tool. Finally, you'll apply Gestalt Principles, like similarity, proximity, and common region, to your wireframes.
What's included
10 videos5 readings3 assignments
Show info about module content
10 videos•Total 58 minutes
Welcome to module 2•1 minute
The basics of information architecture (IA) •4 minutes
Create paper wireframes•8 minutes
Transition from paper to digital wireframes•5 minutes
Introduction to Figma•2 minutes
Create digital wireframes in Figma •14 minutes
Optional - Learn from Figma: Create wireframes for an app•16 minutes
Erika - Tools of the trade•3 minutes
Use Gestalt Principles when creating wireframes •5 minutes
Wrap-up: Creating paper and digital wireframes•1 minute
5 readings•Total 34 minutes
Designing the information architecture of apps•12 minutes
Review: Create paper wireframes•4 minutes
Create a Figma account•8 minutes
Learn more about using Gestalt Principles in wireframes•8 minutes
Glossary terms from course 3, module 2•2 minutes
3 assignments•Total 74 minutes
Test your knowledge on information architecture•6 minutes
Test your knowledge on Gestalt Principles•8 minutes
Module 2 Challenge•60 minutes
Building low-fidelity prototypes
Module 3•6 hours to complete
Module details
You've gone through the first three stages of the design process: empathize, define, and ideate. Now, you'll enter the fourth stage of the design process: prototype. First, you'll create a paper prototype of your mobile app. Then, you'll transition to a digital low-fidelity prototype in Figma. In addition, you'll explore ways to recognize potential bias in your designs and learn how to avoid deceptive patterns.
What's included
13 videos17 readings6 assignments1 plugin
Show info about module content
13 videos•Total 57 minutes
Welcome to module 3•1 minute
Learn about low-fidelity prototypes•3 minutes
Create a paper prototype•8 minutes
Introduction to building low-fidelity prototypes in Figma•1 minute
Build low-fidelity prototypes in Figma•12 minutes
Optional - Learn from Figma: Create prototypes •8 minutes
Recognize implicit bias in design•6 minutes
Ayan - Bias in UX design work •2 minutes
Identify deceptive patterns in UX design•7 minutes
Explore the effects of designs that deceive •4 minutes
Priya - The importance of equitable design•2 minutes
Wrap-up: Building low-fidelity prototypes•1 minute
Congratulations on completing Course 3: Build Wireframes and Low-Fidelity Prototypes•2 minutes
17 readings•Total 112 minutes
Creative ways to make paper prototypes•8 minutes
Marvel's Prototyping on paper tool •4 minutes
Learn more about lo-fi prototyping in Figma •8 minutes
Review: Create a low-fidelity prototype in Figma•4 minutes
Access Figma prototypes on mobile devices •4 minutes
Learn more about bias in UX design - and how to avoid it•8 minutes
Avoid deceptive patterns •8 minutes
Understand the attention economy •8 minutes
Understand your impact as a UX designer•8 minutes
Learn more about ethical design •8 minutes
Glossary terms from course 3, module 3•4 minutes
Portfolio project guide for creating lo-fi prototypes•10 minutes
Exemplars: Create digital wireframes for your portfolio project•10 minutes
Exemplars: Build a low-fidelity mobile prototype for your portfolio project•10 minutes
Reflect and connect with your peers•4 minutes
Course 3 glossary•2 minutes
Start the next course•4 minutes
6 assignments•Total 166 minutes
Test your knowledge of low-fidelity prototypes•6 minutes
Self-Reflection: Your own biases•10 minutes
Activity: Create storyboards for your portfolio project•30 minutes
Activity: Create digital wireframes for your portfolio project•30 minutes
Activity: Build a low-fidelity mobile prototype for your portfolio project•30 minutes
Module 3 Challenge•60 minutes
1 plugin•Total 30 minutes
Understand deceptive patterns•30 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
Instructor ratings
We asked all learners to give feedback on our instructors based on the quality of their teaching style.
Grow with Google is an initiative that draws on Google's decades-long history of building products, platforms, and services that help people and businesses grow. We aim to help everyone – those who make up the workforce of today and the students who will drive the workforce of tomorrow – access the best of Google’s training and tools to grow their skills, careers, and businesses.
OK
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
4.9
9,638 reviews
5 stars
88.94%
4 stars
9.38%
3 stars
1.15%
2 stars
0.19%
1 star
0.32%
Showing 3 of 9638
P
PK
5·
Reviewed on Jan 17, 2023
This was the most exciting part of this entire course ! Learning the basics of Figma & developing real time Prototypes on Figma, Making SB & Wireframes everything was very refreshing !
T
TC
5·
Reviewed on Sep 18, 2022
Good course with proper instructors and information. The thing to improve is the volumn in each clip. I found that some are pretty loud and some are low which provides a not-so-good user experience.
M
MJ
5·
Reviewed on Sep 10, 2023
Very good section. This course lets you dip your toes into Figma, not concentrating on the UI design per se. But more on the workflow of your product and how powerful Figma is for prototyping.
Frequently asked questions
What is a UX designer?
User experience (UX) designers focus on the experience that users have while using products like websites, apps, and physical objects. UX designers make those everyday interactions useful, enjoyable, and accessible. The role of an entry-level UX designer might include coming up with ideas to address user problems, conducting research with users, and designing wireframes, mockups, and prototypes.
If you enjoy talking to and empathizing with people, drawing, thinking creatively, or paying attention to details, a job as a UX designer might be a good fit for you!
What background is required?
This course is the third of seven courses that will equip you with the skills you need to apply to entry-level jobs in user experience design. We recommend that you complete the first course of the Google UX Design Certificate, Foundations of User Experience (UX) Design, and the second course, Start the UX Design Process: Empathize, Define, and Ideate, before completing this third course of the program.
Alternatively, you should have experience conducting research in order to empathize with user needs and determine specific user pain points. You also need to have the ability to create personas, user stories, and user journey maps, as well as draft problem statements and value propositions.
No prior experience with specific design tools is required.
What tools or platforms are included in the curriculum?
Figma and Adobe XD are the design tools taught in the seven courses of the Google UX Design Certificate. This course focuses on creating designs in Figma.
Spreadsheets, word processing applications, and presentation applications will also be used. Throughout the program, you will create a professional portfolio, using the platform of your choice, to showcase your UX design work.
Which jobs will this certificate help me prepare for?
One of the most exciting parts about joining the field of user experience is the large number of job opportunities available. Nearly every company needs UX designers to help create their digital and physical products. While the need for UX designers continues to grow, there is currently a shortage of UX design professionals to fill those roles.
A career in UX design allows you the opportunity to work as a generalist, finding a role as a UX designer, UI designer, or UX researcher, or as a specialist, like a visual designer or interaction designer. Upon completion of this certificate program, you will be able to search for jobs with all of these titles, and find the role that best suits you.
Do I need to take the course in a certain order?
This is the third of seven courses in the Google UX Design Certificate. We highly recommend completing the seven courses in this certificate program in the order presented, because the content and applications in each course build on information presented and practiced in earlier courses.
When will I have access to the lectures and assignments?
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.
What will I get if I subscribe to this Certificate?
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.
Show all 7 frequently asked questions
¹ Some assignments in this course are AI-graded. For these assignments, your data will be used in accordance with Coursera's Privacy Notice.