本课程是 Google UX 设计专业证书专项课程的一部分

4.9
星
177 个评分

Google Career Certificates
顶尖授课教师

9,236 人已注册

提供方

包含在

中

无限制访问 3,000+ 门课程、指导项目、专项课程和专业证书。

了解更多

Google UX 设计专业证书Google

课程信息

561,888 次近期查看

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 seven 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.

可分享的证书

完成后获得证书

100% 在线

立即开始，按照自己的计划学习。

第 3 门课程（共 7 门）

Google UX 设计

可灵活调整截止日期

根据您的日程表重置截止日期。

初级

完成时间大约为20 小时

英语（English）

字幕：英语（English）

您将学到的内容有

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.

您将获得的技能

User Experience (UX)UX ResearchWireframePrototypeUser Experience Design (UXD)

可分享的证书

完成后获得证书

100% 在线

立即开始，按照自己的计划学习。

第 3 门课程（共 7 门）

Google UX 设计

可灵活调整截止日期

根据您的日程表重置截止日期。

初级

完成时间大约为20 小时

英语（English）

字幕：英语（English）

讲师

授课教师评分

4.9/5 （59 个评分）

Google Career Certificates
顶尖授课教师

1,434,909 个学生

41 门课程

提供方

Google

Google Career Certificates are part of Grow with Google, an initiative that draws on Google's 20-year history of building products, platforms, and services that help people and businesses grow. Through programs like these, 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.

教学大纲 - 您将从这门课程中学到什么

内容评分98%（3,561 个评分）

周

周 1

完成时间为 8 小时

Storyboarding and wireframing

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.

完成时间为 8 小时

12 个视频（总计 42 分钟）, 13 个阅读材料, 11 个测验

12 个视频

Introduction to Course 3: Build Wireframes and Low-Fidelity Prototypes2分钟

Karen - My path to UX design2分钟

Use research to inform ideation3分钟

Craig - Research informs ideation in the real world 2分钟

Create goal statements 3分钟

Introduction to storyboarding user flows4分钟

Understand the two types of storyboards 7分钟

Introduction to wireframes3分钟

Start drawing5分钟

Draw your first wireframe2分钟

Understand the benefits of wireframing2分钟

Wrap-up: Storyboarding and wireframing 1分钟

13 个阅读材料

Welcome to Course 310分钟

Optional - Read this if it’s your first course in the certificate program10分钟

Optional - Interpret your quiz results5分钟

Optional - Learn more about how research informs ideation 10分钟

Revisit problem statements10分钟

Learn more about goal statements10分钟

Activity Exemplar: Build a goal statement10分钟

Outline a user flow10分钟

Activity Exemplar: Outline the user flow for your app10分钟

Learn more about creating storyboards10分钟

Activity Exemplar: Practice creating storyboards10分钟

Activity Exemplar: Draw a wireframe of a favorite app10分钟

Glossary 10分钟

10 个练习

Optional - Test your knowledge of prior concepts20分钟

Optional - Submit your choice of portfolio project prompt 30分钟

Activity: Build a goal statement30分钟

Activity: Build a goal statement for your portfolio project30分钟

Self-Reflection: Consider the user flow for an app20分钟

Activity: Outline the user flow for your app30分钟

Test your knowledge of storyboards4分钟

Activity: Practice creating storyboards 30分钟

Test your knowledge of design fidelity 4分钟

Activity: Draw a wireframe of a favorite app30分钟

周

周 2

完成时间为 6 小时

Creating paper and digital wireframes

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.

完成时间为 6 小时

10 个视频（总计 58 分钟）, 6 个阅读材料, 6 个测验

10 个视频

Welcome to week 254

The basics of information architecture (IA) 4分钟

Create paper wireframes7分钟

Transition from paper to digital wireframes5分钟

Introduction to Figma2分钟

Create digital wireframes in Figma 13分钟

Optional - Learn from Figma: Create wireframes for an app15分钟

Erika - Tools of the trade2分钟

Use Gestalt Principles when creating wireframes 4分钟

Wrap-up: Creating paper and digital wireframes56

6 个阅读材料

Activity Exemplar: Practice creating paper wireframes10分钟

Activity Exemplar: Create paper wireframes for the portfolio project10分钟

Create a Figma account10分钟

Activity Exemplar: Practice creating digital wireframes in Figma10分钟

Learn more about using Gestalt Principles in wireframes10分钟

Glossary10分钟

5 个练习

Test your knowledge on information architecture4分钟

Activity: Practice creating paper wireframes30分钟

Activity: Create paper wireframes for the portfolio project30分钟

Activity: Practice creating digital wireframes in Figma30分钟

Test your knowledge on Gestalt Principles4分钟

周

周 3

完成时间为 6 小时

