Do I need to take the course in a certain order?

This is the sixth 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.

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.

Build Dynamic User Interfaces (UI) for Websites

通过 Coursera Plus 提高技能，仅需 239 美元/年（原价 399 美元）。立即节省

Build Dynamic User Interfaces (UI) for Websites

本课程是 Google UX Design 专业证书的一部分

位教师：Google Career Certificates

274,487 人已注册

包含在中

了解更多

4个模块

深入了解一个主题并学习基础知识。

3,836 条评论

初级等级

无需具备相关经验

灵活的计划

2 周在 10 小时一周

自行安排学习进度

99%

大多数学生喜欢此课程

4个模块

深入了解一个主题并学习基础知识。

3,836 条评论

初级等级

无需具备相关经验

灵活的计划

2 周在 10 小时一周

自行安排学习进度

99%

大多数学生喜欢此课程

您将学到什么

Apply each step of the UX design thinking framework (empathize, define, ideate, prototype, test) to create a dynamic website.
Plan information architecture and sitemaps for website designs.
Apply common layouts for web pages.
Complete a design project and include it in your professional UX portfolio.

您将获得的技能

您将学习的工具

Figma (Design Software)

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

19 任务¹

AI 评分请参见免责声明

授课语言：英语（English）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累 Design and Product 领域的专业知识

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

在注册此课程时，您还会同时注册此专业证书。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
通过 Google 获得可共享的职业证书

该课程共有4个模块

Build Dynamic User Interfaces (UI) for Websites is the sixth course in a 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 will plan a design for a website, create wireframes and prototypes, and test your designs to get feedback. Additionally, you will learn about engaging in design critique sessions and how to give and receive feedback. By the end of this course, you will have a new design project to include in your professional UX portfolio. In addition, you’ll learn how to search for entry-level UX design jobs, create a resume that highlights your skills and accomplishments, and build your professional portfolio website.

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: - Apply each step of the UX design thinking framework (empathize, define, ideate, prototype, test) to create a responsive website. - Plan information architecture and create sitemaps for website designs. - Apply common layouts for web pages. - Plan and conduct a usability study to gather feedback about designs. - Iterate on designs based on research insights. - Work with design systems. - Add a new design project to your professional UX portfolio. - [Optional] Create or update a UX-focused resume. - [Optional] Learn how to search for and apply to introductory-level jobs in the field of UX. This course is suitable for beginner-level UX designers who have completed the previous five courses of the Google UX Design Certificate. Alternatively, learners need to have a strong foundational understanding of the design process; experience creating wireframes, mockups, and prototypes; and the ability to conduct usability studies. No previous experience with Figma is required.

Get started with the basics of responsive web design. To create a responsive website, you’ll follow the steps of the UX design process: empathize, define, ideate, prototype, and test. In this part of the course, you'll complete the empathize and define phases.

涵盖的内容

14个视频14篇阅读材料5个作业4个插件

14个视频总计59分钟

Understand responsive websites 3分钟
Differentiate between dedicated mobile apps and responsive web apps 4分钟
Plan information architecture for a website 2分钟
Explore common website structures 7分钟
Explore sitemaps 3分钟
Build a sitemap for your website 5分钟
Explore common layouts for website home pages 7分钟
The basics of wireframes 9分钟
Plot a responsive layout 3分钟
Adjust page layouts based on screen size 3分钟
Transition from paper to digital wireframes 1分钟
Refine wireframes to enhance accessibility 6分钟
Evaluate wireframes using Gestalt Principles 3分钟
Wrap-up: Creating wireframes for a responsive website 1分钟

14篇阅读材料总计70分钟

Welcome to Course 6 8分钟
Helpful resources and tips 4分钟
Learn more about information architecture 4分钟
Learn more about building a sitemap 4分钟
Learn more about common website layouts 8分钟
Learn more about wireframes 4分钟
Review: Create paper wireframes for a responsive website 8分钟
Learn more about plotting responsive layouts 8分钟
Common elements used in responsive design 4分钟
Review: Create digital wireframes for a desktop screen size 4分钟
Exemplars: Create digital wireframes for a desktop screen size 4分钟
Review: Create wireframes for additional screen sizes 4分钟
Learn more about Gestalt Principles in wireframes 4分钟
Glossary terms from course 6, module 1 2分钟

