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

15/05/2023 au 19/05/2023
19/06/2023 au 23/06/2023
17/07/2023 au 21/07/2023
02/10/2023 au 06/10/2023
13/11/2023 au 17/11/2023

Prix : 1 900 € HT (+20 % TVA)

Mise à jour le 6 janvier 2023 Télécharger

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 !

Cette formation
vous intéresse ?

Formation
en intra
et sur-mesure

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

15/05/2023 au 19/05/2023
19/06/2023 au 23/06/2023
17/07/2023 au 21/07/2023
02/10/2023 au 06/10/2023
13/11/2023 au 17/11/2023

Prix : 1 900 € HT (+20 % TVA)

Mise à jour le 6 janvier 2023 Télécharger