VOOZH about

URL: https://www.coursera.org/learn/high-fidelity-design-and-user-testing-with-figma

⇱ High-Fidelity Design and User Testing with Figma | Coursera

High-Fidelity Design and User Testing with Figma

Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

High-Fidelity Design and User Testing with Figma

Included with

Gain insight into a topic and learn the fundamentals.
Intermediate level

Recommended experience

1 week to complete
at 10 hours a week
Flexible schedule
Learn at your own pace
Gain insight into a topic and learn the fundamentals.
Intermediate level

Recommended experience

1 week to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

Build your Design and Product expertise

This course is part of the Figma, Sketch & Miro for UX Design Professional Certificate
When you enroll in this course, you'll also be enrolled in this Professional Certificate.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate from Coursera

There are 4 modules in this course

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.

What's included

8 videos8 readings3 assignments

8 videos•Total 21 minutes
  • Welcome to High-Fidelity UX Design with Figma•2 minutes
  • Setting Up Your Figma Workspace•3 minutes
  • The Power of Design Systems in Sustainable Product Design•1 minute
  • Creating a Design System in Figma•4 minutes
  • The Impact of Responsive Design on User Engagement•1 minute
  • Creating Responsive Designs in Figma•5 minutes
  • The Journey from Wireframes to High-Fidelity Designs•1 minute
  • Creating High-Fidelity Mockups in Figma•4 minutes
8 readings•Total 200 minutes
  • Course Overview•30 minutes
  • A Guide to the Greenleaf Grocers Project•30 minutes
  • Understanding Design Systems and Visual Design Principles•30 minutes
  • Activity: GreenLeaf Grocers Design System Development•30 minutes
  • Mastering Responsive Design in Figma•30 minutes
  • Activity: GreenLeaf Grocers Responsive Design•30 minutes
  • Transitioning from Low-Fidelity to High-Fidelity Design•10 minutes
  • Activity: Greenleaf Grocers High-Fidelity Mockups•10 minutes
3 assignments•Total 35 minutes
  • Design Systems and Visual Design Principles•10 minutes
  • Responsive Design Principles and Techniques•10 minutes
  • High-Fidelity Design Principles•15 minutes

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.

What's included

6 videos6 readings3 assignments

6 videos•Total 14 minutes
  • Enhancing the User Experience•1 minute
  • Implementing IA in Figma•3 minutes
  • Delighting Users through Thoughtful Interactions•1 minute
  • Creating Micro-interactions in Figma•5 minutes
  • Elevating User Experience with Advanced Prototyping•1 minute
  • Building Complex, Interactive Prototypes in Figma•3 minutes
6 readings•Total 180 minutes
  • Principles of Effective Information Architecture Design•30 minutes
  • Activity: GreenLeaf Grocers Information Architecture•30 minutes
  • Mastering Micro-interactions and Visual Delight•30 minutes
  • Activity: Greenleaf Grocers Micro-interaction Design•30 minutes
  • Advanced Prototyping Strategies in Figma•30 minutes
  • Activity: GreenLeaf Grocers Advanced Prototype•30 minutes
3 assignments•Total 35 minutes
  • Information Architecture•10 minutes
  • Micro-interactions and Visual Delight •10 minutes
  • Advanced Prototyping in Figma•15 minutes

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.

What's included

4 videos4 readings2 assignments

4 videos•Total 9 minutes
  • The Impact of Usability Testing on Product Success•1 minute
  • Planning a Usability Test in Figma•4 minutes
  • From User Feedback to Improved Design•1 minute
  • Iterating Designs in Figma Based on Usability Feedback•2 minutes
4 readings•Total 120 minutes
  • Usability Testing Methodologies and Best Practices•30 minutes
  • Activity: GreenLeaf Grocers Usability Test Plan and Execution•30 minutes
  • Analyzing Usability Data and Iterative Design•30 minutes
  • Activity: Usability Analysis and Design Iteration•30 minutes
2 assignments•Total 25 minutes
  • Usability Testing Fundamentals•10 minutes
  • Testing data and analysis•15 minutes

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.

What's included

5 videos4 readings2 assignments

5 videos•Total 9 minutes
  • The Crucial Role of Design Documentation in Development•1 minute
  • Generating Design Specs and Assets in Figma•2 minutes
  • The Power of Storytelling in UX Case Studies•1 minute
  • Building a UX Case Study Presentation in Figma•3 minutes
  • End of Course Wrap Up•1 minute
4 readings•Total 120 minutes
  • Creating Effective Design Documentation and Specifications•30 minutes
  • Activity: GreenLeaf Grocers Design Documentation and Handoff Package•30 minutes
  • Crafting Compelling UX Case Studies•30 minutes
  • Activity: GreenLeaf Grocers UX Case Study•30 minutes
2 assignments•Total 25 minutes
  • Design Documentation and Handoff Best Practices•10 minutes
  • Effective UX Case Study Presentation•15 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

2 Courses•6,098 learners

Explore more from Design and Product

Why people choose Coursera for their career

👁 Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
👁 Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
👁 Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
👁 Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Frequently asked questions

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.

Financial aid available,