UX Design avec Adobe XD
Cette formation UX Design vous permet d’acquérir une excellente méthodologie sur la conception, l’architecture et le prototypage d’un site Web ou d’une application avec le logiciel Adobe XD. Cette approche vous permet d’apprendre à composer avec les exigences de l’internaute (utilisateur) et de concevoir des structures efficaces, ergonomiques et agréables en vue de parfaire l’expérience utilisateur.
Présentiel / Distanciel
5 jours – 35 h
Max. 8 pers
Sessions à Paris
Prochaines sessionsPrix : 1 900 € HT (+20 % TVA)
L’UX (User Experience) design est au croisement de compétences telles que le design, la technologie et les sciences humaines. L’objectif est de vous spécialiser sur la conception d’interaction centrée sur l’internaute, d’acquérir de bonnes méthodologies d’ergonomie, de sensibiliser votre esprit d’analyse, de réaliser des gabarits Web et mobile et d’argumenter vos choix lors de présentation.
Comprendre l’UX design
Les principes de conception
- Le feedback
- Affordance et mapping
- Le guidage
- La découverte progressive
- Homogénéité et anticipation de l’erreur
- La narration
Le design thinking
- Définition
- Les méthodes d’idéation
Exercice
- Atelier d’idéation basé sur la refonte d’un site
Architecturer l’information
Architecture de l’information
- L’arborescence
- Croquis
- Zoning
- Wireframe
- Storyboard
- Les grilles
- Les types d’interface
- Sens de lecture
- Zone de flottaison
- Fil d’Ariane
- Zoning de bloc
- L’usage des textes et pictogrammes
- Hiérarchie textuelle et SEO
- Les formulaires
Réaliser un prototype le prototype
- Définition
- Les 4 étapes
- L’anticipation
Les bases du projet
- La stratégie
- Devices et checkpoints
- Veille fonctionnelle
- L’innovation
- Les personas
- La taxonomie
- L’user flow
- Le mockup
- Le prototypage
- Le design
- Le maquettage / Test utilisateur
Exercice
- Appliquer la méthodologie vue précédemment pour la homepage d’un site ecommerce. De la stratégie jusqu’au croquis.
Prototyper avec Adobe XD
Découvrir Adobe XD
- Découverte de l’interface
- Utiliser les plans de travail
- Dessiner des formes
- Plan de travail responsif
- Comprendre les actifs
- Comprendre les composants
- Créer un prototype ou un wireframe
- Animer son prototype
Exercice
- Réaliser un prototype à partir du croquis ébauché.
Concevoir une application
Exercice 1 : Stratégie et définition des objectifs
- La stratégie
- Les devices
- Les veilles fonctionnelles
- Les personas
- La taxonomie
- L’user flow
Exercice 2 : Ébauche graphique de 3 pages (croquis)
Exercice 3 : prototypage sur Adobe XD au format mobile
Formation présentielle et/ou distancielle durant laquelle seront alternés explications théoriques et exercices pratiques.
Webdesigner. Graphiste. Directeur artistique. Concepteur ou développeur de sites ou d’applications mobiles. Chef de projet web. Chef de projet numérique multisupports. Chef de projet digital, etc.
Nos formations sont accessibles aux personnes en situation de handicap. Les aspects, l’accessibilité et le type de handicap au regard des modalités d’accompagnement pédagogiques sont à évoquer impérativement au cours de l’entretien préalable à toute contractualisation afin de pouvoir orienter ou accompagner au mieux les personnes en situation de handicap.
Les travaux des stagiaires sont visualisés et analysés avec le formateur. Apprentissage par la pratique d’exercices.
Connaitre l’environnement web et être à l’aise avec le travail sur logiciels.
L’admission du candidat se fait sur la base :
- D’un questionnaire préalable dans lequel le candidat détaille ses compétences, ses acquis, ses formations et études et son objectif professionnel
- D’un entretien (téléphonique ou face à face, selon les cas) avec le responsable des formations, de la pédagogie et de la coordination des programmes afin de valider l’admission et répondre aux questions du candidat
Un ordinateur Mac ou PC par personne équipé de la dernière version du logiciel Adobe XD. Support de cours fourni.
Modèle de sous-menu (nested accordeon) à modifier. Utilisation : 1-activer la visibilité de ce modèle dans : section > avancé > responsive ; 2-personnaliser ce modèle ; 3-enregistrer comme modèle (ex de nom : sous-accordeon-gris-1); 4-désactiver la visibilité de ce modèle ; 5-copier-coller le shortcode généré (voir dans backoffice WordPress) dans une sous famille ci-dessous. Attention : un modèle unique par sous-menu !
Financement
À chaque situation, un ou plusieurs dispositifs peuvent financer votre formation
Pour aller plus loin
Présentiel / Distanciel
5 jours – 35 h
Max. 8 pers
Sessions à Paris
Prix : 1 900 € HT (+20 % TVA)
