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.
涵盖的内容
10个视频11篇阅读材料4个作业
显示有关单元内容的信息
10个视频•总计37分钟
Introduction to Course 3: Build Wireframes and Low-Fidelity Prototypes•2分钟
Karen - My path to UX design•2分钟
Introduction to user flows •5分钟
Introduction to storyboarding user flows•5分钟
Understand the two types of storyboards •8分钟
Introduction to wireframes•4分钟
Start drawing•6分钟
Draw your first wireframe•2分钟
Understand the benefits of wireframing•2分钟
Wrap-up: Storyboarding and wireframing •1分钟
11篇阅读材料•总计58分钟
Welcome to Course 3•8分钟
Helpful resources and tips•4分钟
Optional - Read this if it’s your first course in the certificate program•8分钟
Changes to Figma’s UI•4分钟
Introduction to prototypes•4分钟
Outline a user flow•8分钟
Review: Outline the user flow for projects•4分钟
Learn more about creating storyboards•8分钟
Review: Create project storyboards•4分钟
Review: Create wireframes by drawing a favorite app•4分钟
Glossary terms from course 3, module 1•2分钟
4个作业•总计80分钟
Self-Reflection: Consider the user flow for an app•10分钟
Test your knowledge of storyboards•4分钟
Test your knowledge of design fidelity •6分钟
Module 1 Challenge•60分钟
Creating paper and digital wireframes
第 2 单元•小时 后完成
单元详情
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.
涵盖的内容
10个视频5篇阅读材料3个作业
显示有关单元内容的信息
10个视频•总计58分钟
Welcome to module 2•1分钟
The basics of information architecture (IA) •4分钟
Create paper wireframes•8分钟
Transition from paper to digital wireframes•5分钟
Introduction to Figma•2分钟
Create digital wireframes in Figma •14分钟
Optional - Learn from Figma: Create wireframes for an app•16分钟
Erika - Tools of the trade•3分钟
Use Gestalt Principles when creating wireframes •5分钟
Wrap-up: Creating paper and digital wireframes•1分钟
5篇阅读材料•总计34分钟
Designing the information architecture of apps•12分钟
Review: Create paper wireframes•4分钟
Create a Figma account•8分钟
Learn more about using Gestalt Principles in wireframes•8分钟
Glossary terms from course 3, module 2•2分钟
3个作业•总计74分钟
Test your knowledge on information architecture•6分钟
Test your knowledge on Gestalt Principles•8分钟
Module 2 Challenge•60分钟
Building low-fidelity prototypes
第 3 单元•小时 后完成
单元详情
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.
涵盖的内容
13个视频17篇阅读材料6个作业1个插件
显示有关单元内容的信息
13个视频•总计57分钟
Welcome to module 3•1分钟
Learn about low-fidelity prototypes•3分钟
Create a paper prototype•8分钟
Introduction to building low-fidelity prototypes in Figma•1分钟
Build low-fidelity prototypes in Figma•12分钟
Optional - Learn from Figma: Create prototypes •8分钟
Recognize implicit bias in design•6分钟
Ayan - Bias in UX design work •2分钟
Identify deceptive patterns in UX design•7分钟
Explore the effects of designs that deceive •4分钟
Priya - The importance of equitable design•2分钟
Wrap-up: Building low-fidelity prototypes•1分钟
Congratulations on completing Course 3: Build Wireframes and Low-Fidelity Prototypes•2分钟
17篇阅读材料•总计112分钟
Creative ways to make paper prototypes•8分钟
Marvel's Prototyping on paper tool •4分钟
Learn more about lo-fi prototyping in Figma •8分钟
Review: Create a low-fidelity prototype in Figma•4分钟
Access Figma prototypes on mobile devices •4分钟
Learn more about bias in UX design - and how to avoid it•8分钟
Avoid deceptive patterns •8分钟
Understand the attention economy •8分钟
Understand your impact as a UX designer•8分钟
Learn more about ethical design •8分钟
Glossary terms from course 3, module 3•4分钟
Portfolio project guide for creating lo-fi prototypes•10分钟
Exemplars: Create digital wireframes for your portfolio project•10分钟
Exemplars: Build a low-fidelity mobile prototype for your portfolio project•10分钟
Reflect and connect with your peers•4分钟
Course 3 glossary•2分钟
Start the next course•4分钟
6个作业•总计166分钟
Test your knowledge of low-fidelity prototypes•6分钟
Self-Reflection: Your own biases•10分钟
Activity: Create storyboards for your portfolio project•30分钟
Activity: Create digital wireframes for your portfolio project•30分钟
Activity: Build a low-fidelity mobile prototype for your portfolio project•30分钟
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.
确定
人们为什么选择 Coursera 来帮助自己实现职业发展
Felipe M.
自 2018开始学习的学生
''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情,我就可以学习。'
Jennifer J.
自 2020开始学习的学生
''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'
Larry W.
自 2021开始学习的学生
''如果我的大学不提供我需要的主题课程,Coursera 便是最好的去处之一。'
Chaitanya A.
''学习不仅仅是在工作中做的更好:它远不止于此。Coursera 让我无限制地学习。'
学生评论
4.9
9,639 条评论
5 stars
88.94%
4 stars
9.38%
3 stars
1.15%
2 stars
0.19%
1 star
0.32%
显示 3/9639 个
J
JG
5·
已于 Sep 15, 2023审阅
With the ability to learn practical skills, you can acquire the knowledge and expertise needed to advance both personally and professionally. This is an opportunity you cannot afford to miss.
B
BG
5·
已于 Jan 15, 2026审阅
This course gives you a clear foundation of how to use figma and everything that low-fidelity protypes entail, while it may seem or be intimidating, trust me that they make it very simple and clear!
T
TC
5·
已于 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.
常见问题
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.