Building low-fidelity prototypes

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.

完成时间为 6 小时

11 个视频（总计 54 分钟）, 13 个阅读材料, 5 个测验

11 个视频

Welcome to week 31分钟

Learn about low-fidelity prototypes2分钟

Create a paper prototype8分钟

Introduction to building low-fidelity prototypes in Figma1分钟

Build low-fidelity prototypes in Figma11分钟

Optional - Learn from Figma: Create prototypes 7分钟

Recognize implicit bias in design 5分钟

Ayan - Bias in UX design work 2分钟

Identify deceptive patterns in UX design7分钟

Explore the effects of designs that deceive 4分钟

Congratulations on completing Course 3: Build Wireframes and Low-Fidelity Prototypes1分钟

13 个阅读材料

Creative ways to make paper prototypes10分钟

Marvel's Prototyping on paper tool 10分钟

Activity Exemplar: Practice creating a low-fidelity prototype10分钟

Learn more about lo-fi prototyping in Figma 10分钟

Activity Exemplar: Practice creating a low-fidelity prototype in Figma 10分钟

Access Figma prototypes on mobile devices 10分钟

Optional - Learn more about bias in UX design 10分钟

Avoid deceptive patterns 10分钟

Understand the attention economy 10分钟

Understand your impact as a UX designer10分钟

Optional - Learn more about ethical design 10分钟

Glossary10分钟

Start the next course5分钟

4 个练习

Test your knowledge of low-fidelity prototypes4分钟

Activity: Practice creating a low-fidelity prototype30分钟

Activity: Practice creating a low-fidelity prototype in Figma 30分钟

Self-Reflection: Your own biases20分钟

审阅

4.9

37 条评论

5 stars
88.77%
4 stars
11.22%

来自BUILD WIREFRAMES AND LOW-FIDELITY PROTOTYPES的热门评论

由 RS 提供Mar 23, 2021

A really great, and very digestible course teaches you how to build wireframes and loft prototypes. Learning about Figma in this course really sets you up for success when looking for a job.

由 PE 提供Apr 7, 2021

I loved the 'Deceptive Patterns' part of the course the most. Generally, I like that concepts are introduced step by step. The content is not in any way overwhelming!

由 JL 提供Mar 23, 2021

This course went in-depth with the technical side of UX design. You're able to get hands on experience with building designs which is really exciting!

由 CF 提供May 6, 2021

Very interesting and fun! You learn to use figma to create wireframes and build prototypes. The instructor is easy to listen to and very informative.

查看所有评论

关于 Google UX 设计专业证书

Prepare for a career in the high-growth field of UX design, no experience or degree required. With professional training designed by Google, get on the fast-track to a competitively paid job. There are currently 113,700 U.S. job openings in UX design with an average entry-level salary of $58,600.¹

User experience (UX) designers focus on the interaction that users have with products, like websites, apps, and physical objects. They make those everyday interactions useful, enjoyable, and accessible. Over 7 courses, gain in-demand skills that will prepare you for an entry-level job. At under 10 hours per week, you can complete the certificate in less than 6 months. You will create designs on paper and in digital design tools like Figma and Adobe XD. By the end of the certificate program, you will have a professional UX portfolio that includes three end-to-end projects, so that you’re ready to apply for jobs. Upon completion, you can directly apply for jobs with Google and over 130 U.S. employers, including Walmart, Best Buy, and Astreya. 82% of Google Career Certificate graduates report a positive career outcome like a new job, promotion, or raise within 6 months.² Check out all Google Career Certificates here. ¹Burning Glass: Labor Insight (Last 12 Months: Feb. 1, 2020 - Jan. 31, 2021) ²Coursera Learner Outcome Survey, all time for Google IT Support Certificate. Data is collected via on-platform surveys or email and is cumulative from Jan 2018 - Jan 2021.

常见问题

When will I have access to the lectures and assignments?
讲座和作业的访问权限取决于您的注册类型。如果您以旁听模式参加课程，则可以免费查看大多数课程资料。要访问评分作业并获得证书，您需要在旁听期间或之后购买证书体验。如果看不到旁听选项：
课程可能不提供旁听选项。您可以尝试免费试用，也可以申请助学金。
课程可能会改为提供'完整课程，没有证书'。通过此选项，您可以查看所有课程材料、提交所要求的作业，以及获得最终成绩。这也意味着您将无法购买证书体验。
我订阅此证书后会得到什么？
您注册课程后，将有权访问证书中的所有课程，并且会在完成作业后获得证书。您的电子证书将添加到您的成就页中，您可以通过该页打印证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容，可以免费旁听课程。
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.

还有其他问题吗？请访问学生帮助中心。

Build Wireframes and Low-Fidelity Prototypes