High-Fidelity Design and User Testing with Figma

Overview

Coursera Plus Monthly Sale: All Certificates & Courses 40% Off!

Grab it

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

Syllabus

From Low-Fidelity to High-Fidelity Design

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.

Advanced Prototyping and Interaction Design

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.

Usability Testing and Iteration

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.

Design Specifications and Handoff

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.