Partie 1 : L'UX Design
Introduction à l'UX Design
- Définition et distinction entre UX et UI.
- Histoire et principe d'affordance.
- Application pratique.
Facteur Humain en UX
- Focus sur l'utilisateur, psychologie cognitive, neurones miroirs, attention, prise de décision.
Recherche Utilisateurs
- Importance, préparation, méthodologies, limites.
- Cas pratique : conduite d'une recherche.
Personas
- Utilité, compréhension, types.
- Création et application en UX.
- Exemple pratique.
Collaboration avec Utilisateurs
- Méthodes de collaboration.
- Scrum, méthodes agiles, Design Thinking.
Partie 2 : L'UI Design
Introduction à l'UI Design
- Définition, lien avec graphisme, types d'interfaces.
Identité Visuelle
- Concept, élaboration complète, couleurs, typographies, vectoriel vs matriciel.
Règles Fondamentales du Webdesign
- Responsive design, lois de Fitts, Jakob, Miller, Hick.
- Sélection couleurs, typographies, hiérarchisation, ergonomie.
Prototypage avec Figma
- Interface, frames, calques, grilles, formes, alignement, autolayout.
- Utilisation de l'outil plume, gestion des formes et du texte.
- Création de maquettes (Spotify, Netflix).
Maquette de Site Web
- Recherche graphique, moodboard, zoning, wireframe.
- Création d'éléments web (header, menu, bannière, sections).
- Responsive design, autres pages, exportation.
- Cas pratique de création.
Animation de Maquettes
- Prototypage, navigation, animations.
- Carrousels, menus, animations mobiles.
- Cas pratique d'animation d'applications web.
Ressources Utiles
- Community, plugins, UI kits.
L'objectif de cette formation est de vous permettre de préparer le passage de certification bloc n°4 RNCP37805BC04 intitulé «Design d’interfaces utilisateur (UI/UX).» issu de la certification RNCP37805 Développeur WEB de notre partenaire WEBECOM;
A l'issue de la formation, vous serez en mesure de :
- Maîtriser les fondamentaux de l’UI/UX design et être capable de les appliquer dans la conception d’applications
- Connaître les bases du fonctionnement psychologique de l’humain lorsqu’il navigue sur des applications
- Utiliser les outils de l’UX design pour comprendre ses utilisateurs
- Effectuer une recherche utilisateurs, faire des tests, concevoir des questionnaires
- Connaître les bases du webdesign (couleurs, typographie, alignement, hiérarchisation)
- Concevoir des interfaces orientées utilisateur
- Maîtriser les outils principaux du logiciel Figma
- Créer des prototypes d’applications grâce au logiciel Figma
- Concevoir des maquettes interactives avec le logiciel Figma
A l'issue de la formation vous serez en mesure de :
- Utiliser les notions de l’UX design pour effectuer des recherches utilisateurs
- Exploiter les résultats de ces recherches afin de créer des personas d’utilisateurs-types
- Créer des maquettes d’applications web et mobiles avec Figma
- Animer les prototypes de ces maquettes avec Figma
La finalité de cette formation est l'obtention de la certification bloc n°4 RNCP37805BC04 «Design d'interfaces utilisateur (UI/UX)», partie intégrante de la certification RNCP37805 Développeur WEB de WEBECOM. La certification, accessible après la formation et les révisions personnelles, exige la soumission de données personnelles et professionnelles telles que nom, prénom, date/lieu de naissance, coordonnées, expérience, fonction, statut, type de contrat, entreprise, et salaire. Ces informations contribuent à l'édition du parchemin de certification, au passeport de compétences, et à l'évaluation de l'impact de la certification.
Modalités de Passage de la Certification
Contrôle Continu
- Evaluations pédagogiques par les formateurs.
- Exercices pratiques autonomes.
- Appréciation et niveau d'acquisition (échelle de 0 à 5) par le responsable de formation.
Mise en Situation Professionnelle
- Création autonome de maquettes d'interfaces pour sites web/applications.
- Analyse du cahier des charges.
- Présentation orale/vidéo des maquettes, argumentation des choix graphiques et d'interface utilisateur.
Documents Requis
- Maquettes.
- Propositions validées.
- Supports d'argumentation, sources d'inspiration, analyse concurrentielle.
- Schémas de conception (wireframe), Brand Board.
- Prototypage et export des éléments graphiques (assets).
- Examen sur la plateforme Skills4all.
Évaluation et Validation
- Pondération: Mise en situation (5/8), Contrôle continu (3/8).
- Pas d'inscription requise, accès dans le cours.
- Examen à passer à la fin de la formation.
- Évaluation par correcteur et communication des résultats sous 3 semaines.
- Jury de certification par l'organisme certificateur.
Obtention de l'Attestation
- Notification officielle post-évaluation par le jury.
- Émission de l'attestation suite à la décision du jury.
- Délais d'attestation jusqu'à 4 mois post-formation, en fonction des jurys de certification (4 par an).
Ce programme rigoureux garantit une évaluation complète des compétences en design UI/UX, essentielles dans le domaine du développement web.