Aller au contenu principal
Formation UX Design Lyon

Apprendre l'UI et l'UX et 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 1400
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.

Créer et fluidifier ses parcours utilisateurs grâce à Adobe XD

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 œuvre la modélisation des interfaces graphiques et produit un prototype au rendu visuel et fonctionnel. 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. Grâce à Adobe XD, le design d'expérience appréhende 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 cocréation 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.

Améliorez le design, l'ergonomie et l'utilisabilité de vos solutions web !

Découvrir les base de l'ergonomie web et les convention UI/UX

La première journée de cette formation est consacrée à l’enseignement théorique et à l’acquisition des connaissances en ergonomie 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 cartes, il apprend à optimiser l'architecture de l'information pour que le contenu web soit proposé de manière structurée.

L'interfaçage graphique et le prototypage dynamique avec Adobe XD

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 la création du prototype. Pendant cette journée, le stagiaire peut aussi être amené à effectuer des retouches et du montage photographique avec Adobe Photoshop.

Créer une maquette interactive et faire ses premiers pas en web design

La troisième journée de cette formation est consacrée à la réalisation d’un prototype fonctionnel. Le stagiaire utilise ses nouvelles compétence en web design pour réaliser la refonte graphique et fonctionnelle d’une application mobile. Il est en mesure d’optimiser l’ergonomie des interfaces; de renforcer l'interactivité des parcours utilisateur et de focaliser sur un 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 sa maquette interactive

Audits de sites internet et tests d'utilisabilité UX

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 mobiles ou des sites internet. Le protocole de test permet 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.

Le design d'expérience, une expertise au cœur du marketing digital 

L'expertise en UX design est étroitement liée à la mise en place d'une stratégie en marketing digital. En effet, les problèmes ergonomiques et une expérience utilisateur bâclée peuvent pénaliser les performances du web mobile, miner les taux d'engagement et de conversion, donner une très mauvaise impression aux prospects et clients qui naviguent sur un site internet.

Cette formation s'adresse au chargé de communication digitale qui souhaite pluridisciplinariser ses compétences pour intervenir sur la chaîne de production d'un site internet. La formation s'adresse aussi au responsable marketing digital qui recherche une méthodologie UX pour évaluer et améliorer l'efficacité des solution web utilisées en entreprise, grâce à la réalisation d'audits et de tests d'utilisabilité.

Les points forts de cette formation

Adobe XD propose une interface intuitive, épurée et une palette d'outils 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.

4 journées pour apprendre à créer, optimiser et fluidifier ses parcours UX

Théorie UI/UX, indispensable en web 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 une application web 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 
  • 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 et du design d'expérience engageants.

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 qui nuisent l'expérience
  • Interpréter la perception des interfaces web
  • Analyser les résultats du test
  • Rédiger le compte rendu du test d'utilisabilité
  • Justifier son projet de refonte

Prérequis pour cette formation Adobe

  • Test de positionnement requis (échange téléphonique)
  • Connaissances de l'environnement informatique
  • Connaissances de l'environnement Adobe

Méthodes pédagogiques

  • Locaux accessibles aux stagiaires qui souffrent de problèmes de motricité
  • 1 poste informatique par stagiaire (Windows 10)
  • 1 licence Adobe Creative Cloud installée sur chaque poste
  • 1 accès Wifi haut débit
  • 1 évaluation systématique en fin de parcours
  • 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 photoshop en ligne adobe

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 seo référencement naturel à distance

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