Aller au contenu principal
Formation UX Design Lyon

Formation UX Design, prototyper avec Adobe XD

Intervenant formateur
Catégorie
Web Design et PAO
Durée 4 Jours / 28 heures
Niveau débutant
Stagiaires max 10
Prix de la formation TTC 1600
Descriptif de la formation

Adobe XD est un logiciel qui révolutionne le prototypage fonctionnel et la réalisation des maquettes d’applications web. Ce logiciel gratuit est intégré à la suite Adobe Creative Cloud, il permet de mettre en œuvre la modélisation des interfaces graphiques et d'obtenir ainsi un rendu fonctionnel. Adobe XD permet de définir les bonnes bases du développement front-end et de créer du design d’interaction.

La première journée de cette formation est consacrée à l’enseignement théorique et à l’acquisition des connaissances en ergonomie web et en UX design. Le stagiaire découvre les méthodes de création des interfaces et les différentes règles qui doivent être prises en compte pour réaliser une maquette visuellement plaisante, ergonomique et fonctionnelle. Le stagiaire découvre aussi la méthode du tri des carte et apprend à organiser le contenu de son interface et à optimiser la hiérarchisation de l’information.

La deuxième journée de cette formation est consacrée à l’apprentissage du logiciel Adobe XD. Le stagiaire réalise sa première maquette fonctionnelle grâce aux ressources graphiques mises à disposition par Adobe. Il apprend à exploiter les plans de travail et les outils de forme pour créer ses premiers éléments d’interaction. Il découvre les kits de design d’interfaces et les plugins qui permettent d’accélérer le développement du prototype.

La troisième journée de cette formation est consacrée à la réalisation d’un prototype fonctionnel. Le stagiaire utilise ses nouvelles compétences en UX design pour réaliser la refonte graphique et fonctionnelle d’une application mobile. Il est en mesure d’optimiser l’ergonomie des interfaces ; de définir une parcours utilisateur cohérent et de focaliser sur le design centré utilisateur pour améliorer le niveau d’interaction de son prototype. En exploitant les systèmes de conception (design systems), le stagiaire apprend aussi à travailler dans un mode collaboratif pour réviser ou continuer à développer son prototype.

La quatrième journée de cette formation est consacrée aux tests d’utilisabilité et à la méthodologie UX qui doit être mise en œuvre pour auditer une application mobile ou un site internet. Le protocole de test permet de d’analyser le comportement de l’utilisateur, de révéler des dysfonctionnements et ses difficultés réelles à utiliser une application web. Le stagiaire apprend comment organiser ce test d’utilisabilité en entreprise et comment garantir son bon déroulement.

A qui s’adresse cette formation 

Cette formation s’adresse au chef de projet web et au professionnel de la communication qui souhaitent acquérir une méthodologie et une expertise en UX design. La formation peut aussi être suivie par le chef d’entreprise qui découvre l’UX design et qui souhaite améliorer l'ergonomie et l’utilisabilité d’une solution web existante.

Les points forts de cette formation en UX design

Adobe XD est un logiciel qui est simple à utiliser. La prise en main du programme est immédiate et facilitée grâce à une interface intuitive et un palette d’outils épurée. Le logiciel permet de passer rapidement du mode design au mode prototype et de tester la progression du travail qui est réalisé grâce à un mode de prévisualisation efficace. Les systèmes de conception sont très utiles pour travailler en mode collaboratif et pour partager des ressources au sein de son équipe.

L’enseignement théorique qui vous est proposé en UX design s’appuie sur une méthodologie qui a fait ses preuves dans le monde entier. Elle a été conçue par un ergonome américain très réputé qui se nomme Steve Krug. Sa démarche et ses compétences sont unanimement reconnues par tous les professionnels qui sont spécialisés en web design et en UX design.

Programme de formation

Théorie UX Design
  • Appréhender l'ergonomie des interfaces IHM
  • Analyser un parcours UX et débloquer les contraintes
  • Créer une carte d'empathie
  • Respecter les conventions de la création web
  • Le design persuasif
  • Exploiter le mind mapping pour créer son arborescence
  • Délaisser les Wireframes pour un prototypage dynamique
  • Apprendre à hiérarchiser l'information sur une page web
  • Concevoir l'arborescence d'une application web
  • Passer du concept au prototype
