UX / UI Design

Virtual Factory

Voir des formations similaires

Public admis

Salarié en poste

Demandeur d'emploi

Entreprise

Étudiant

Modalités

En présentiel

Durée

30h en présentiel

Prix

15000 €

Localité

En présentiel

Découvrez les localités disponibles pour suivre cette formation en présentiel.

Certifications

Datadock

Qualiopi

Objectifs

Décrire les principes fondamentaux de l’UX Design (utilisabilité, parcours utilisateur, accessibilité).
Expliquer les notions clés d’UI Design (hiérarchie visuelle, typographie, couleur, mise en page).
Comprendre le processus de conception centré utilisateur.
Identifier les composants et contraintes d’un design system.
Comprendre les principes de prototypage interactif et de tests utilisateurs.

Réaliser une recherche utilisateur et une analyse des besoins.
Construire des personas, des user flows et des wireframes.
Concevoir une interface cohérente et responsive avec Figma.
Créer un design system réutilisable (styles, couleurs, composants).
Réaliser un prototype interactif fonctionnel et le présenter.
Organiser et documenter son travail dans Figma de manière professionnelle.

Travailler en équipe sur des projets collaboratifs (co-design dans Figma).
Prendre en compte les retours utilisateurs et itérer sur son design.
Développer une pensée critique et une curiosité sur l’expérience utilisateur.
Communiquer efficacement ses choix visuels et ergonomiques.
Adopter une posture d’écoute, d’observation et d’ouverture.

Programme

Jour 1 – Introduction à l’UX Design & définition du projet
Objectif : comprendre l’approche UX et définir la base du projet utilisateur.

Matin (3h)
* Introduction à l’UX Design : définitions, enjeux, exemples inspirants.
* Les 5 étapes du design UX (Empathize, Define, Ideate, Prototype, Test).
* Présentation du projet fil rouge : choisir un thème d’application / site (ex : gestion de tâches, e-commerce, application bien-être…).
* Définir les objectifs et utilisateurs cibles.
Après-midi (3h)
* Recherche utilisateur : questionnaire, benchmark concurrentiel, analyse des besoins.
* Création de personas et user journeys.
* Atelier : cartographie du parcours utilisateur (user flow).
* Outil : FigJam pour la phase de brainstorming et parcours.
----------------------------------------

Jour 2 – Architecture de l’information & wireframes
Objectif : structurer les parcours et imaginer les premières interfaces.

Matin (3h)
* Introduction à l’architecture de l’information.
* Bonnes pratiques de navigation, hiérarchie et arborescence.
* Atelier : création du sitemap et des wireframes basse fidélité (papier ou Figma).
Après-midi (3h)
* Prise en main de Figma : interface, calques, frames, contraintes.
* Création des wireframes moyenne fidélité (maquettes grises).
* Atelier pratique : construire les écrans principaux de l’application.
* Feedback collectif sur les parcours et structure des écrans.
----------------------------------------

Jour 3 – Principes d’UI Design & design system
Objectif : apprendre à concevoir une interface graphique cohérente et esthétique.

Matin (3h)
* Introduction à l’UI Design : hiérarchie, typographie, couleur, espacement, icônes.
* Bonnes pratiques de contraste, lisibilité et accessibilité.
* Sélection des palettes, polices, composants récurrents.
Après-midi (3h)
* Création d’un design system Figma :

* Styles de texte et de couleur

* Grilles et contraintes responsives

* Boutons, champs, menus, composants interactifs
* Application du design system sur les maquettes.
* Atelier : création des premiers écrans finalisés en UI haute fidélité.
----------------------------------------

Jour 4 – Prototypage interactif & tests utilisateurs
Objectif : rendre les maquettes interactives et tester l’expérience.

Matin (3h)
* Introduction au prototypage dans Figma : interactions, transitions, animations.
* Création de liens entre les écrans et navigation dynamique.
* Intégration d’états (hover, pressed, etc.).
* Exercice : prototype d’un parcours utilisateur complet (ex : inscription ou achat).
Après-midi (3h)
* Tests utilisateurs : objectifs, déroulement, analyse.
* Observation et prise de notes sur les parcours testés.
* Ajustements des écrans et itérations.
* Atelier : retouches sur le prototype et préparation à la présentation finale.
----------------------------------------

Jour 5 – Présentation du projet final & perfectionnement
Objectif : finaliser et présenter le projet complet de conception UX/UI.

Matin (3h)
* Finalisation du prototype interactif.
* Préparation d’une présentation professionnelle (pitch du projet).
* Outils de collaboration Figma : partage, commentaires, export, documentation.
Après-midi (3h)
* Présentation des projets finaux (pitch + démonstration du prototype).
* Feedback collectif et conseils de perfectionnement.
* Introduction aux prochaines étapes :
* Collaboration avec les développeurs (handoff, specs Figma)
* Versions mobiles / desktop responsives
* Intégration UX/UI dans un environnement Agile.
* Clôture de la formation et évaluation des acquis.