5个作业总计130分钟

Test your knowledge on responsive website design 2分钟
Test your knowledge on website structures 8分钟
Activity: Create a sitemap for a website 30分钟
Activity: Refine wireframes to meet standards 60分钟
Module 1 Challenge 30分钟

4个插件总计65分钟

Understand dedicated mobile apps and responsive web apps 15分钟
Explore website structures 10分钟
Identify the website layout 30分钟
Explore responsive website design 10分钟

Now that you’ve created digital wireframes, it’s time to build, test, and iterate on a low-fidelity prototype. First, you'll learn how to build a low-fidelity prototype. You’ll get feedback about your prototype by planning and conducting a usability study. Then, you'll make changes to your low-fidelity designs based on insights from your research.

涵盖的内容

7个视频13篇阅读材料6个作业

7个视频总计21分钟

Understand low-fidelity prototypes 2分钟
Begin to design mockups 2分钟
Work with design systems 3分钟
Review: Introduction to high-fidelity prototypes 4分钟
Review: Create a high-fidelity prototype in Figma 4分钟
Annotate prototypes for web accessibility 5分钟
Wrap-up: Creating and testing high-fidelity designs 1分钟

13篇阅读材料总计70分钟

Review: Create a low-fidelity prototype for your responsive website 4分钟
Exemplars: Create a low-fidelity prototype for your responsive website 4分钟
Review foundational elements of visual design 8分钟
Review how to arrange elements in mockups 10分钟
Review visual design principles 10分钟
Learn more about design systems 8分钟
Review: Create a sticker sheet in Figma 4分钟
Review: Create mockups for a website 4分钟
Create mockups for a mobile website in Figma 4分钟
Review: Create a mockup for the homepage of a mobile website 4分钟
Learn more about web accessibility 4分钟
Glossary terms from course 6, module 2 2分钟
Exemplars: Create a high-fidelity prototype for a responsive website 4分钟

6个作业总计140分钟

Test your knowledge on wireframes versus prototypes 4分钟
Test your knowledge on the basics of mockups 6分钟
Test your knowledge on working with design systems 4分钟
Test your knowledge on web accessibility 6分钟
Activity: Create a high-fidelity prototype for a responsive website 60分钟
Module 2 Challenge 60分钟

After you’ve empathized with users, defined the user problem to solve, and begun to ideate possible solutions, it’s time to bring your ideas to life in wireframes. Your responsive website will have different layouts, depending on the device and screen size you’re designing for, so you'll create lots of different wireframes. First, you'll explore common website layouts, and you'll create paper wireframes. Next, you'll get to know a few elements and components that are commonly used in responsive website design. Then, you'll transition to create digital wireframes. Finally, you’ll update and refine your wireframes to enhance accessibility.

涵盖的内容

9个视频2篇阅读材料4个作业1个插件

9个视频总计35分钟

Give and receive feedback as a UX designer 5分钟
The basics of design critique sessions 4分钟
Best practices for design critique sessions 3分钟
Kunal - My experience with design critique sessions 4分钟
Introduction to a mock crit session 2分钟
Observe a mock crit session 6分钟
Turn crit session feedback into actions 6分钟
Iterate on mockups based on feedback from crit sessions 5分钟
Wrap-up: Participating in design critique sessions 1分钟

2篇阅读材料总计6分钟

Learn more about design critique sessions 4分钟
Glossary terms from course 6, module 3 2分钟

4个作业总计150分钟

Test your knowledge on design critique sessions 30分钟
Self-Reflection: Request feedback on your work 30分钟
Test your knowledge on implementing feedback from crit sessions 30分钟
Module 3 Challenge 60分钟

1个插件总计15分钟

Practice giving and receiving design feedback 15分钟

With your responsive website designs complete, you'll be ready to share your work with others. To start, you’ll learn how to prepare and handoff designs to engineers, who will build the final product. You’ll also add a case study to your professional UX portfolio featuring your responsive website designs. Then, you'll pivot to focus on your big picture goal: getting a job as a UX designer. You'll learn tips and tricks to scan job postings, and you'll create a compelling resume that highlights your new UX skills.

涵盖的内容

8个视频7篇阅读材料4个作业

8个视频总计28分钟

