Créer des interfaces utilisateur dynamiques pour des sites Web from Coursera

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.

En outre, vous apprendrez à rechercher des emplois dans le domaine de la conception UX, à créer un CV qui met en valeur vos compétences et vos réalisations, ainsi qu’à créer un site Web pour votre portfolio 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 participants qui termineront les sept cours de ce programme certifiant seront aptes à postuler aux emplois de concepteurs UX débutants.

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

- Appliquer chaque étape du processus de conception UX (empathie, définition, idéation, prototype, test) afin de créer un site Web réactif.

- Développer des conceptions à l’aide d’un outil de conception connu, Adobe XD.

- Planifier l’architecture des informations et créer des plans de site pour la conception de sites Web.

- Appliquer des mises en page courantes pour les pages Web.

- Planifier et mener une étude d’utilisabilité afin de recueillir les commentaires sur vos conceptions.

- Itérer les conceptions sur la base des informations de la recherche.

- Travailler avec des systèmes de conception dans Adobe XD.

- Ajouter un nouveau projet de conception à votre portfolio professionnel d’expérience utilisateur.

- [Optionnel] Créer ou mettre à jour un CV axé sur l’UX.

- [Optionnel] Apprendre à rechercher et à postuler à des emplois de niveau initiation dans le domaine de l’UX.

Ce cours convient aux concepteurs UX de niveau débutant ayant suivi les cinq cours précédents du certificat en conception UX de Google. Sinon, les participants doivent posséder une solide compréhension des bases du processus de conception, une expérience dans la création de maquettes fonctionnelles, de maquettes et de prototypes et avoir la capacité de mener des études d’utilisabilité. Aucune expérience préalable avec Adobe XD n’est requise.

What's inside

Syllabus

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.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Créé par Google, développe des compétences UX de niveau débutant

Aborde le prototypage, les tests d'utilisabilité et la recherche d'emploi UX

Utilise Adobe XD, un outil de conception standard de l'industrie

Convient aux débutants en conception UX ayant suivi les cinq premiers cours du certificat Google

Nécessite une solide compréhension de la conception UX et des compétences en wireframing et prototypage

Reviews summary

Maîtrise d'adobe xd pour le design réactif

Selon les apprenants, ce cours offre une excellente introduction au design web réactif en utilisant Adobe XD. Il est salué pour son approche pratique et ses projets concrets, permettant de construire un portfolio professionnel. De nombreux étudiants ont trouvé les exercices pratiques très bénéfiques pour maîtriser le processus UX, de l'empathie au test. Le cours est particulièrement utile pour les débutants en UX qui souhaitent appliquer des compétences directement. Cependant, certains ont noté que le contenu peut être basique pour les designers plus expérimentés. Les modules sur la recherche d'emploi et la création de CV sont également très appréciés pour leur pertinence.

Le cours est fortement axé sur un seul outil de design.

"J'apprécie d'apprendre Adobe XD, mais j'aurais aimé une brève mention d'autres outils populaires du marché."

"C'est un excellent tutoriel pour XD, mais le revers est qu'il est très spécifique à cet unique outil."

"Le fait que tout soit centré sur Adobe XD rend le cours très clair, mais moins flexible pour les utilisateurs d'autres logiciels."

Particulièrement adapté aux débutants en UX et Adobe XD.

"Étant nouveau en UX, j'ai trouvé ce cours très accessible et bien structuré, parfait pour commencer."

"Je n'avais aucune expérience préalable avec Adobe XD, et ce cours m'a parfaitement initié à l'outil."

"Ce cours est une excellente suite logique au certificat Google UX, parfait pour consolider les bases."

Aide à construire un portfolio solide et prépare à la recherche d'emploi.

"Le projet final est parfait pour ajouter à mon portfolio UX, j'en suis très satisfait et fier."

"Les conseils sur le CV et la recherche d'emploi en UX étaient inestimables pour moi, très utiles."

"Je me sens beaucoup plus prêt à postuler à des postes de designer UX après avoir suivi cette section du cours."

Permet d'appliquer concrètement le processus UX avec Adobe XD.

"J'ai vraiment apprécié d'utiliser Adobe XD pour créer des wireframes et des prototypes, c'était très concret."

"Ce cours m'a donné les outils nécessaires pour créer mon premier design réactif de A à Z."

"Les exercices pratiques avec Adobe XD sont le point fort, ils aident à solidifier la compréhension du processus."

Le contenu peut sembler redondant pour les designers expérimentés.

"Pour quelqu'un ayant déjà des bases solides en UX, certaines parties sur le processus de design étaient un peu répétitives."

"J'aurais aimé plus de défis avancés ou des techniques plus poussées au-delà des fondamentaux appris."

