Création de designs et de prototypes haute fidélité dans Figma from Coursera

Créer des conceptions et des prototypes haute-fidélité dans Figma est le cinquième cours de cette formation certifiante qui vous dotera des compétences dont vous avez besoin pour postuler à des emplois de premier niveau dans le domaine de la conception d'expérience utilisateur (UX). Dans ce cours, vous suivrez des tutoriels étape par étape pour apprendre à créer des conceptions haute-fidélité, appelées maquettes, dans Figma, un outil de conception courant. Ensuite, vous transformerez ces conceptions en un prototype interactif qui fonctionne comme un produit fini. Vous effectuerez des recherches pour recueillir des commentaires sur vos conceptions et apporter des améliorations. Enfin, vous apprendrez à partager vos conceptions avec les équipes de développement et à mettre en valeur votre travail dans votre portfolio UX professionnel.

Des concepteurs et chercheurs UX de Google vous serviront d’instructeurs. Vous réaliserez des travaux pratiques simulant des scénarios de conception UX. Les apprenants qui termineront les sept cours de ce programme de formation seront aptes à postuler aux emplois de concepteurs UX débutants.

À la fin de ce cours, vous serez capables de :

- Construire des maquettes et des prototypes haute-fidélité dans Figma ;

- Définir et appliquer des éléments et des principes de conception visuelle courants aux conceptions ;

- Démontrer comment les systèmes de conception peuvent être utilisés pour organiser, standardiser et améliorer les conceptions ;

- Comprendre le rôle des sessions de critique de conception et des commentaires lors de l'itération des conceptions ;

- Apprendre comment transmettre les projets de conception terminés aux équipes d’ingénierie ;

- Finaliser les conceptions complètes d'applications mobiles pour les inclure dans un portfolio UX professionnel.

Ce cours convient aux concepteurs UX de niveau débutant qui ont suivi les quatre cours précédents du certificat Google de conception UX. Alternativement, les apprenants qui n'ont pas terminé les cours précédents doivent avoir une solide compréhension du processus de conception, de la création des conceptions basse-fidélité sur papier et dans Figma, et de la conduite des études de facilité d'utilisation.

What's inside

Syllabus

Commencer à créer des maquettes

Concentrez-vous sur le Visual design, c'est-à-dire la façon dont un produit ou une technologie apparaît aux utilisateurs. Dans cette partie du cours, vous commencerez à créer des maquettes, qui sont des designs haute fidélité qui représentent un produit final. Pour créer des maquettes, vous utiliserez des éléments de Visual design, comme la typographie, la couleur et l'iconographie. Les éléments sont souvent organisés en mises en page à l'aide de méthodes telles que les grilles, le confinement et l'espace négatif. Vous appliquerez tous ces apprentissages de Visual design pour vous construire les designs de l'application mobile sur lesquelles vous avez travaillé tout au long du programme de certificat.

Appliquer les principes de Visual design aux maquettes

Dans cette partie du cours, vous utiliserez les principes de Visual design pour affiner les maquettes. Tout d'abord, vous utiliserez l'emphase pour guider les utilisateurs vers les parties les plus importantes d'une page. Ensuite, vous appliquerez la hiérarchie, l'échelle et la proportion pour organiser les éléments sur chaque page de votre application. Ensuite, vous considérerez l'unité et la variété pour aider les éléments de votre application à fonctionner ensemble ou à se démarquer. Enfin, vous revisiterez les principes de la Gestalt, tels que la similarité, la proximité et la région commune, pour aider les utilisateurs à interpréter facilement vos designs.

Explorer les design systems

Venez explorer le monde des design systems ! Dans cette partie du cours, vous découvrirez les parties d'un design system, ainsi que les avantages de l'utilisation d'un design system. Vous examinerez les design systems de diverses entreprises et vous aurez l'occasion de les utiliser dans vos propres maquettes. Vous apprendrez également à utiliser et à créer des feuilles d'autocollants dans Figma.

Participer à des sessions de critique de design

Donner, recevoir et mettre en œuvre un feedback est une partie nécessaire du processus de design UX. Dans cette partie du cours, vous explorerez des méthodes efficaces pour donner et recevoir un feedback. Vous en apprendrez également davantage sur les sessions de critique de design, qui constitueront une partie importante de votre premier emploi en tant que designer UX. Enfin, vous apprendrez à transformer le feedback en mesures concrètes que vous pouvez prendre pour réviser les designs.

Créer des prototypes haute-fidélité

Vous êtes prêt à construire des prototypes haute-fidélité dans Figma ! En suivant six étapes, vous transformerez vos maquettes en un prototype prêt à être testé. De plus, vous explorerez deux nouveaux concepts, les gestes et les mouvements, qui peuvent contribuer à enrichir l'expérience utilisateur et à accroître la convivialité des prototypes.

Test et itération des designs

