К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Build Dynamic User Interfaces (UI) for Websites · LearnSpace
Назад в каталог
courseraПрограммирование

Build Dynamic User Interfaces (UI) for Websites

Курс от Google
Начальный≈ 15.7 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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.

Навыки, которые вы освоите

WireframingUser Interface (UI) DesignResponsive Web DesignDesign ReviewsUsability TestingUser Experience DesignPrototypingInformation ArchitectureMockupsUser Interface and User Experience (UI/UX) DesignUser ExperienceSoftware Design DocumentsLayout DesignDesign ResearchFigma (Design Software)User Centered DesignWeb DesignUser Research

Программа курса

4 модулей · 99 учебных материалов

01Plan a responsive website37 материалов

Introduction to Course 6

Welcome to Course 6ЧтениеHelpful resources and tipsЧтениеUnderstand responsive websitesВидеоTest your knowledge on responsive website design Задание

Учитесь у экспертов

Google Career Certificates

Преподаватель курса

Build Dynamic User Interfaces (UI) for Websites
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 15.7 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Украинский, Бразильский португальский, Корейский, Немецкий, Индонезийский, Турецкий, Испанский, Японский

Часть программы вашего университета
Differentiate between dedicated mobile apps and responsive web appsВидео
Understand dedicated mobile apps and responsive web appsPLUGIN

Plan information architecture

Plan information architecture for a websiteВидеоLearn more about information architectureЧтениеExplore common website structures ВидеоExplore website structuresPLUGINTest your knowledge on website structures ЗаданиеExplore sitemapsВидеоBuild a sitemap for your websiteВидеоLearn more about building a sitemapЧтениеActivity: Create a sitemap for a websiteЗадание

Create paper wireframes

Explore common layouts for website home pagesВидеоLearn more about common website layoutsЧтениеIdentify the website layoutPLUGINThe basics of wireframes ВидеоLearn more about wireframesЧтениеReview: Create paper wireframes for a responsive websiteЧтение

Plan responsive web pages

Plot a responsive layoutВидеоLearn more about plotting responsive layoutsЧтениеAdjust page layouts based on screen sizeВидеоCommon elements used in responsive designЧтениеExplore responsive website designPLUGIN

Create digital wireframes

Transition from paper to digital wireframesВидеоReview: Create digital wireframes for a desktop screen sizeЧтениеExemplars: Create digital wireframes for a desktop screen sizeЧтениеReview: Create wireframes for additional screen sizesЧтение

Refine wireframes

Refine wireframes to enhance accessibilityВидеоEvaluate wireframes using Gestalt PrinciplesВидеоLearn more about Gestalt Principles in wireframesЧтение

Module 1 review

Wrap-up: Creating wireframes for a responsive website ВидеоGlossary terms from course 6, module 1ЧтениеActivity: Refine wireframes to meet standardsЗаданиеModule 1 ChallengeЗадание
02Create and test prototypes27 материалов

Create a low-fidelity prototype for responsive website

Understand low-fidelity prototypesВидеоTest your knowledge on wireframes versus prototypesЗаданиеReview: Create a low-fidelity prototype for your responsive websiteЧтениеExemplars: Create a low-fidelity prototype for your responsive websiteЧтение

Review best practices for creating mockups

Begin to design mockupsВидеоReview foundational elements of visual designЧтениеReview how to arrange elements in mockupsЧтениеReview visual design principlesЧтениеTest your knowledge on the basics of mockupsЗадание

Review how to work with design systems

Work with design systemsВидеоTest your knowledge on working with design systemsЗаданиеLearn more about design systemsЧтениеReview: Create a sticker sheet in FigmaЧтение

Review how to create mockups

Review: Create mockups for a websiteЧтениеCreate mockups for a mobile website in FigmaЧтениеReview: Create a mockup for the homepage of a mobile websiteЧтение

Create a high-fidelity prototype

Review: Introduction to high-fidelity prototypes ВидеоReview: Create a high-fidelity prototype in Figma ВидеоAnnotate prototypes for web accessibilityВидеоLearn more about web accessibilityЧтениеTest your knowledge on web accessibilityЗадание

Module 2 review

Wrap-up: Creating and testing high-fidelity designsВидеоGlossary terms from course 6, module 2ЧтениеActivity: Create a high-fidelity prototype for a responsive websiteЗаданиеExemplars: Create a high-fidelity prototype for a responsive websiteЧтениеCoach dialogue: How to discuss your prototype in job interviewsDIALOGUEModule 2 ChallengeЗадание
03Participating in design critique sessions16 материалов

Give and receive design feedback

Give and receive feedback as a UX designerВидеоPractice giving and receiving design feedbackPLUGIN

Explore design critique sessions

The basics of design critique sessionsВидеоBest practices for design critique sessionsВидеоLearn more about design critique sessionsЧтениеTest your knowledge on design critique sessionsЗаданиеKunal - My experience with design critique sessionsВидеоSelf-Reflection: Request feedback on your workЗадание

Observe a mock crit session

Introduction to a mock crit session ВидеоObserve a mock crit session Видео

Implement feedback from crit sessions

Turn crit session feedback into actionsВидеоIterate on mockups based on feedback from crit sessionsВидеоTest your knowledge on implementing feedback from crit sessionsЗадание

Module 3 Review

Wrap-up: Participating in design critique sessionsВидеоGlossary terms from course 6, module 3ЧтениеModule 3 ChallengeЗадание
04Document design work and search for jobs19 материалов

Search for UX jobs and design a resume

Understand common jobs for UX designersВидеоLearn more about jobs in the field of user experienceЧтениеExplore types of companies that UX designers work atВидеоSelf-Reflection: Share your professional goals and interestsЗаданиеKenny - PerseveranceВидеоElements in a typical UX design resumeЧтениеDane - My advice for UX design resumesВидеоTim - A recruiter's advice for UX design resumesВидео

Module 4 review

Glossary terms from course 6, module 4ЧтениеModule 4 ChallengeЗадание

Course 6 portfolio project

Collaborate with engineering teams ВидеоAdd a project to your portfolio ВидеоActivity: Add a case study to your portfolioЗаданиеExemplars: Add a case study to your portfolioЧтениеTest your knowledge on portfolio case studiesЗадание

Course review

Reflect and connect with your peersЧтениеCourse 6 glossaryЧтениеCongratulations on completing Course 6: Build Dynamic User Interfaces (UI) for WebsitesВидеоStart the next courseЧтение