"Si vous êtes déjà familier avec les concepts UX de base, attendez-vous à quelques rappels."

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éer des interfaces utilisateur dynamiques pour des sites Web with these activities:

Review fundamental concepts of UX Design

Show steps

Understanding the foundational concepts of UX design will make learning about responsive web design easier and more efficient.

Browse courses on UX Design

Show steps

Review notes and assignments from previous UX design courses
Retake practice quizzes and exams
Read articles and blog posts about UX design

Revoir les bases du design UX

Show steps

Rafraîchissez vos connaissances sur les concepts de base du design UX, tels que l'empathie, la définition, l'idéation, le prototypage et les tests, pour vous préparer au cours.

Browse courses on UX Design

Show steps

Lire les articles de blog et les tutoriels sur le design UX
Examiner les études de cas de conception UX
Suivre des webinaires ou des cours en ligne sur les fondamentaux du design UX

Exercices de wireframing

Show steps

Renforcez vos compétences en wireframing en vous exerçant à créer des wireframes pour différentes mises en page de sites Web.

Browse courses on Wireframing

Show steps

Utiliser un outil de wireframing pour créer des wireframes de sites Web simples
Concevoir des wireframes pour différents types de contenu et de fonctionnalités
Obtenir des commentaires sur vos wireframes auprès d'autres concepteurs UX

Five other activities

Expand to see all activities and additional details

Show all eight activities

Tutoriel UX : les wireframes

Show steps

Comprenez les wireframes et leur importance dans le processus de conception UX.

Browse courses on Wireframes

Show steps

Regarder un tutoriel sur la création de wireframes.
Télécharger et installer un outil de création de wireframes.
Créer un wireframe simple pour une page Web.

Exercices d'esquisse d'idées UX

Show steps

Améliorez vos compétences en idéation UX grâce à des exercices d'esquisse.

Show steps

Réaliser un exercice de Crazy Eights.
Esquisser des idées pour une fonctionnalité UX donnée.
Partager vos croquis avec un pair pour obtenir des commentaires.

Tutoriels sur le prototypage avec Adobe XD

Show steps

Apprenez à utiliser Adobe XD pour créer des prototypes interactifs afin de tester et d'itérer vos conceptions.

Show steps

Suivre des tutoriels en ligne ou des cours sur le prototypage avec Adobe XD
Créer des prototypes pour différents types de fonctionnalités et d'interactions
Obtenir des commentaires sur vos prototypes auprès d'autres concepteurs UX

Session d'étude en groupe : conception de prototypes

Show steps

Collaborez avec des pairs pour créer et tester des prototypes UX.

Show steps

Former un groupe d'étude avec d'autres étudiants.
Sélectionner un projet de conception UX.
Créer des prototypes de vos conceptions.
Tester les prototypes avec les utilisateurs et recueillir des commentaires.

Projet : concevoir et prototyper une application mobile

Show steps

Appliquez vos compétences en conception UX pour concevoir et prototyper une application mobile.

Show steps

Définir le problème que l'application résoudra.
Rechercher les utilisateurs cibles.
Créer des wireframes et des prototypes de l'application.
Tester le prototype avec les utilisateurs et recueillir des commentaires.
Itérer sur la conception en fonction des commentaires des utilisateurs.

Career center

Learners who complete Créer des interfaces utilisateur dynamiques pour des sites Web will develop knowledge and skills that may be useful to these careers:

UX Designer

UX Designers are responsible for the overall user experience of digital products. They work with other designers, engineers, and product managers to create products that are both useful and enjoyable to use. This course can help aspiring UX Designers develop the skills they need to succeed in this field, including user research, wireframing, prototyping, and usability testing. The course's emphasis on responsive web design is also important, as UX Designers need to be able to design products that work well on all devices.

See salaries and explore the career path for UX Designer

UI Designer

UI Designers are responsible for the visual design of digital products. They work with UX Designers to create interfaces that are both visually appealing and easy to use. This course can help aspiring UI Designers develop the skills they need to succeed in this field, including typography, color theory, and layout design. The course's focus on responsive web design is also important, as UI Designers need to be able to design products that work well on all devices.

See salaries and explore the career path for UI Designer

User Experience Architect

User Experience Architects are responsible for the overall user experience of digital products. They work with UX Designers, UI Designers, and engineers to create products that are both useful and enjoyable to use. This course can help aspiring User Experience Architects develop the skills they need to succeed in this field, including user research, wireframing, prototyping, and usability testing. The course's emphasis on responsive web design is also important, as User Experience Architects need to be able to design products that work well on all devices.

See salaries and explore the career path for User Experience Architect

Product Designer

