Design d'interfaces utilisateur
YOU'LEARNING
Objectifs de la formation
• Analyser un brief client et schématiser l'interface à concevoir
• Concevoir des wireframes structurés et fonctionnels, pensés pour l'expérience utilisateur
• Réaliser des maquettes haute fidélité sur Figma en respectant les codes du design UI professionnel
• Décliner les maquettes sur desktop, tablette et smartphone et livrer un prototype interactif multi-support
• Présenter et défendre ses choix graphiques et UX devant un jury
Programme
La formation permet d'accéder au BLOC 4 de la certification RNCP37805 « Développeur Web » niveau 5, délivrée par WEBECOM et enregistrée au RNCP le 17/07/2023.
Cette formation permet aux apprenants d'acquérir les compétences essentielles en conception UX/UI afin de créer des interfaces web et mobiles modernes, intuitives et adaptées aux besoins des utilisateurs.
Le module 1 « Analyse du cahier des charges & stratégie UX » permet aux apprenants de comprendre les besoins d'un client et les attentes des utilisateurs afin de concevoir une expérience adaptée. Les stagiaires apprennent à analyser un brief, identifier les enjeux du projet, construire des personas, réaliser des parcours utilisateurs et effectuer des benchmarks concurrentiels. Ils découvrent également les bases de l'identité visuelle, de la psychologie des couleurs et des recommandations UX stratégiques à l'aide d'outils comme FigJam, Miro ou Pinterest.
Le module 2 « Architecture de l'information & Wireframing » est consacré à l'organisation des contenus et à la création des premières maquettes fonctionnelles. Les apprenants travaillent la hiérarchie visuelle, les flux de navigation et les principes d'ergonomie afin de concevoir des interfaces intuitives et accessibles. Ils réalisent des wireframes basse et moyenne fidélité pour sites web et applications mobiles à l'aide de Figma et Balsamiq, tout en apprenant à structurer un sitemap et documenter leurs maquettes pour la communication client.
Le module 3 « Maquettage UI & Design graphique professionnel » permet de transformer les wireframes en interfaces graphiques complètes et professionnelles. Les stagiaires approfondissent l'utilisation avancée de Figma ainsi que des outils Adobe Photoshop et Illustrator. Ils apprennent à concevoir des maquettes haute fidélité, des design systems, des composants réutilisables et des chartes graphiques cohérentes. Ce module développe également les compétences liées à la typographie, à la colorimétrie, à l'accessibilité numérique et à l'optimisation des éléments graphiques destinés à l'intégration web et mobile.
Le module 4 « Responsive Design & Prototypage interactif » permet aux participants d'adapter leurs interfaces à tous les formats d'écran et de créer des prototypes interactifs simulant l'expérience utilisateur réelle. Les apprenants découvrent les principes du responsive design, les breakpoints et l'adaptation mobile-first. Ils créent des animations, transitions et parcours interactifs avec Figma, puis réalisent des tests utilisateurs afin d'améliorer l'ergonomie des interfaces. Le module aborde également la préparation des livrables finaux et la présentation professionnelle du projet devant un client ou un jury.
Pré requis :
- Intérêt pour les nouvelles technologies
- Bases de l'anglais
- Logique de base
Modalités d'évaluation :
- Mise en situation professionnelle
- Contrôle continu
Lien vers la fiche France compétences : https://www.francecompetences.fr/recherche/rncp/37805/
Résultats attendus
La formation permet d'accéder au bloc 4 de la certification RNCP37805 «Développeur Web » niveau 5, délivrée par WEBECOM et enregistrée au RNCP le 17/07/2023.
Pré requis :
- Intérêt pour les nouvelles technologies.
- Bases de l'anglais.
- Logique de base.
Modalités d'évaluation :
- Mise en situation professionnelle.
- Contrôle continu.
Lien vers la fiche France compétences : https://www.francecompetences.fr/recherche/rncp/37805/
Les points forts
Formation complète et professionnalisante alliant UX, UI, responsive design et prototypage interactif. Approche 100 % pratique avec ateliers, projet fil rouge, maîtrise de Figma et création de maquettes web et mobiles adaptées aux standards actuels.
La certification
- TypeTitre RNCP
- Niveau de sortieBAC+2 : DEUG, BT, DUT... (NIVEAU 5)
- Spécialité (NSF)Informatique, traitement de l'information, réseaux de transmission
- DomaineArchitecture web
- Métier viséDéveloppeur / Développeuse informatique
RNCP 37805 RS -1 CertifInfo 115146 Organisme & lieu
- OrganismeYOU'LEARNING
- Région