Build Dynamic User Interfaces (UI) for Websites

This course is part of Google UX Design Professional Certificate

Instructor: Google Career Certificates

Top Instructor

225,746 already enrolled

Included with Coursera Plus

Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

4.8

(3,631 reviews)

Beginner level

No prior experience required

Flexible schedule

Approx. 16 hours

Learn at your own pace

99%

Most learners liked this course

4 modules

Gain insight into a topic and learn the fundamentals.

4.8

(3,631 reviews)

Beginner level

No prior experience required

Flexible schedule

Approx. 16 hours

Learn at your own pace

99%

Most learners liked this course

What you'll learn

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.

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

17 quizzes, 2 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your Design and Product expertise

This course is part of the Google UX Design Professional Certificate

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

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

There are 4 modules in this course

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

What's included

14 videos15 readings4 quizzes1 assignment4 plugins

14 videosTotal 59 minutes

Understand responsive websites3 minutesPreview module
Differentiate between dedicated mobile apps and responsive web apps4 minutes
Plan information architecture for a website2 minutes
Explore common website structures 7 minutes
Explore sitemaps2 minutes
Build a sitemap for your website5 minutes
Explore common layouts for website home pages7 minutes
The basics of wireframes 9 minutes
Plot a responsive layout3 minutes
Adjust page layouts based on screen size2 minutes
Transition from paper to digital wireframes1 minute
Refine wireframes to enhance accessibility6 minutes
Evaluate wireframes using Gestalt Principles3 minutes
Wrap-up: Creating wireframes for a responsive website 1 minute

15 readingsTotal 78 minutes

Welcome to Course 68 minutes
Helpful resources and tips4 minutes
Introduction to second portfolio project8 minutes
Learn more about information architecture4 minutes
Learn more about building a sitemap4 minutes
Learn more about common website layouts8 minutes
Learn more about wireframes4 minutes
Review: Create paper wireframes for a responsive website8 minutes
Learn more about plotting responsive layouts8 minutes
Common elements used in responsive design4 minutes
Review: Create digital wireframes for a desktop screen size4 minutes
Exemplars: Create digital wireframes for a desktop screen size4 minutes
Review: Create wireframes for additional screen sizes4 minutes
Learn more about Gestalt Principles in wireframes4 minutes
Glossary terms from course 6, module 12 minutes

4 quizzesTotal 128 minutes

Module 1 Challenge30 minutes
Test your knowledge on website structures 8 minutes
Activity: Create a sitemap for a website30 minutes
Activity: Refine wireframes to meet standards60 minutes

1 assignmentTotal 2 minutes

Test your knowledge on responsive website design 2 minutes

4 pluginsTotal 65 minutes

Understand dedicated mobile apps and responsive web apps15 minutes
Explore website structures10 minutes
Identify the website layout30 minutes
Explore responsive website design10 minutes

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.

What's included

7 videos13 readings5 quizzes1 assignment

7 videosTotal 21 minutes

Understand low-fidelity prototypes2 minutesPreview module
Begin to design mockups2 minutes
Work with design systems3 minutes
Review: Introduction to high-fidelity prototypes 4 minutes
Review: Create a high-fidelity prototype in Figma 3 minutes
Annotate prototypes for web accessibility4 minutes
Wrap-up: Creating and testing high-fidelity designs0 minutes

13 readingsTotal 70 minutes

Review: Create a low-fidelity prototype for your responsive website4 minutes
Exemplars: Create a low-fidelity prototype for your responsive website4 minutes
Review foundational elements of visual design8 minutes
Review how to arrange elements in mockups10 minutes
Review visual design principles10 minutes
Learn more about design systems8 minutes
Review: Create a sticker sheet in Figma4 minutes
Review: Create mockups for a website4 minutes
Create mockups for a mobile website in Figma4 minutes
Review: Create a mockup for the homepage of a mobile website4 minutes
Learn more about web accessibility4 minutes
Glossary terms from course 6, module 22 minutes
Exemplars: Create a high-fidelity prototype for a responsive website4 minutes

5 quizzesTotal 134 minutes

Module 2 Challenge60 minutes
Test your knowledge on wireframes versus prototypes4 minutes
Test your knowledge on the basics of mockups6 minutes
Test your knowledge on working with design systems4 minutes
Activity: Create a high-fidelity prototype for a responsive website60 minutes

1 assignmentTotal 6 minutes

Test your knowledge on web accessibility6 minutes

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.

What's included

11 videos4 readings5 quizzes1 peer review1 plugin

11 videosTotal 38 minutes

