Build Wireframes and Low-Fidelity Prototypes
Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Build Wireframes and Low-Fidelity Prototypes
This course is part of Google UX Design Professional Certificate
419,892 already enrolled
Included with
9,657 reviews
9,657 reviews
What you'll learn
Create storyboards to come up with ideas about solutions to user needs.
Create wireframes on paper and digitally in the design tool Figma.
Build paper prototypes to create interactive designs.
Design low-fidelity prototypes in Figma.
Skills you'll gain
- User Experience Design
- Persona (User Experience)
- Storyboarding
- Prototyping
- User Interface and User Experience (UI/UX) Design
- Information Architecture
- Storytelling
- Design Elements And Principles
- Interaction Design
- Usability
- User Story
- Visual Storytelling
- User Experience
- User Research
- User Centered Design
- UI/UX Strategy
- User Interface (UI)
- Wireframing
- Layout Design
Tools you'll learn
Details to know
See how employees at top companies are mastering in-demand skills
Build your Design and Product expertise
- 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
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
- Module 1 Challenge•60 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
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
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
- Module 2 Challenge•60 minutes
- Test your knowledge on information architecture•6 minutes
- Test your knowledge on Gestalt Principles•8 minutes
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
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
- Module 3 Challenge•60 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
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
Explore more from Design and Product
- Status: Free Trial
Course
- Status: Free Trial
Guided Project
- Status: Free TrialC
California Institute of the Arts
Course
- Status: Free Trial
Course
Why people choose Coursera for their career
Learner reviews
- 5 stars
88.94%
- 4 stars
9.39%
- 3 stars
1.14%
- 2 stars
0.19%
- 1 star
0.32%
Showing 3 of 9657
Reviewed on Oct 1, 2022
I learnt most of my firsts here. My first Lo-Fi prototype on paper and then on Figma. Feels accomplishing. Thanks a lot coursera for the financial aid and to the mentors for wonderful teaching.
Reviewed on Sep 18, 2022
I wish there was more information on Figma. I had to learn too many stuff in figma myself. At least there could be more links to other figma videos. Except that, everything was good. Thank you.
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.
Frequently asked questions
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!
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.
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.
More questions
Financial aid available,
¹ Some assignments in this course are AI-graded. For these assignments, your data will be used in accordance with Coursera's Privacy Notice.