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

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

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

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

Interactive Prototyping

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

О курсе

Learn how to transform static designs into interactive experiences through practical prototyping techniques used in UX design. In this course, you’ll explore how prototypes communicate user flows, interface behavior, and interaction patterns. You’ll learn to create low-fidelity interactive prototypes that visualize early design concepts and demonstrate how users move through a product. Using a UI/UX design workspace such as Figma and other prototyping tools, you’ll build click-through models and interactive prototypes from wireframes and design mockups. You’ll also develop focused prototypes for individual UI components and micro-interactions, helping illustrate how specific interface elements behave within a user journey. This multi-author experience brings together insights from several industry experts, exposing you to different prototyping workflows used across UX teams. Ideal for aspiring UX designers who want to strengthen their ability to communicate design ideas through interactive prototypes.

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

UI ComponentsPrototypingFigma (Design Software)User Interface and User Experience (UI/UX) DesignUser Interface (UI) DesignDesign Elements And PrinciplesMockupsInteraction DesignTypographyUser Interface (UI)Interactive DesignUser ExperienceAnimationsUser Experience DesignUser Flows

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

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

01Start Here: Get Oriented and Check Your Skills2 материалов
Start Here: How This Skill-Based Course WorksЧтениеSkill Diagnostic: Find Your Recommended Starting PointЗадание
02Building Intuitive Interfaces with Micro Interactions6 материалов

Understanding Micro Interactions and Basic UI Elements

Introduction to Micro Interactions in FigmaВидео

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

Professionals from the Industry

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

Interactive Prototyping
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 13.2 ч

7 модулей

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

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

Часть программы вашего университета
Toggle SwitchВидео
Quiz on Understanding Micro Interactions and Basic UI ElementsЗадание

Enhancing Navigation with Interactive Menus

Side Bar MenuВидеоPage Bottom BarВидеоQuiz on Enhancing Navigation with Interactive MenusЗадание
03Interactive Prototypes15 материалов

The power of interaction

Introduction: Interactive prototypesВидеоWhy interactive prototypes matterВидеоWhen to use interactive prototypesЧтениеFrom mockup to prototype: Adding magicВидеоThe power of interactionЗадание

Unveiling prototype tools

Exploring popular prototyping toolsВидеоChoosing the right prototyping toolЧтениеBringing your mockups to lifeВидеоPrototyping tutorialВидеоUnveiling prototype toolsЗадание

Refining your prototype

Polishing for clarity and usabilityВидеоDesigning for usability in prototypesЧтениеCase study: Iterative prototypingЗаданиеRefining your prototypeЗаданиеProject: Interactive prototype for the grocery shopping appЗадание
04Starting to create mockups 40 материалов

Introduction

Kunal - My journey to UXВидео

Begin to create a mockup

WelcomeВидеоIntroduction to mockups ВидеоChikezie - Transition from low-fidelity to high-fidelity designs ВидеоFoundational skills to build mockups in FigmaЧтениеReview: Use low-fidelity designs to start project mockupsЧтение

Use typography in mockups

Introduction to foundational elements of visual design ВидеоTypography in UX designВидеоThe importance of typography ВидеоTest your knowledge of typographyЗаданиеWork with type in mockupsЧтениеAdd product copy to mockupsЧтение

Use color in mockups

Color in UX designВидеоTest your knowledge on colorЗаданиеWork with color in mockups ЧтениеAccessibility considerations for colorЧтениеReview: Add color to project mockupsЧтение

Use iconography in mockups

Iconography in UX designВидеоWork with icons in mockups ЧтениеReview: Add icons to project mockupsЧтениеBuild a mockup from foundational elementsPLUGINLearn about more visual design elements ЧтениеAdd images to your mockupsВидео

Understand page layouts - grids and containment

Introduction to layoutsВидеоUse grids to guide layouts ВидеоCreate grids in mockupsЧтениеReview: Create grids in project mockupsЧтениеUse containment in layoutsВидеоCreate containment in mockupsЧтение

Understand page layouts - negative space

Use negative (white) space in layoutsВидеоUse negative space in mockupsЧтениеTest your knowledge on containment and negative space in designPLUGINReview: Revise project mockups by adding negative spaceЧтениеCommon design patterns in appsЧтениеSelf-Reflection: Share what you've learned about page layoutsЗадание

Review

Glossary terms Чтение
05Skills Assessment 13 материалов

Lesson

Practice for UX Prototype Fidelity SelectionЗаданиеLearner Expectations for AssessmentЧтениеCheckpoint 1 of 2 - UX Prototype Fidelity SelectionЗадание
06Creating High-fidelity Prototypes17 материалов

Understand high-fidelity prototypes

Introduction to high-fidelity prototypes ВидеоCreate a high-fidelity prototype in Figma ВидеоTest your knowledge on creating a high-fidelity prototype in FigmaЗадание

Explore gestures and motion

Gestures and motion in UX design ВидеоExplore types of gestures and motion ЧтениеAdd gestures and motion in Figma Видео Follow-along guide: Add gestures and motion in FigmaЧтениеTest your knowledge on gestures and motionЗаданиеLearn more about prototyping in Figma ЧтениеAccessibility considerations for gestures and motion ВидеоSelf Reflection: Address accessibility considerations when designing with motion ЗаданиеJen - Design with accessibility in mindВидеоLearn from Figma - Prototype interactions and feedback ВидеоAdditional ways to enhance high-fidelity prototypesЧтение

Review

Glossary termsЧтениеActivity: Create a high-fidelity prototype for your mobile appЗаданиеExemplars: Create a high-fidelity prototype for your mobile appЧтение
07Skills Assessment 23 материалов

Lesson

Practice for UX Prototyping Approach SelectionЗаданиеLearner Expectations for AssessmentЧтениеCheckpoint 2 of 2 - UX Prototyping Approach SelectionЗадание
Review: Add typography to project mockupsЧтение
Find stock images for mockupsЧтение
Additional design considerationsЧтение
Review: Create containment in project mockupsЧтение