UX / UI Design

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.