Responsive Web Design dans Adobe XD est le sixième cours de ce programme qui vous permettra d’acquérir les compétences dont vous avez besoin pour postuler à des emplois de niveau débutant dans le domaine de la conception de l’expérience utilisateur (UX). Dans le cours 6, vous apprendrez à concevoir un site Web réactif à l’aide d’Adobe XD, un outil de conception connu. Vous pourrez étudier le processus de conception du début à la fin : l’empathie avec les utilisateurs, la définition de leurs points de contrariété, trouver des idées de solutions conceptuelles, créer des maquettes fonctionnelles (wireframes) et des prototypes et tester des conceptions pour obtenir des commentaires. À la fin du cours, vous aurez un nouveau projet de conception à inclure dans votre portfolio professionnel de conception d’expérience utilisateur.
Responsive Web Design dans Adobe XD
Offered By
Responsive Web Design dans Adobe XD
GoogleAbout this Course
What you will learn
Appliquer chaque étape du processus de conception UX (empathie, définition, idéation, prototype, test) pour créer un site Web réactif dans Adobe XD.
Planification de l’architecture des informations et des plans de site pour la conception de sites Web.
Appliquer des mises en page courantes pour les pages Web.
Réaliser un projet de conception et l’inclure dans votre portfolio professionnel d’expérience utilisateur.
Skills you will gain
- Adobe XD
- Expérience utilisateur (UX)
- Conception Expérience Utilisateur (UXD)
- Prototype
- Test d’utilisabilité
Offered by