Collaborate with engineering teams 2 minutesPreview module
Add a project to your portfolio 1 minute
Give and receive feedback as a UX designer5 minutes
The basics of design critique sessions3 minutes
Best practices for design critique sessions3 minutes
Kunal - My experience with design critique sessions3 minutes
Introduction to a mock crit session 2 minutes
Observe a mock crit session 5 minutes
Turn crit session feedback into actions5 minutes
Iterate on mockups based on feedback from crit sessions4 minutes
Wrap-up: Participating in design critique sessions0 minutes

4 readingsTotal 14 minutes

Learn more about portfolio case studies4 minutes
Exemplars: Add a case study to your portfolio4 minutes
Learn more about design critique sessions4 minutes
Glossary terms from course 6, module 32 minutes

5 quizzesTotal 158 minutes

Module 3 Challenge: Participate in design critique sessions60 minutes
Test your knowledge on portfolio case studies8 minutes
Test your knowledge on design critique sessions30 minutes
Self-Reflection: Request feedback on your work30 minutes
Test your knowledge on implementing feedback from crit sessions30 minutes

1 peer reviewTotal 60 minutes

Add a case study to your portfolio60 minutes

1 pluginTotal 15 minutes

Practice giving and receiving design feedback15 minutes

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.

What's included

10 videos9 readings3 quizzes

10 videosTotal 41 minutes

Understand common jobs for UX designers5 minutesPreview module
Explore types of companies that UX designers work at6 minutes
Kenny - Perseverance4 minutes
Identify where to apply for UX design jobs4 minutes
Scan job descriptions for key words5 minutes
Understand UX design resumes 3 minutes
Dane - My advice for UX design resumes3 minutes
Tim - A recruiter's advice for UX design resumes3 minutes
Update a resume based on job descriptions4 minutes
Congratulations on completing Course 6: Build Dynamic User Interfaces (UI) for Websites1 minute

9 readingsTotal 40 minutes

Learn more about jobs in the field of user experience4 minutes
Uncover UX design job opportunities8 minutes
Begin searching for UX jobs using a tracker4 minutes
Elements in a typical UX design resume8 minutes
Draft a UX design resume4 minutes
Glossary terms from course 6, module 42 minutes
Reflect and connect with your peers4 minutes
Course 6 glossary2 minutes
Start the next course4 minutes

3 quizzesTotal 80 minutes

Module 4 Challenge: Document design work and search for jobs60 minutes
Self-Reflection: Share your professional goals and interests10 minutes
Self-Reflection: Think about the information to include in your resume10 minutes

Instructor

Instructor ratings

4.8 (1,012 ratings)

Top Instructor

Google Career Certificates

Google

326 Courses11,880,062 learners

Offered by

Google

Recommended if you're interested in Design and Product

Scrimba
UI Design for Web Developers
Specialization
Google
Design a User Experience for Social Good & Prepare for Jobs
Course
Packt
Building and Managing User Interfaces
Course
Board Infinity
Crafting User Interface - End to End Web Development
Course

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

3,631 reviews

5 stars
84.89%
4 stars
10.60%
3 stars
2.35%
2 stars
0.90%
1 star
1.23%

Showing 3 of 3631

Reviewed on Jan 28, 2022

The best place to learn about UI/UX Designing I am feeling very lucky to being a part of this Google course. Thank you so much & I hope that someday I will be a part of Google..

Reviewed on 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.

Reviewed on 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

View more reviews

New to Design and Product? Start here.

Tips for Writing an Impactful HR Resume

August 19, 2024

Article

How to Write an HR Generalist Resume That Gets Noticed

September 4, 2024

Article

Crafting a Business Intelligence Strategy

February 12, 2025

Article

What Does an HR Business Partner Do? Your 2025 Guide

January 6, 2025

Article

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

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

Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

The course may not offer an audit option. 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.

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. If you only want to read and view the course content, you can audit the course for free.

Build Dynamic User Interfaces (UI) for Websites

What you'll learn

Details to know

See how employees at top companies are mastering in-demand skills

Build your Design and Product expertise

Earn a career certificate

There are 4 modules in this course

Plan a responsive website

What's included

Create and test prototypes

What's included

Participating in design critique sessions

What's included

Document design work and search for jobs

What's included

Instructor

Offered by

Recommended if you're interested in Design and Product

UI Design for Web Developers

Design a User Experience for Social Good & Prepare for Jobs

Building and Managing User Interfaces

Crafting User Interface - End to End Web Development

Why people choose Coursera for their career

Learner reviews

New to Design and Product? Start here.

Tips for Writing an Impactful HR Resume

How to Write an HR Generalist Resume That Gets Noticed

Crafting a Business Intelligence Strategy

What Does an HR Business Partner Do? Your 2025 Guide

Open new doors with Coursera Plus

Advance your career with an online degree

Join over 3,400 global companies that choose Coursera for Business

Frequently asked questions

What is a UX designer?

What background is required?

What tools or platforms are included in the curriculum?

More questions