Understand common jobs for UX designers 6分钟
Explore types of companies that UX designers work at 6分钟
Kenny - Perseverance 4分钟
Dane - My advice for UX design resumes 3分钟
Tim - A recruiter's advice for UX design resumes 3分钟
Collaborate with engineering teams 2分钟
Add a project to your portfolio 2分钟
Congratulations on completing Course 6: Build Dynamic User Interfaces (UI) for Websites 1分钟

7篇阅读材料总计28分钟

Learn more about jobs in the field of user experience 4分钟
Elements in a typical UX design resume 8分钟
Glossary terms from course 6, module 4 2分钟
Exemplars: Add a case study to your portfolio 4分钟
Reflect and connect with your peers 4分钟
Course 6 glossary 2分钟
Start the next course 4分钟

4个作业总计108分钟

Self-Reflection: Share your professional goals and interests 10分钟
Activity: Add a case study to your portfolio 30分钟
Test your knowledge on portfolio case studies 8分钟
Module 4 Challenge 60分钟

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

授课教师评分

(1,055个评价)

Google Career Certificates

Google

386 门课程 15,954,107 名学生

提供方

Google

从 Design and Product 浏览更多内容

Google
Start the UX Design Process: Empathize, Define, and Ideate
课程
Google
Design a User Experience for Social Good & Prepare for Jobs
课程
Google
Build Wireframes and Low-Fidelity Prototypes
课程
Google
Conduct UX Research and Test Early Concepts
课程

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

自 2018开始学习的学生

''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'

Jennifer J.

自 2020开始学习的学生

''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'

Larry W.

自 2021开始学习的学生

''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'

Chaitanya A.

''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'

学生评论

5 stars
85.35%
4 stars
10.65%
3 stars
2.29%
2 stars
0.88%
1 star
0.80%

显示 3/3836 个

已于 May 10, 2023审阅

Thank you for providing helpful tips on building a resume and preparing for real-life situations. The Dave course was a fantastic experience, and I am grateful for the valuable insights it provided

已于 May 31, 2022审阅

This is an incredibly friendly and helpful course for me. If there were any difficulties - they were related to my so far imperfect knowledge of English. Thank you, Google <3

已于 Sep 18, 2021审阅

It was a great experience working with a different tool (Adobe XD). I would have liked to have more time or exercises meant to emphasize the responsiveness dimension of the design.

查看更多评论

通过 Coursera Plus 开启新生涯

无限制访问 10,000+ 世界一流的课程、实践项目和就业就绪证书课程 - 所有这些都包含在您的订阅中

了解更多

通过在线学位推动您的职业生涯

获取世界一流大学的学位 - 100% 在线

探索学位

加入超过 3400 家选择 Coursera for Business 的全球公司

提升员工的技能，使其在数字经济中脱颖而出

了解更多

常见问题

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 sixth of seven courses that will equip you with the skills you need to apply to entry-level jobs in user experience design. We strongly recommend that you complete the first five courses of the Google UX Design Certificate before completing this one:

- Course 1: Foundations of User Experience (UX) Design

- Course 2: Start the UX Design Process: Empathize, Define, and Ideate

- Course 3: Build Wireframes and Low-Fidelity Prototypes

- Course 4: Conduct UX Research and Test Early Concepts

- Course 5: Build High-Fidelity Designs and Prototypes in Figma

Alternatively, if you’re hoping to take this as your first course of the program, you should have experience conducting user research in order to empathize with user needs and determine specific user pain points. You need to have the ability to create personas, user stories, user journey maps, and problem statements. You also need to know how to create wireframes and low-fidelity prototypes on paper. It’s helpful to have experience conducting usability studies and iterating on designs, as well. If you are unfamiliar with any of these topics, they are covered in earlier courses of the Google UX Design Certificate.

Adobe XD and Figma are the design tools taught in the Google UX Design Certificate. This course focuses on creating designs in Adobe XD. Learners have nine months of free access to the Single App version of Adobe XD to share unlimited links to prototypes. You must complete Course 1 (including all graded assignments) of the Google UX Design Certificate in order to receive this offer. As a reminder, this offer is exclusive to Google UX Design Certificate learners, and you cannot resell, loan, or share this subscription. After qualifying learners complete Course 1 they will receive an email, and a Coursera message with offer redemption instructions.

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.

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.

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.