Grow with Google is an initiative that draws on Google's decades-long history of building products, platforms, and services that help people and businesses grow. We aim to help everyone – those who make up the workforce of today and the students who will drive the workforce of tomorrow – access the best of Google’s training and tools to grow their skills, careers, and businesses.
Syllabus - What you will learn from this course
Démarrer le processus de UX Design : Empathie et définition
Commencez par les bases du design de sites Web réactifs. Pour créer un site Web réactif, vous suivrez les étapes du processus de UX Design : empathie, définition, idéation, prototype et test. Dans cette partie du cours, vous suivrez les phases d’empathie et de définition. En outre, vous commencerez à explorer Adobe XD, un outil de design connu que vous utiliserez tout au long de ce cours.
Poursuivre le processus de UX design : Idéation
Votre projet de design de site Web réactif est en cours. Dans cette partie du cours, vous allez passer à la phase de d'idéation du processus de design. Pour vous aider à trouver des idées de solutions de design, vous effectuerez un audit concurrentiel, terminerez l’activité How Might We et esquisserez des idées à l’aide de Crazy Eights. Vous découvrirez également l’importance de l’architecture de l’information et des plans de site lorsqu’il s’agit de concevoir des sites Web.
Création de wireframes pour un site web réactif
Une fois que vous avez fait preuve d'empathie envers les utilisateurs, défini le problème utilisateur à résoudre et commencé à concevoir des solutions possibles, il est temps de donner vie à vos idées dans des wireframes. Votre site web réactif aura différentes mises en page, en fonction de l'appareil et de la taille de l'écran pour lesquels vous le concevez. Vous créerez donc de nombreuses wireframes différentes. Tout d'abord, vous allez explorer les mises en page courantes de sites web et vous créerez des wireframes en papier. Ensuite, vous découvrirez quelques éléments et composants couramment utilisés dans le design de sites web réactifs. Vous passerez ensuite à la création de wireframes numériques dans Adobe XD. Pour finir, vous mettrez à jour et affinerez vos wireframes pour en améliorer l'accessibilité.
Créer et tester des prototypes basse-fidélité
Maintenant que vous avez créé des wireframes numériques dans Adobe XD, il est temps de construire, de tester et d'itérer un prototype basse-fidélité. Tout d'abord, vous apprendrez à créer un prototype basse-fidélité dans Adobe XD. Vous recueillerez des commentaires sur votre prototype en planifiant et en réalisant une étude sur la facilité d’utilisation. Ensuite, vous modifierez vos designs basse-fidélité en fonction des constatations issues de votre recherche.
Créer et tester des designs haute-fidélité
Dans cette partie du cours, vous serez prêt à créer des maquettes de votre site Web réactif dans Adobe XD. Vous élargirez aussi vos travaux avec les design systems et utiliserez des composants provenant de design systems externes dans vos designs de sites Web réactifs. Ensuite, vous transformerez vos maquettes en un prototype haute-fidélité en créant des connexions, en ajoutant des détails d'interaction et en ajustant les animations. Enfin, vous testerez votre prototype haute-fidélité par le biais d'une étude d'utilisabilité, afin de recueillir les commentaires d'un ensemble diversifié d'utilisateurs. À la fin de cette partie du cours, vos design systems de sites Web réactifs seront terminées !
Documenter le travail de design et rechercher des emplois
Une fois le Responsive web design terminé, vous serez prêt à partager votre travail avec les autres. Pour commencer, vous apprendrez à préparer et à transmettre les designs aux ingénieurs qui construiront le produit final. Vous ajouterez aussi une étude de cas à votre portfolio professionnel de designs UX, présentant votre conception Responsive web design. Ensuite, vous vous concentrerez sur votre objectif global : trouver un emploi de designer UX. Vous apprendrez des trucs et astuces pour analyser les offres d’emploi, et vous créerez un CV convaincant qui mettra en valeur vos nouvelles compétences en UX.
Frequently Asked Questions
When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. 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.
What will I get if I subscribe to this Certificate?
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. If you only want to read and view the course content, you can audit the course for free.
Qu’est-ce qu’un concepteur UX ?
Les concepteurs d’expérience utilisateur (UX) se concentrent sur l’expérience qu’ont les utilisateurs de l’utilisation de produits tels que les sites Internet, les applications et les objets physiques. Les concepteurs UX rendent ces interactions quotidiennes accessibles, agréables et conviviales. Les fonctions d’un concepteur UX débutant peuvent inclure la proposition d’idées pour résoudre les problèmes des utilisateurs, la recherche de solutions avec les utilisateurs et la conception de maquettes fonctionnelles (wireframes), de maquettes et de prototypes. Si vous aimez discuter et vous identifier aux personnes, dessiner, penser de manière créative ou prêter attention aux détails, un emploi en tant que concepteur UX pourrait vous convenir !
Quelle est l’expérience requise ?
Ce cours est le sixième des sept cours qui vous permettront d’acquérir les compétences dont vous avez besoin pour postuler à des emplois de niveau débutant dans la conception de l’expérience utilisateur. Nous vous conseillons fortement de suivre les cinq premiers cours du certificat en conception UX de Google avant de terminer celui-ci :
- Cours 1 : Bases de la conception de l’expérience utilisateur (UX)
- Cours 2 : Début du processus de conception UX : Empathie, définition et idéation
- Cours 3 : Élaborer des maquettes fonctionnelles et des prototypes basse-fidélité
- Cours 4 : Effectuer des recherches UX et tester les premiers concepts
- Cours 5 : Créer des conceptions et des prototypes haute-fidélité dans Figma
Sinon, si vous souhaitez suivre ce cours en tant que premier cours du programme, vous devez avoir de l’expérience dans la conduite de recherches sur les utilisateurs afin de comprendre les besoins des utilisateurs et de déterminer les points de contrariété spécifiques des utilisateurs. Vous devez être capable de créer des personas, des récits utilisateur (user stories), des cartes de parcours utilisateur et des énoncés de problèmes. Vous devez savoir comment créer des maquettes fonctionnelles et des prototypes basse-fidélité sur papier. Il est également utile d’avoir de l’expérience dans la réalisation d’études d’utilisabilité et dans l’itération de conceptions. Si vous n’êtes pas familier avec l’un de ces sujets, ils sont abordés dans les cours précédents du certificat en conception UX de Google.
Quels sont les outils ou plateformes inclus dans le programme de formation ?
Adobe XD et Figma sont les outils de conception enseignés dans le programme du Certificat en conception UX de Google. Ce cours se concentre sur la création de conceptions dans Adobe XD. Les participants bénéficient d’un accès gratuit de neuf mois à la version une seule application d’Adobe XD afin de partager des liens illimités vers des prototypes. Vous devez suivre le cours 1 (y compris tous les devoirs notés) du certificat en conception UX de Google pour recevoir cette offre. Pour rappel, cette offre est réservée aux participants à la formation sur le certificat en conception UX de Google et vous ne pouvez pas revendre, prêter ou partager cet abonnement. Une fois que les participants admissibles ont terminé le cours 1, ils reçoivent un e-mail et un message de Coursera contenant les instructions de remboursement de l’offre.
Des applications de feuilles de calcul, de traitement de texte et de présentation seront également utilisées. Tout au long du programme, vous créerez en utilisant la plateforme de votre choix un portfolio professionnel où vous présenterez vos travaux de conception UX.
À quels emplois ce certificat m’aidera-t-il à me préparer ?
Un des aspects les plus intéressants qui peut vous inciter à rejoindre le domaine de l’expérience utilisateur est le grand nombre d’opportunités d’emploi disponibles. La plupart des entreprises ont besoin de concepteurs UX pour les aider à créer leurs produits numériques et physiques. Le besoin de concepteurs UX ne cesse d’augmenter chaque jour et il y a pénurie de professionnels de la conception UX pour ces fonctions.
Une carrière dans la conception UX vous permettra de travailler soit comme généraliste dans un poste de concepteur UX, concepteur d’interface utilisateur ou recherche UX, soit comme spécialiste dans un poste de concepteur visuel ou concepteur d’interaction. Vous serez en mesure, à la fin de ce programme de formation, de rechercher des emplois dans tous ces titres et de trouver le poste qui vous convient le mieux.
Dois-je suivre le cours dans un ordre précis ?
Il s’agit du sixième des sept cours du certificat en conception UX de Google. Nous vous conseillons fortement de suivre les sept cours de ce programme de certification dans l’ordre présenté, car le contenu et les applications de chaque cours s’appuient sur les informations présentées et mises en pratique dans les cours précédents.
More questions? Visit the Learner Help Center.