High-Fidelity Design and User Testing with Figma

本课程是 Figma, Sketch & Miro for UX Design 专业证书的一部分

位教师：Heather Emerson

包含在 Coursera Plus 中

了解更多

4个模块

深入了解一个主题并学习基础知识。

中级等级

推荐体验

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

4个模块

深入了解一个主题并学习基础知识。

中级等级

推荐体验

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

10 项作业

授课语言：英语（English）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累 Design and Product 领域的专业知识

本课程是 Figma, Sketch & Miro for UX Design 专业证书专项课程的一部分

在注册此课程时，您还会同时注册此专业证书。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
通过 Coursera 获得可共享的职业证书

该课程共有4个模块

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

Focus on refining low-fidelity wireframes based on feedback, developing a comprehensive Design System for the GreenLeaf Grocers app, and creating high-fidelity mockups using Figma to ensure visually appealing and functional interfaces.

涵盖的内容

8个视频8篇阅读材料3个作业3个插件

8个视频总计21分钟

Welcome to High-Fidelity UX Design with Figma1分钟
Setting Up Your Figma Workspace2分钟
The Power of Design Systems in Sustainable Product Design0分钟
Creating a Design System in Figma4分钟
The Impact of Responsive Design on User Engagement1分钟
Creating Responsive Designs in Figma5分钟
The Journey from Wireframes to High-Fidelity Designs1分钟
Creating High-Fidelity Mockups in Figma4分钟

8篇阅读材料总计200分钟

Course Overview30分钟
A Guide to the Greenleaf Grocers Project30分钟
Understanding Design Systems and Visual Design Principles30分钟
Activity: GreenLeaf Grocers Design System Development30分钟
Mastering Responsive Design in Figma30分钟
Activity: GreenLeaf Grocers Responsive Design30分钟
Transitioning from Low-Fidelity to High-Fidelity Design10分钟
Activity: Greenleaf Grocers High-Fidelity Mockups10分钟

3个作业总计35分钟

Design Systems and Visual Design Principles10分钟
Responsive Design Principles and Techniques10分钟
High-Fidelity Design Principles15分钟

3个插件总计30分钟

Reflecting on Design System Impact15分钟
Reflecting on Responsive Design Challenges0分钟
Reflecting on Your High-Fidelity Mockup15分钟

Learn to design intuitive navigation systems and micro-interactions, implement responsive design principles, and utilize Figma's advanced prototyping features to create complex, high-fidelity interactive prototypes for the GreenLeaf Grocers app.

涵盖的内容

6个视频6篇阅读材料3个作业3个插件

6个视频总计14分钟

Enhancing the User Experience1分钟
Implementing IA in Figma3分钟
Delighting Users through Thoughtful Interactions0分钟
Creating Micro-interactions in Figma5分钟
Elevating User Experience with Advanced Prototyping0分钟
Building Complex, Interactive Prototypes in Figma3分钟

6篇阅读材料总计180分钟

Principles of Effective Information Architecture Design30分钟
Activity: GreenLeaf Grocers Information Architecture30分钟
Mastering Micro-interactions and Visual Delight30分钟
Activity: Greenleaf Grocers Micro-interaction Design30分钟
Advanced Prototyping Strategies in Figma30分钟
Activity: GreenLeaf Grocers Advanced Prototype30分钟

3个作业总计35分钟

Information Architecture10分钟
Micro-interactions and Visual Delight 10分钟
Advanced Prototyping in Figma15分钟

3个插件

Reflecting on Information Architecture0分钟
Evaluating the Impact of Micro-interactions0分钟
Evaluating Prototype Experience0分钟

Develop and execute a usability testing plan, gather qualitative and quantitative feedback, analyze test results, and implement design iterations to improve the GreenLeaf Grocers app based on user insights.

涵盖的内容

4个视频4篇阅读材料2个作业2个插件

4个视频总计8分钟

The Impact of Usability Testing on Product Success1分钟
Planning a Usability Test in Figma4分钟
From User Feedback to Improved Design1分钟
Iterating Designs in Figma Based on Usability Feedback2分钟

4篇阅读材料总计120分钟

Usability Testing Methodologies and Best Practices30分钟
Activity: GreenLeaf Grocers Usability Test Plan and Execution30分钟
Analyzing Usability Data and Iterative Design30分钟
Activity: Usability Analysis and Design Iteration30分钟

2个作业总计25分钟

Usability Testing Fundamentals10分钟
Testing data and analysis15分钟

2个插件

Evaluating Usability Testing Plan0分钟
Reflecting on the Iteration Process0分钟

Create detailed design documentation, generate accurate specifications for developers using Figma's inspection tools, prepare design assets for development handoff, and develop a compelling UX case study presentation showcasing the entire design process for the GreenLeaf Grocers app.

涵盖的内容

5个视频4篇阅读材料2个作业2个插件

5个视频总计8分钟

The Crucial Role of Design Documentation in Development1分钟
Generating Design Specs and Assets in Figma2分钟
The Power of Storytelling in UX Case Studies1分钟
Building a UX Case Study Presentation in Figma3分钟
End of Course Wrap Up0分钟

4篇阅读材料总计120分钟

Creating Effective Design Documentation and Specifications30分钟
Activity: GreenLeaf Grocers Design Documentation and Handoff Package30分钟
Crafting Compelling UX Case Studies30分钟
Activity: GreenLeaf Grocers UX Case Study30分钟

2个作业总计25分钟

Design Documentation and Handoff Best Practices10分钟
Effective UX Case Study Presentation15分钟

2个插件

Reflecting on the Design Documentation0分钟
Preparing for Case Study Presentation0分钟

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

Heather Emerson

Coursera

2 门课程3,351 名学生

提供方

Coursera

从 Design and Product 浏览更多内容

状态：免费试用
Google
Create High-Fidelity Designs and Prototypes in Figma
课程
状态：免费试用
Coursera
Discovery and Low-Fidelity Design with Figma
课程
Coursera Project Network
Create a High-Fidelity Prototype with Figma
指导项目
状态：免费试用
Coursera
High-Fidelity Design and User Testing with Sketch
课程

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

自 2018开始学习的学生

''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'

Jennifer J.

自 2020开始学习的学生

''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'

Larry W.

自 2021开始学习的学生

''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'

Chaitanya A.

''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'

通过 Coursera Plus 开启新生涯

无限制访问 10,000+ 世界一流的课程、实践项目和就业就绪证书课程 - 所有这些都包含在您的订阅中

了解更多

通过在线学位推动您的职业生涯

获取世界一流大学的学位 - 100% 在线

探索学位

加入超过 3400 家选择 Coursera for Business 的全球公司

提升员工的技能，使其在数字经济中脱颖而出

了解更多

常见问题

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. 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.