Maintenant que vous avez un prototype haute-fidélité, il est temps de tester vos designs. Pour commencer, vous allez mener une étude d'utilisabilité afin de tester votre prototype haute-fidélité d'application mobile. Vous analyserez le feedback que vous recevrez pour obtenir des informations exploitables et itérer vos designs. Ensuite, vous apprendrez à transmettre les designs à des ingénieurs pour la production. Enfin, vous allez transformer tout ce que vous avez appris sur la recherche utilisateur, les idées, les wireframes, les designs et les prototypes en une étude de cas pour votre portfolio UX professionnel.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Approfondit les principes et éléments du design visuel, qui sont essentiels à la conception d'interfaces utilisateur efficaces

Fournit des instructions étape par étape pour créer des maquettes haute fidélité et des prototypes interactifs dans Figma, un outil de conception de premier plan

Enseigne des méthodes éprouvées pour recueillir des commentaires sur les conceptions et les améliorer grâce à l'itération

Explore les systèmes de conception, qui peuvent contribuer à la cohérence et à l'efficacité de la conception

Prépare les élèves à des rôles de concepteur UX débutant en leur fournissant des compétences pratiques et une compréhension approfondie du processus de conception UX

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Création de designs et de prototypes haute fidélité dans Figma with these activities:

Pratiquer les logiciels de conception

Show steps

Rafraîchissez vos compétences dans les logiciels de conception pour vous assurer que vous êtes à l’aise avec les outils et les techniques utilisés dans le cours.

Browse courses on Figma

Show steps

Ouvrez Figma ou un autre logiciel de conception.
Créez une nouvelle conception ou ouvrez un fichier existant.
Pratiquez l’utilisation des outils et des fonctionnalités du logiciel.

Organiser les notes de cours et les ressources

Show steps

Restez organisé en rassemblant et en organisant vos notes de cours, vos devoirs et vos ressources supplémentaires, ce qui vous permettra de revoir facilement le matériel et de préparer vos examens.

Show steps

Créez un dossier pour ce cours.
Créez des sous-dossiers pour les différents modules ou sujets.
Classez vos notes, devoirs et ressources dans les sous-dossiers appropriés.

Exercices de prototypage avec Figma

Show steps

Améliorez vos compétences en prototypage en pratiquant la création de prototypes interactifs dans Figma, ce qui vous permettra de tester vos conceptions et d’obtenir des commentaires.

Show steps

Suivez le tutoriel de prototypage de Figma.
Créez un prototype pour une fonctionnalité d’application mobile simple.
Testez le prototype et recueillez des commentaires.
Itérez le prototype en fonction des commentaires.

One other activity

Expand to see all activities and additional details

Show all four activities

Tutoriel sur les systèmes de conception avec Figma

Show steps

Apprenez à utiliser les systèmes de conception pour améliorer la cohérence et l’efficacité de vos conceptions.

Browse courses on Figma

Show steps

Suivez le tutoriel sur le site Web de Figma.
Créez un système de conception de base pour votre prochain projet.
Utilisez le système de conception pour maintenir la cohérence dans vos conceptions.

Career center

Learners who complete Création de designs et de prototypes haute fidélité dans Figma will develop knowledge and skills that may be useful to these careers:

User Experience (UX) Designer

The course will teach you design principles and how to apply them to design for an optimal user experience. You will build a portfolio of your work in Figma, which is one of the most popular design programs.

See salaries and explore the career path for User Experience (UX) Designer

Web Designer

As a web designer, you will use your understanding of user experience and design principles to implement designs for websites that make sense to users.

See salaries and explore the career path for Web Designer

Product Designer

As a product designer, you will contribute to the design and testing of products and services.

See salaries and explore the career path for Product Designer

UX Researcher

This course will help you build a foundation for a career in UX research, which is often a starting point for careers in UX design.

See salaries and explore the career path for UX Researcher

Interaction Designer

This course will equip you with the skills and knowledge you need to excel in the UI/UX field as an interaction designer.

See salaries and explore the career path for Interaction Designer

Graphic designer

Graphic designers work with visual elements, which means you will benefit from learning how to apply design principles of visual elements.

See salaries and explore the career path for Graphic designer

Information Architect

An information architect will benefit from this course because you will learn to conduct user research and then apply your findings to design.

See salaries and explore the career path for Information Architect

Front-End Developer

As a front-end developer, you need to understand design principles and how to apply design concepts to code.

See salaries and explore the career path for Front-End Developer

Motion Graphics Designer

Motion graphics designers create animated visual content, so they can benefit from learning about design principles.

See salaries and explore the career path for Motion Graphics Designer

Content Strategist

Content strategists may benefit from this course because it helps to build a foundational understanding of UX design principles and user research.

See salaries and explore the career path for Content Strategist

Visual Designer

Visual designers build and apply visual and typographic styles to digital and print media.

See salaries and explore the career path for Visual Designer

Social Media Manager

Social Media Managers create content for social media platforms. They can use an understanding of visual design in their social media posts.

See salaries and explore the career path for Social Media Manager

Creative Director

A creative director is responsible for the creative vision of a company or project. This course will help you build a foundation of design principles.

See salaries and explore the career path for Creative Director

Industrial Designer

Industrial designers focus on designing manufactured products. They can benefit from learning design principles.

See salaries and explore the career path for Industrial Designer

Experience Designer

Experience designers design for a wide range of products, services, and environments.

See salaries and explore the career path for Experience Designer