Créer des wireframes simples ou complexes dans Figma en utilisant des grilles, des composants et des techniques de mise en page standard
Construire des prototypes interactifs dans Figma, et mener des tests d'utilisabilité pour évaluer et affiner les flux UX
Mettre en œuvre les principes Gestalt et les stratégies de design réactif afin d'optimiser les interfaces pour une utilisabilité multi-appareils
Collaborer à des projets Figma en utilisant des bibliothèques partagées, activer le contrôle des versions et mettre en œuvre les meilleures pratiques du système de conception
Compétences que vous acquerrez
Catégorie : Guides de style
Guides de style
Catégorie : Interface utilisateur (UI)
Interface utilisateur (UI)
Catégorie : Animations
Animations
Catégorie : Stratégie UI/UX
Stratégie UI/UX
Catégorie : Facilité d'utilisation
Facilité d'utilisation
Catégorie : Conception de l'expérience utilisateur
Conception de l'expérience utilisateur
Catégorie : Conception de sites web
Conception de sites web
Catégorie : Prototypage
Prototypage
Catégorie : Développement Web
Développement Web
Catégorie : Développement mobile
Développement mobile
Catégorie : Tests d'utilisabilité
Tests d'utilisabilité
Catégorie : Conception de sites web réactifs
Conception de sites web réactifs
Catégorie : Conception interactive
Conception interactive
Catégorie : Conception de l'interface et de l'expérience utilisateur (UI/UX)
Conception de l'interface et de l'expérience utilisateur (UI/UX)
Outils que vous découvrirez
Catégorie : Composants de l'interface utilisateur
Composants de l'interface utilisateur
Catégorie : Figma (logiciel de conception)
Figma (logiciel de conception)
Détails à connaître
Certificat partageable
Ajouter à votre profil LinkedIn
Évaluations
13 devoirs
Enseigné en Anglais
91%
of learners achieved a positive career outcome
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées
Lorsque vous vous inscrivez à ce cours, vous devez également sélectionner un programme spécifique.
Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable
Il y a 5 modules dans ce cours
Les entreprises de toutes tailles utilisent Figma, ce qui en fait une exigence de premier ordre pour une carrière dans l'UX/UI. La création de wireframes et de prototypes interactifs réduit le temps de développement de 20% en alignant les équipes et en identifiant les problèmes dès le début. Ce cours est votre porte d'entrée pour maîtriser les principes fondamentaux du wireframing, du prototypage et des tests d'utilisabilité avec Figma, vous donnant des compétences prêtes à l'emploi et une expérience pratique que les employeurs recherchent chez un concepteur UX/UI.
Pendant ce cours, vous acquerrez une expérience pratique de l'utilisation de Figma, en apprenant l'essentiel de la construction de wireframes structurés, de parcours utilisateurs et de prototypes interactifs, y compris l'UI basée sur le geste. Vous explorerez également les principes Gestalt pour construire une forte hiérarchie visuelle, structurer le contenu à travers une architecture de l'information efficace, et adopter une approche de conception mobile-first.
Grâce à des défis du monde réel et des tests d'utilisabilité, vous affinerez les concepteurs sur lesquels vous travaillez en fonction des commentaires et gagnerez en confiance pour résoudre les problèmes UX avec clarté et objectif. À la fin du cours, dans le projet final, vous créerez un prototype poli et de haute fidélité et votre propre système de conception réutilisable. Si vous souhaitez mettre la main à la pâte en utilisant Figma pour le wireframing et le prototypage, inscrivez-vous dès aujourd'hui !
Dans ce module, vous serez initié aux techniques fondamentales de wireframing à l'aide de Figma, couvrant les outils essentiels, les flux de travail et les principes de conception. Vous explorerez également l'interface Figma, les concepts de base du wireframing (papier, low-fi et mid-fi), et les applications pratiques des principes Gestalt dans le concepteur UX. Grâce à des laboratoires pratiques, vous créerez et affinerez des wireframes tout en développant des flux de travail Figma efficaces. Le module met l'accent sur les meilleures pratiques pour structurer les mises en page, utiliser les grilles et appliquer les principes de conception psychologique pour créer des prototypes basse fidélité efficaces.
Inclus
10 vidéos3 lectures3 devoirs9 plugins
Afficher les informations sur le contenu du module
10 vidéos•Total 56 minutes
Introduction au cours•3 minutes
Introduction à l'interface Figma•5 minutes
Les bases de Figma : Cadres, formes et composants•3 minutes
Travailler avec des grilles dans Figma•6 minutes
Comprendre les wireframes et leurs types•7 minutes
Vidéo de démonstration : Premiers pas avec Figma•5 minutes
Créer et numériser des schémas de câblage sur papier•6 minutes
Wireframing basse fidélité avec Figma•7 minutes
Introduction aux principes Gestalt•6 minutes
Appliquer les principes Gestalt dans le concepteur UX/UI•7 minutes
3 lectures•Total 8 minutes
Aperçu du cours•4 minutes
Résumé et points forts : Débuter avec les Wireframes de Figma•2 minutes
Résumé et points forts : Pratiques efficaces de Wireframing•2 minutes
3 devoirs•Total 41 minutes
Quiz noté : Fondamentaux du Wireframing avec Figma•21 minutes
Quiz pratique : Premiers pas avec les Wireframes Figma•10 minutes
Quiz pratique : Pratiques efficaces de Wireframing•10 minutes
9 plugins•Total 115 minutes
Lecture : Comment tirer le meilleur parti de ce cours•2 minutes
Lecture : Conseils et raccourcis Figma pour les débutants•4 minutes
Lecture : Les bases de Figma pour les débutants•5 minutes
Lab : Création d'une structure filaire dans Figma•30 minutes
Lab : Créer un fil de fer pour une application mobile•30 minutes
Comment les principes Gestalt améliorent l'UX•5 minutes
Lab : Améliorer les wireframes à l'aide des principes Gestalt•30 minutes
Lecture : Quand utiliser les wireframes papier, low-fi et mid-fi ?•4 minutes
Glossaire : Principes fondamentaux du wireframing avec Figma•5 minutes
Prototypage et tests d'Utilisabilité
Module 2•3 heures à terminer
Détails du module
Ce module propose une exploration complète des méthodologies de prototypage et d'évaluation UX. Vous apprendrez diverses approches de prototypage, des croquis sur papier aux prototypes numériques interactifs, en acquérant une expérience pratique de la création de prototypes cliquables de moyenne fidélité dans Figma. Le module se concentre ensuite sur les stratégies de test et d'évaluation, couvrant les méthodes de test d'utilisabilité, les techniques d'évaluation heuristique, et l'itération de conception guidée par les données. Grâce à des laboratoires pratiques, vous appliquerez ces concepts en construisant des prototypes fonctionnels et en menant des évaluations professionnelles de la conception.
Inclus
9 vidéos2 lectures3 devoirs5 plugins
Afficher les informations sur le contenu du module
9 vidéos•Total 59 minutes
Introduction au prototypage•8 minutes
Création de prototypes interactifs Low-Fi dans Figma•5 minutes
Comprendre les prototypes et les transitions cliquables•5 minutes
Conseils pour le prototypage interactif•5 minutes
Techniques de présentation des prototypes•6 minutes
Introduction aux méthodes de test d'utilisabilité•8 minutes
Évaluation heuristique des concepteurs UX•7 minutes
Analyse des résultats des tests de convivialité•7 minutes
Conception itérative des concepteurs UX après les tests•7 minutes
2 lectures•Total 4 minutes
Résumé et points forts : Méthodes et techniques de prototypage•2 minutes
Résumé et points forts : Stratégies de test et d'évaluation•2 minutes
3 devoirs•Total 41 minutes
Quiz noté : Prototypage et test d'utilisabilité•21 minutes
Quiz pratique : Méthodes et techniques de prototypage•10 minutes
Quiz pratique : Stratégies de test et d'évaluation•10 minutes
5 plugins•Total 87 minutes
Lab : Construire un prototype de MID cliquable dans Figma•35 minutes
Lecture : Méthodes et outils de prototypage•7 minutes
Laboratoire : Évaluation heuristique d'un prototype•30 minutes
Lecture : Techniques clés de test d'utilisabilité•10 minutes
Glossaire du module : Prototypage et test d'utilisabilité•5 minutes
Modèles d'interface utilisateur et systèmes de conception
Module 3•4 heures à terminer
Détails du module
Dans ce module, vous explorerez les techniques fondamentales et avancées pour créer des interfaces utilisateurs efficaces sur les plateformes web et mobiles. Vous examinerez également les composants UI, les patrons de conception et les meilleures pratiques pour les mises en page tout en acquérant une expérience pratique dans le développement de guides de style, de planches d'humeur et de bibliothèques de composants. Le module couvre également les principes de design réactif et adaptatif, y compris les stratégies mobile-first, les points de rupture, les mises en page fluides et les considérations d'accessibilité. Grâce à des laboratoires pratiques, vous appliquerez ces concepts en concevant des wireframes réactifs et des interfaces adaptatives qui garantissent des expériences utilisateur transparentes sur tous les appareils.
Inclus
10 vidéos2 lectures3 devoirs7 plugins
Afficher les informations sur le contenu du module
10 vidéos•Total 73 minutes
Composants UI et Patrons de conception pour les mobiles et le web•8 minutes
Bonnes pratiques pour la mise en page de l'UI•6 minutes
Introduction aux systèmes de conception•8 minutes
Création d'un Moodboard et d'un Guide de style•7 minutes
Construire une bibliothèque de composants dans Figma•7 minutes
Conception pour différentes tailles d'écran•8 minutes
Points d'arrêt et mises en page fluides dans l'UI•7 minutes
Considérations sur l'UI inter-appareils•7 minutes
Stratégie de conception mobile d'abord•8 minutes
L'accessibilité dans l'UI responsive•7 minutes
2 lectures•Total 5 minutes
Résumé et points forts : Éléments de l'UI et Patrons de conception•3 minutes
Résumé et points forts : Design UI réactif et adaptatif•2 minutes
3 devoirs•Total 41 minutes
Quiz noté : Patrons de conception UI et systèmes de conception•21 minutes
Quiz pratique : Eléments de l'UI et Patrons de conception•10 minutes
Quiz pratique : Design UI réactif et adaptatif•10 minutes
7 plugins•Total 129 minutes
Lab : Créer un Guide de style dans Figma•40 minutes
Lecture : Modèles communs d'interface utilisateur mobile et Web•8 minutes
Lecture : Le rôle des systèmes de conception dans l'UX•6 minutes
Lab : Conception haute fidélité à l'aide d'un guide de style•30 minutes
Lab : Conception d'une interface utilisateur adaptative (conception d'une interface utilisateur adaptative du Web au mobile)•35 minutes
Lecture : Lignes directrices pour la conception matérielle•5 minutes
Glossaire du module : Patrons de conception UI et systèmes de conception•5 minutes
UI interactive et gestuelle
Module 4•3 heures à terminer
Détails du module
Dans ce module, vous explorerez les techniques avancées de conception UI/UX pour les interfaces numériques modernes, en vous concentrant sur les interactions tactiles et gestuelles et en passant de prototypes de moyenne fidélité à des prototypes de haute fidélité. Vous examinerez également les meilleures pratiques pour concevoir une navigation intuitive basée sur les gestes, des interactions spécifiques aux mobiles et des modèles de gestes avancés. En outre, vous apprendrez à améliorer l'expérience utilisateur grâce à des prototypes haute-fidélité, des micro-interactions et des composants UI animés. Enfin, les travaux pratiques vous permettront d'acquérir une expérience pratique dans la mise en œuvre d'interactions basées sur les gestes et la création de prototypes interactifs soignés à l'aide d'outils standard de l'industrie.
Inclus
8 vidéos2 lectures3 devoirs5 plugins
Afficher les informations sur le contenu du module
8 vidéos•Total 57 minutes
Conception pour les entrées tactiles et gestuelles•8 minutes
Principes UX pour la navigation gestuelle•7 minutes
Mise en œuvre d'interactions spécifiques aux mobiles•8 minutes
Modèles avancés d'interaction gestuelle•6 minutes
Passer de l'image fil de fer à la conception haute-fidélité•8 minutes
Créer des UI haute-fidélité engageantes avec Figma•7 minutes
Micro-interactions pour une meilleure UX•6 minutes
Animer les composants de l'UI•8 minutes
2 lectures•Total 5 minutes
Résumé et points forts : Concevoir pour le toucher et les gestes•2 minutes
Résumé et points forts : Des prototypes d'interface utilisateur MID aux prototypes d'interface utilisateur High-Fi•3 minutes
3 devoirs•Total 41 minutes
Quiz noté : UI interactive et gestuelle•21 minutes
Quiz pratique : Concevoir pour le toucher et les gestes•10 minutes
Quiz pratique : Des prototypes d'UI MID aux prototypes High-Fi•10 minutes
5 plugins•Total 100 minutes
Lab : Designteur d'interactions tactiles et gestuelles (Créer une interaction gestuelle pour une application mobile)•40 minutes
Lecture : Meilleures pratiques en matière d'UI/UX mobile•9 minutes
Laboratoire : Microinteractions dans Figma•40 minutes
Lecture : Techniques avancées de prototypage haute fidélité•6 minutes
Glossaire du module : UI interactive et gestuelle•5 minutes
Projet final, examen final et synthèse du cours
Module 5•4 heures à terminer
Détails du module
Dans ce module, vous réaliserez un projet final pratique dans lequel vous concevrez une bibliothèque publique de livres électroniques réactifs. Vous créerez des maquettes haute-fidélité, construirez un prototype fonctionnel et soumettrez le tout à l'examen de vos pairs. C'est l'occasion de mettre vos compétences en pratique et de créer un projet que vous pourrez inclure dans votre portfolio. Vous passerez également en revue les concepts clés avec une synthèse du cours, explorerez un glossaire cliquable et passerez l'examen final pour vérifier votre compréhension avant de terminer le cours.
Inclus
1 vidéo2 lectures1 devoir1 évaluation par les pairs3 plugins
Afficher les informations sur le contenu du module
1 vidéo•Total 3 minutes
Synthèse du cours•3 minutes
2 lectures•Total 4 minutes
Félicitations et prochaines étapes•2 minutes
Remerciements de l'équipe du cours•2 minutes
1 devoir•Total 45 minutes
Examen final : UI/UX Wireframing et Prototypage avec Figma•45 minutes
1 évaluation par les pairs•Total 60 minutes
Projet final : Présentation et évaluation•60 minutes
3 plugins•Total 143 minutes
Lecture : Aperçu du projet•3 minutes
Lab : Projet final : eBook Public Library•120 minutes
Glossaire du cours : Wireframing et prototypage avec Figma•20 minutes
Obtenez un certificat professionnel
Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.
Dans un monde marqué par une évolution constante, la polyvalence, l'adaptabilité et les compétences interdisciplinaires sont essentielles pour s'épanouir professionnellement. Qu'il s'agisse de décrocher votre premier emploi, de progresser dans votre carrière, de maîtriser l'efficacité dans votre rôle ou de faire des percées dans diverses carrières, nos cours vous dotent des compétences et de la confiance nécessaires pour vous mettre sur la bonne voie.
En combinant une conception pédagogique solide, des supports multimédias attrayants et la résolution de problèmes concrets, nous créons des parcours d'apprentissage qui permettent d'acquérir des connaissances étape par étape. Nous présentons aux apprenants des problèmes concrets et ouverts qui les aident à appliquer les connaissances acquises au fur et à mesure qu'ils progressent dans leur parcours d'apprentissage. Cela permet également aux apprenants de développer leur esprit critique, leur capacité à résoudre des problèmes et leurs compétences en matière de collaboration.
Nos cours, nos spécialisations, nos certificats professionnels et nos programmes d'apprentissage virtuel et mixte aident les apprenants et les organisations à se perfectionner dans les technologies, les domaines fonctionnels et les compétences humaines les plus récents
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Avis des étudiants
5.0
30 avis
5 stars
96,66 %
4 stars
3,33 %
3 stars
0 %
2 stars
0 %
1 star
0 %
Affichage de 3 sur 30
N
NK
5·
Révisé le 24 juil. 2025
A practical and beginner-friendly course that effectively teaches the essentials of UI/UX wireframing and prototyping using Figma.
Ce cours convient à tous ceux qui veulent concevoir et prototyper des expériences utilisateur et des interfaces. Cela inclut ceux qui veulent devenir concepteurs UI/UX, développeurs front-end, Web et mobiles. Pour tirer le meilleur parti de ce cours, vous devez avoir une compréhension de base des principes et du design UX/UI.
Dois-je avoir une expérience préalable de la conception pour m'inscrire à ce cours ?
Bien qu'aucune expérience pratique préalable en matière de conception ne soit requise, il est recommandé d'avoir une compréhension des principes fondamentaux de conception, que vous pouvez acquérir en suivant les cours précédents du Certificat professionnel IBM UI/UX Designer ou de la Spécialisation SkillUp UI/UX Design.
Pourquoi le prototypage est-il essentiel dans le concepteur UX/UI ?
Le prototypage permet aux concepteurs de visualiser et de tester leurs idées avant le développement à grande échelle. Il facilite l'identification précoce des problèmes, favorise le retour d'informations de la part des utilisateurs et permet une itération rapide, ce qui aboutit finalement à un produit plus raffiné et plus convivial.
Vais-je acquérir une expérience pratique des outils de conception pendant le cours ?
Oui. Tout au long du cours, vous travaillerez intensivement avec Figma, un outil de conception standard populaire dans l'industrie, pour développer des wireframes et des prototypes interactifs, acquérant ainsi des compétences techniques précieuses et concrètes.
Quand aurai-je accès aux cours et aux devoirs ?
Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.
Qu'est-ce que je recevrai si je m'abonne à ce certificat ?
Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours du certificat et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - à partir de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.