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

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

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

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Build Wireframes and Low-Fidelity Prototypes · LearnSpace
Назад в каталог
courseraПрограммирование

Build Wireframes and Low-Fidelity Prototypes

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

О курсе

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.

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

Figma (Design Software)WireframingDesign Elements And PrinciplesInformation ArchitecturePrototypingStoryboardingUser Experience DesignPersona (User Experience)User Interface and User Experience (UI/UX) DesignUser Interface (UI)Interaction DesignUser ExperienceUser ResearchUser Story

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

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

01Storyboarding and wireframing 25 материалов

Introduction to Course 3

Introduction to Course 3: Build Wireframes and Low-Fidelity PrototypesВидеоWelcome to Course 3ЧтениеHelpful resources and tipsЧтениеOptional - Read this if it’s your first course in the certificate programЧтение

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

Google Career Certificates

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

Build Wireframes and Low-Fidelity Prototypes
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 12 ч

3 модулей

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

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

Часть программы вашего университета
Changes to Figma’s UIЧтение
Introduction to prototypesЧтение
Karen - My path to UX designВидео

Outline user flows

Introduction to user flows ВидеоOutline a user flowЧтениеSelf-Reflection: Consider the user flow for an appЗаданиеReview: Outline the user flow for projectsЧтение

Create storyboards

Introduction to storyboarding user flowsВидеоUnderstand the two types of storyboards ВидеоLearn more about creating storyboardsЧтениеTest your knowledge of storyboardsЗаданиеReview: Create project storyboardsЧтение

Get started with wireframes

Introduction to wireframesВидеоTest your knowledge of design fidelity ЗаданиеStart drawingВидеоDraw your first wireframeВидеоUnderstand the benefits of wireframingВидеоReview: Create wireframes by drawing a favorite appЧтение

Module 1 review

Wrap-up: Storyboarding and wireframing ВидеоGlossary terms from course 3, module 1ЧтениеModule 1 ChallengeЗадание
02Creating paper and digital wireframes19 материалов

Understand information architecture

Welcome to module 2ВидеоThe basics of information architecture (IA) ВидеоDesigning the information architecture of appsЧтениеTest your knowledge on information architectureЗадание

Create paper wireframes

Create paper wireframesВидеоReview: Create paper wireframesЧтение

Create digital wireframes

Transition from paper to digital wireframesВидеоIntroduction to FigmaВидеоCreate a Figma accountЧтениеCreate digital wireframes in Figma ВидеоOptional - Learn from Figma: Create wireframes for an appВидеоErika - Tools of the tradeВидео

Use Gestalt Principles in wireframes

Use Gestalt Principles when creating wireframes ВидеоLearn more about using Gestalt Principles in wireframesЧтениеTest your knowledge on Gestalt PrinciplesЗадание

Module 2 review

Wrap-up: Creating paper and digital wireframesВидеоGlossary terms from course 3, module 2ЧтениеCoach dialogue: Transition from paper to digital wireframesDIALOGUEModule 2 ChallengeЗадание
03Building low-fidelity prototypes37 материалов

Create low-fidelity prototypes on paper

Welcome to module 3ВидеоLearn about low-fidelity prototypesВидеоTest your knowledge of low-fidelity prototypesЗаданиеCreate a paper prototypeВидеоCreative ways to make paper prototypesЧтениеMarvel's Prototyping on paper tool Чтение

Build low-fidelity prototypes digitally

Introduction to building low-fidelity prototypes in FigmaВидеоBuild low-fidelity prototypes in FigmaВидеоOptional - Learn from Figma: Create prototypes ВидеоLearn more about lo-fi prototyping in Figma ЧтениеReview: Create a low-fidelity prototype in FigmaЧтениеAccess Figma prototypes on mobile devices Чтение

Understand ethical and inclusive design

Recognize implicit bias in designВидеоAyan - Bias in UX design work ВидеоLearn more about bias in UX design - and how to avoid itЧтениеSelf-Reflection: Your own biasesЗаданиеIdentify deceptive patterns in UX designВидеоAvoid deceptive patterns Чтение

Module 3 review

Wrap-up: Building low-fidelity prototypesВидеоGlossary terms from course 3, module 3ЧтениеModule 3 ChallengeЗадание

Course 3 portfolio project

Portfolio project guide for creating lo-fi prototypesЧтениеActivity: Create storyboards for your portfolio projectЗаданиеActivity: Create digital wireframes for your portfolio projectЗаданиеExemplars: Create digital wireframes for your portfolio projectЧтениеActivity: Build a low-fidelity mobile prototype for your portfolio projectЗаданиеExemplars: Build a low-fidelity mobile prototype for your portfolio projectЧтение

Course review

Reflect and connect with your peersЧтениеCourse 3 glossaryЧтениеCongratulations on completing Course 3: Build Wireframes and Low-Fidelity PrototypesВидеоStart the next courseЧтение
Explore the effects of designs that deceive Видео
Understand deceptive patternsPLUGIN
Understand the attention economy Чтение
Understand your impact as a UX designerЧтение
Learn more about ethical design Чтение
Priya - The importance of equitable designВидео