Le designer d'expérience ou UX designer occupe une place prépondérante au sein d'une agence web. Son investissement est indispensable pour créer un site ou quand on élabore une application mobile. Le rôle d’un UX designer n'est jamais superflu ! En effet, ce collaborateur endosse assez souvent la casquette du chef de projet pour diriger les équipes qui s'investissent sur toutes les étapes menant au développement web. De la réflexion menée pour concevoir une maquette graphique au design affectant, en passant par l'élaboration du mindmapping et l'organisation des tests utilisateurs : l'UX designer s'investit sans relâche pour proposer la meilleure expérience utilisateur possible.
Pourquoi choisir Adobe XD pour prototyper son application web ?
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. Grâce à 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 capable 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 assurent 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-cré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.
Pourquoi le design d'expérience est-il si important en 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 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 avec 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. Il apprend aussi à 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
Moyens pédagogiques
- Cours animé par un formateur, aidé d'un support numérique
- Passage de la théorie à la pratique avec démonstrations ponctuelles
- Mise en pratique qui complémente l'enseignement théorique
Mise à jour du programme
- Formation proposée depuis le 1er Janvier 2018 et programme mis à jour le 20 Septembre 2021
