Aller au contenu principal
Formation UX Design Lyon

Formation UX design, ergonomie web & prototypage 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

Le designer d'expérience occupe une place prépondérante au sein des équipes créatives. Dans le digital, son investissement est requis pendant la phase d'idéation du projet web, on évoque alors le Design ThinkingCependant, son rôle ne se limite pas à cet investissement théorique. En effet, l'UX designer peut aussi développer des compétences en design graphique et en gestion de projet quand le prototypage d'une solution web est réalisé en équipe et que l'AB testing requiert plusieurs intervenants.

Adobe XD, le prototypage et la co-conception UX nouvelle génération

Adobe XD  révolutionne la méthodologie UX et permet au web designer d'appréhender le maquettage graphique et le prototypage dynamique d'une application web en utilisant un seul et même programme. En utilisant Adobe XD, le web designer met en oeuvre la modélisation des interfaces graphiques et produit une prototype au rendu visuel et fonctionnels. Il passe du mode design au mode prototype pour animer ses maquettes graphiques et pour créer l'expérience utilisateur qui correspond aux besoins exprimés par le client. 

Adobe XD permet d'émuler l'affichage des pages web et de tester les différents parcours utilisateur imaginés pour la création d'un site internet ou d'une application mobile. De ce fait, les développeurs seront en mesure d'obtenir des maquettes qui retranscrivent des besoins plus précis. Dites adieu au zoning et aux wireframes statiques. Avec Adobe XD, l'UX designer la création du prototype en focalisant sur l’utilisabilité. Il est en mesure d’éradiquer les problèmes relatifs l’ergonomie des interfaces et d’optimiser l’intégration des zones cliquables grâce un mode de prévisualisation instantané.

Adobe XD est un programme indispensable pour les équipes qui prennent en charge la gestion d’un projet UX. Il permet d’aborder la phase d’idéation de manière très dynamique et transforme la manière de travailler au sein des équipes grâce à un mode collaboratif très performant. La co-conception est propulsée au cœur des projets. Les équipes sont en mesure d’intervenir sur la création du prototype en temps réel et d’améliorer le flux de production grâce à l’instantanéité des échanges.

Les systèmes de design facilitent aussi le travail de l'UI/UX designer car ils permettent d'homogénéiser le développement graphique et fonctionnel d’un prototype dynamique. Ils fournissent des composants graphiques et des outils qui s'intègrent parfaitement à Adobe XD et aident les équipes à travailler plus efficacement.

4 journées de formation consacrées au déploiement de vos compétences en UX design 

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, fonctionnelle et adaptée au responsive design. 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. Pendant cette journée, le stagiaire peut aussi être amené à effectuer des retouches et du montage photographique avec Adobe Photoshop.

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 des applications mobile ou des sites 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.

Emancipez votre vision de l'UX, professionnalisez vos compétences sur Adobe XD

Cette formation s’adresse au chef de projet web, au graphiste et au communicant qui souhaitent acquérir une méthodologie et une expertise logicielle en UX design. La formation peut aussi être suivie par le chef d’entreprise qui souhaite solutionner les problèmes ergonomiques de son site internet et optimiser l'utilisabilité de ses pages web pour obtenir plus d'engagement de la part des internautes.

Les points forts de cette formation

Adobe XD propose une interface intuitive, épurée et une palette d'outil réduite qui facilitent la prise en main et l'apprentissage logiciel. Les systèmes de conception et le mode collaboratif permettent de travailler plus efficacement au sein des organisations et de mutualiser un ensemble de ressources qui facilitent la création du prototype UX. 

L’enseignement théorique qui est proposé en UX design s’appuie (en partie) 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.

Au programme, un juste équilibre entre l'enseignement théorique et pratique en UX design

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 systèmes 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 créa 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