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

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

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

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

High-Fidelity Design and User Testing with Figma

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

О курсе

In this course, learners will elevate their UX design skills by immersing themselves in high-fidelity design and user testing using Figma, a powerful industry-standard tool. They will learn how to create a comprehensive Design System, develop interactive prototypes, conduct usability tests, and iterate on designs based on user feedback. Throughout the course, learners will continue working on the GreenLeaf Grocers app, transforming their low-fidelity designs into a fully functional, visually appealing, and user-friendly high-fidelity prototype. By the end of this course, learners will be able to: - Create a comprehensive Design System in Figma, ensuring consistency and efficiency in the design process - Develop high-fidelity, interactive prototypes using Figma's advanced features, such as complex interactions and animations - Plan and conduct usability tests to gather valuable user feedback and identify areas for improvement - Analyze usability test results and iterate on designs based on data-driven insights - Prepare design specifications and assets for a smooth handoff to development teams

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

Figma (Design Software)Usability TestingPrototypingStyle GuidesResponsive Web DesignSoftware Design DocumentsUser ExperienceInteraction DesignUI ComponentsUser Interface (UI) DesignDesign SpecificationsUser Interface and User Experience (UI/UX) DesignUsabilitySoftware DocumentationTechnical DocumentationUser Experience DesignWireframing

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

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

01From Low-Fidelity to High-Fidelity Design22 материалов

Lesson 1: Course Introduction and Project Overview

Welcome to High-Fidelity UX Design with FigmaВидеоCourse OverviewЧтениеSetting Up Your Figma WorkspaceВидеоA Guide to the Greenleaf Grocers ProjectЧтение

Lesson 2: Design Systems and Visual Design Principles

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

Heather Emerson

VP, Product Design

High-Fidelity Design and User Testing with Figma
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 13.7 ч

4 модулей

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

Субтитры: Арабский, Французский, Узбекский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
The Power of Design Systems in Sustainable Product DesignВидео
Understanding Design Systems and Visual Design PrinciplesЧтение
Creating a Design System in FigmaВидео
Activity: GreenLeaf Grocers Design System DevelopmentЧтение
Design Systems and Visual Design PrinciplesЗадание
Reflecting on Design System ImpactDIALOGUE

Lesson 3: Responsive Design for Multiple Devices

The Impact of Responsive Design on User EngagementВидеоMastering Responsive Design in FigmaЧтениеCreating Responsive Designs in FigmaВидеоActivity: GreenLeaf Grocers Responsive DesignЧтениеResponsive Design Principles and TechniquesЗаданиеReflecting on Responsive Design ChallengesDIALOGUE

Lesson 4: Creating High-Fidelity Designs

The Journey from Wireframes to High-Fidelity DesignsВидеоTransitioning from Low-Fidelity to High-Fidelity DesignЧтениеCreating High-Fidelity Mockups in FigmaВидеоActivity: Greenleaf Grocers High-Fidelity MockupsЧтениеHigh-Fidelity Design PrinciplesЗаданиеReflecting on Your High-Fidelity MockupDIALOGUE
02Advanced Prototyping and Interaction Design18 материалов

Lesson 1: Information Architecture (IA)

Enhancing the User ExperienceВидеоPrinciples of Effective Information Architecture DesignЧтениеImplementing IA in FigmaВидеоActivity: GreenLeaf Grocers Information ArchitectureЧтениеInformation ArchitectureЗаданиеReflecting on Information ArchitectureDIALOGUE

Lesson 2: Micro Interactions and Visual Design

Delighting Users through Thoughtful InteractionsВидеоMastering Micro-interactions and Visual DelightЧтениеCreating Micro-interactions in FigmaВидеоActivity: Greenleaf Grocers Micro-interaction DesignЧтениеMicro-interactions and Visual Delight ЗаданиеEvaluating the Impact of Micro-interactionsDIALOGUE

Lesson 3: High-fidelity Prototyping Techniques

Elevating User Experience with Advanced PrototypingВидеоAdvanced Prototyping Strategies in FigmaЧтениеBuilding Complex, Interactive Prototypes in FigmaВидеоActivity: GreenLeaf Grocers Advanced PrototypeЧтениеAdvanced Prototyping in FigmaЗаданиеEvaluating Prototype ExperienceDIALOGUE
03Usability Testing and Iteration12 материалов

Lesson 1: Planning and Conducting Usability Tests

The Impact of Usability Testing on Product SuccessВидеоUsability Testing Methodologies and Best PracticesЧтениеPlanning a Usability Test in FigmaВидеоActivity: GreenLeaf Grocers Usability Test Plan and ExecutionЧтениеUsability Testing FundamentalsЗаданиеEvaluating Usability Testing PlanDIALOGUE

Lesson 2: Analyzing Results and Iterating Designs

From User Feedback to Improved DesignВидеоAnalyzing Usability Data and Iterative DesignЧтениеIterating Designs in Figma Based on Usability FeedbackВидеоActivity: Usability Analysis and Design IterationЧтениеTesting data and analysisЗаданиеReflecting on the Iteration ProcessDIALOGUE
04Design Specifications and Handoff13 материалов

Lesson 1: Creating Design Documentation and Specifications

The Crucial Role of Design Documentation in DevelopmentВидеоCreating Effective Design Documentation and SpecificationsЧтениеGenerating Design Specs and Assets in FigmaВидеоActivity: GreenLeaf Grocers Design Documentation and Handoff PackageЧтениеDesign Documentation and Handoff Best PracticesЗаданиеReflecting on the Design DocumentationDIALOGUE

Lesson 2: Developing a UX Case Study

The Power of Storytelling in UX Case StudiesВидеоCrafting Compelling UX Case StudiesЧтениеBuilding a UX Case Study Presentation in FigmaВидеоActivity: GreenLeaf Grocers UX Case StudyЧтениеEffective UX Case Study PresentationЗаданиеPreparing for Case Study PresentationDIALOGUE
End of Course Wrap UpВидео