Responsive Web Design dans Adobe XD

Por: Coursera . en: , ,

  • Démarrer le processus de conception UX : Empathie et définition
    • Commencez par les bases de la conception de sites Web réactifs. Pour créer un site Web réactif, vous suivrez les étapes du processus de conception UX : empathie, définition, formulation d’idées, 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 conception connu que vous utiliserez tout au long de ce cours.
  • Poursuivre le processus de conception UX : Idéation
    • Votre projet de conception de site Web réactif est en cours. Dans cette partie du cours, vous allez passer à la phase de formulation d’idées du processus de conception. Pour vous aider à trouver des idées de solutions de conception, 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 maquettes 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 armatures. 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 armatures différentes. Tout d'abord, vous allez explorer les mises en page courantes de sites web et vous créerez des armatures sur papier. Ensuite, vous découvrirez quelques éléments et composants couramment utilisés dans la conception de sites web réactifs. Vous passerez ensuite à la création d’armatures numériques dans Adobe XD. Pour finir, vous mettrez à jour et affinerez vos armatures pour en améliorer l'accessibilité.
  • Créer et tester des prototypes basse-fidélité
    • Maintenant que vous avez créé des armatures 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 conceptions basse-fidélité en fonction des constatations issues de votre recherche.
  • Créer et tester des conceptions 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 systèmes de conception et utiliserez des composants provenant de systèmes de conception externes dans vos conceptions 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 sur la facilité d'utilisation, afin de recueillir les commentaires d'un ensemble diversifié d'utilisateurs. À la fin de cette partie du cours, vos conceptions de sites Web réactifs seront terminées !
  • Documenter le travail de conception et rechercher des emplois
    • Une fois la conception Responsive web design terminée, vous serez prêt à partager votre travail avec les autres. Pour commencer, vous apprendrez à préparer et à transmettre les conceptions aux ingénieurs qui construiront le produit final. Vous ajouterez aussi une étude de cas à votre portfolio professionnel de conceptions UX, présentant votre conception Responsive web design. Ensuite, vous vous concentrerez sur votre objectif global : trouver un emploi de concepteur 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.

Plataforma