Prototyper avec Adobe XD
  • Prendre en main Adobe XD
  • Créer un nouveau projet en utilisant des gabarits
  • Exploiter efficacement les plans de travail
  • Réaliser des formes et éléments fonctionnels
  • Créer sa bibliothèque d'actifs et de composants
  • Importer ses visuels dans Adobe XD
  • Utiliser les grilles de répétition
  • Utiliser les outils de texte
  • Travailler avec les objets et les masques
  • Créer des micro interactions
  • Utiliser les plugins pour émanciper sa maquette
  • Créer ou modifier des formes vectorielles
  • Importer des fichiers à partir de sources externes
  • Utiliser des kits de design 
  • Exporter des éléments créés dans Adobe XD
  • Passer du design au prototype interactif
  • Lier de nombreux plans de travail entre eux
  • Ajouter des incrustations (menus, visuels promotionnels)
  • Partager son prototype dans le Creative Cloud
  • Tester son prototype au sein d'une équipe
  • Utiliser l'application mobile Adobe XD
Cas pratique réalisé pendant cette formation

Le stagiaire réalise l'interfaçage graphique d'une application mobile. Il valorise son concept en créant un prototype interactif qui intègre un parcours utilisateur optimisé et des micro interactions visuellement modernes. Il Focalise sur le design centré utilisateur pour améliorer le niveau d’interaction et la fluidité du parcours de visite. Il réalise son prototype interactif en prenant en compte les conventions du web design et il apprend à respecter les règles ergonomiques universelles et cette nécessité d'avoir à créer du design d'interface engageant.

Le test d'utilisabilité en UX design
  • Réaliser l'audit d'une application web
  • Comment organiser un test d'utilisabilité ?
  • Comment définir les objectifs du test d'utilisabilité ?
  • Sélectionner des observateurs et des testeurs
  • Présenter le scénario et les consignes
  • Superviser les intervenants
  • Analyser les biais cognitifs du testeur
  • Interpréter la perception des interfaces web
  • Analyser les résultat du test
  • Rédiger le compte-rendu du test d'utilisabilité
  • Justifier son projet de refonte

Méthodes pédagogiques

  • 1 poste informatique par stagiaire (Windows 10)
  • 1 accès Wifi haut débit
  • 1 licence Adobe Creative Cloud installée sur chaque poste
  • 1 support de cours dématérialisé
  • 1 enquête de satisfaction réalisées à l'issue de la formation
  • 1 échange pédagogique proposé après la formation

La pédagogie au service de la créativité...

Formation Adobe Photoshop

Formation Adobe Photoshop Lyon

Un logiciel exceptionnel au service d'un esprit créatif et de vos besoins professionnels en communication visuelle.

Programme de la formation Adobe Photoshop

Formation Référencement SEO

Formation Référencement naturel SEO Lyon

Relevez le challenge et partez à la conquête de Google pour obtenir un meilleurs positionnement de votre site.

Programme de la formation SEO

Formation Wordpress

Formation Wordpress Lyon

Plus besoin d'être développeur web pour créer un site web, Wordpress vous offre des solutions efficaces.

Programme de la formation WordPress

Formation UX Design

Formation UX Design Lyon

Boostez votre taux de conversion en proposant une expérience utilisateur optimisée à vos clients.

Programme de la formation en UX design

Formation PAO

Formation PAO Lyon

L'élu a besoin des trois fragments de la Triforce pour être 100% opérationnel en PAO.

Programme de la formation PAO

Formation Réseaux Sociaux

formation réseaux sociaux lyon Facebook Instagram

Pour attirer l'attention, il faut apprendre à construire son identité social media.

Programme de la formation Réseaux Sociaux

Prochaines sessions de formation

Voici les prochains stages inter-entreprises programmés par WebWeLearn. Contactez-nous pour vous inscrire.