Adobe XD, concevoir l’expérience utilisateur

1 - Débutant

21 heures 0 mins

UX/UI, Ergonomie et Webdesign

Objectifs de la formation

Comprendre l’intérêt d’Adobe XD
Maîtriser l’interface du logiciel
Conserver la ligne graphique
Partager le prototype
Mettre en place l’interactivité

Programme de la formation

Découverte de l’interface d’Adobe XD

Qu’est-ce que Adobe XD ?
Les atouts et les enjeux du logiciel.
L’écran d’accueil d’Adobe XD, toutes ses particularités.
La barre de menus et la barre d’outils.
Les panneaux de propriétés.

Travaux pratiques

Découverte de l’interface.

Les étapes de conception

Le design d’interface.
Utiliser les grilles de répétition.
L’intégration de la charte graphique dans les wireframes.
Harmoniser la conception (styles de texte, couleurs…).
La gestion des différentes transitions et animations.
Les méthodologies du prototypage rapide.

Travaux pratiques

Incorporation de la charte graphique dans la conception d’une première maquette.

Les outils de dessins et la gestion des textes

La création de formes simples.
La création des éléments vectoriels.
Les icônes et les écrans de matériel.
La saisie de texte.
L’importation des fichiers textes.

Travaux pratiques

Création de menus de navigation et de blocs de contenus avec les outils vectoriels.

Le paramétrage des images et l’application des couleurs

L’importation de fichier sources.
La création de symboles.
La gestion des calques.
La création de nuanciers.

Travaux pratiques

Importation de fichiers sources (Photoshop, Illustrator) et incorporation dans des calques.

L’interface d’application mobile et le prototypage

La création des interfaces responsives.
La conception d’une maquette détaillée.
L’organisation des artboards.
L’utilisation de l’inspecteur.
Designer avec des UI-Kits.
Les kits de design d’interfaces, Material Design.

Travaux pratiques

Conception d’interface responsive pour les terminaux mobiles.

Propriétés partagées et communes

Redimensionnement dynamique des composants.
Créer deux écrans d’application mobile (connexion/inscription).

Partage des conceptions et des prototypes

Le partage et la mise en place du test.
Les commentaires et les ressources liées.
Les tests de support mobile.

Travaux pratiques

Mise à disposition de partages et de tests utilisateur coté client.

MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS

Modalités pédagogiques :

Évaluation des besoins et du profil des participants.
Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
Méthodes expositive, active et participative.
Réflexion et échanges sur cas pratiques.
Retours d'expériences.
Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.

Modalités d’évaluation :

Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.

Éléments matériels :

Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.

Référent pédagogique et formateur :

Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.

MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS

Feuilles de présences signées des participants et du formateur par demi-journée.
Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.

Please login to get access to the quiz

Back to UX/UI, Ergonomie et Webdesign

Public

Toute personne impliquée dans la création d'interface utilisateur.

Pré-requis

Avoir des notions de conception d'interface. La connaissance d'outils de retouche d'image est un plus.

Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en effectuant le test disponible en bas de cette page.

Lieu de formation

Intra-entreprise/à distance

Dates ou période

À définir. Nous consulter

Tarif

Sur devis. Merci de nous contacter

Modalités

Pour s’inscrire à notre formation, veuillez nous contacter par mail ou téléphone.

Démarrage de la formation sous deux semaines (délai indicatif).

Nous contacer

training@profind.fr

Assistance technique

Une assistance technique et pédagogique est mise à disposition tout au long du parcours de formation. En cas de difficulté liée à l’utilisation des outils de visioconférence, à l’accès aux ressources nécessaires aux travaux pratiques ou au suivi de la formation, notre équipe est joignable par téléphone ou par e-mail afin de vous apporter une réponse dans les meilleurs délais.

Informations complémentaires

Pour toute réclamation, aléas ou difficultés rencontrés pendant la formation, veuillez prendre contact avec notre organisme par téléphone ou par e-mail. Nous mettrons tout en œuvre pour trouver une solution adaptée.

Formation synchrone, réalisée à distance en visioconférence via l’application Microsoft Teams ou en présentiel dans les locaux du client.

Accessibilité handicap

Notre organisme de formation s’engage à favoriser l’accès à ses formations aux personnes en situation de handicap. Nous analysons les besoins spécifiques de chaque participant en amont de la formation afin de mettre en place les adaptations pédagogiques, techniques ou organisationnelles compatibles avec le déroulement de l’action de formation.

UX/UI, Ergonomie et Webdesign