Product Designers are responsible for the overall design of digital products. They work with UX Designers, UI Designers, and engineers to create products that are both useful and enjoyable to use. This course can help aspiring Product Designers develop the skills they need to succeed in this field, including user research, wireframing, prototyping, and usability testing. The course's emphasis on responsive web design is also important, as Product Designers need to be able to design products that work well on all devices.

See salaries and explore the career path for Product Designer

Front-End Developer

Front-End Developers are responsible for the front-end of websites and applications. They work with UX Designers and UI Designers to create interfaces that are both visually appealing and easy to use. This course can help aspiring Front-End Developers build a foundation in UX design principles, prototyping, and user testing. The course's emphasis on responsive web design is also important, as Front-End Developers need to be able to build products that work well on all devices.

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

Graphic Designer

Graphic Designers are responsible for the visual design of digital products. They work with UX Designers and UI Designers to create interfaces that are both visually appealing and easy to use. This course can help aspiring Graphic Designers develop the skills they need to succeed in this field, including typography, color theory, and layout design. The course's focus on responsive web design is also important, as Graphic Designers need to be able to design products that work well on all devices.

See salaries and explore the career path for Graphic Designer

UX Researcher

UX Researchers are responsible for conducting user research to inform the design of digital products. They work with UX Designers and UI Designers to gather feedback from users and identify areas for improvement. This course can help aspiring UX Researchers develop the skills they need to succeed in this field, including user research methods, data analysis, and report writing. The course's focus on responsive web design is also important, as UX Researchers need to be able to conduct research on users who are accessing products on all devices.

See salaries and explore the career path for UX Researcher

Web Developer

Web Developers are responsible for building and maintaining websites. They work with UX Designers and UI Designers to bring digital products to life. This course can help aspiring Web Developers build a foundation in UX design principles, prototyping, and user testing. The course's emphasis on responsive web design is also important, as Web Developers need to be able to build products that work well on all devices.

See salaries and explore the career path for Web Developer

Human Factors Engineer

Human Factors Engineers are responsible for designing products that are safe, efficient, and easy to use. They work with UX Designers and UI Designers to create products that take into account the human factors of users. This course can help aspiring Human Factors Engineers develop the skills they need to succeed in this field, including user research, usability testing, and product design. The course's emphasis on responsive web design is also important, as Human Factors Engineers need to be able to design products that work well on all devices.

See salaries and explore the career path for Human Factors Engineer

Information Architect

Information Architects are responsible for the organization and structure of digital products. They work with UX Designers and UI Designers to create products that are easy to navigate and find information. This course can help aspiring Information Architects develop the skills they need to succeed in this field, including site mapping, user flows, and metadata management. The course's emphasis on responsive web design is also important, as Information Architects need to be able to design products that work well on all devices.

See salaries and explore the career path for Information Architect

Product Manager

Product Managers are responsible for the overall vision and strategy of digital products. They work with UX Designers, UI Designers, and engineers to create products that are both useful and enjoyable to use. This course can help aspiring Product Managers develop the skills they need to succeed in this field, including product strategy, market research, and user feedback. The course's emphasis on responsive web design is also important, as Product Managers need to be able to create products that work well on all devices.

See salaries and explore the career path for Product Manager

Interaction Designer

Interaction Designers create interactive elements for websites, software, and other digital products. They use their knowledge of human-computer interaction to design interfaces that are both user-friendly and visually appealing. This course can help aspiring Interaction Designers build a foundation in UX design principles, prototyping, and user testing. The course's focus on responsive web design is particularly relevant, as more and more users are accessing websites and applications on mobile devices.

See salaries and explore the career path for Interaction Designer

Content Strategist

Content Strategists are responsible for the planning, creation, and management of content for digital products. They work with UX Designers and UI Designers to create content that is both useful and engaging. This course can help aspiring Content Strategists develop the skills they need to succeed in this field, including content planning, content creation, and content management. The course's emphasis on responsive web design is also important, as Content Strategists need to be able to create content that works well on all devices.

See salaries and explore the career path for Content Strategist

Copywriter

Copywriters are responsible for the written content of digital products. They work with UX Designers and UI Designers to create content that is both clear and concise. This course can help aspiring Copywriters develop the skills they need to succeed in this field, including writing for the web, writing for UX, and writing for different audiences. The course's emphasis on responsive web design is also important, as Copywriters need to be able to write content that works well on all devices.

See salaries and explore the career path for Copywriter

Digital Marketing Specialist

Digital Marketing Specialists are responsible for marketing digital products and services. They work with UX Designers and UI Designers to create marketing campaigns that are both effective and engaging. This course can help aspiring Digital Marketing Specialists develop the skills they need to succeed in this field, including search engine optimization, social media marketing, and email marketing. The course's emphasis on responsive web design is also important, as Digital Marketing Specialists need to be able to create marketing campaigns that work well on all devices.

See salaries and explore the career path for Digital Marketing Specialist