Cette formation peut être financée grâce au CPF (Compte Personnel de Formation). Le Compte Personnel de Formation permet d'acquérir des droits à la formation professionnelle, comptabilisés en euros, que chacun peut utiliser avec ou sans l'accord de son employeur tout au long de sa vie active (y compris en période de chômage) pour suivre une formation qualifiante ou certifiante.
Objectifs de formation
A l'issue de cette formation, vous serez capable de :
- Identifier les enjeux du design d'expérience utilisateur
- Utiliser les méthodes centrées utilisateur
- Appliquer l'UX Design à la conception d'interfaces
- Adopter des démarches de conception itératives
- Intégrer les notions de base de l'ergonomie des interfaces
- Améliorer la qualité des applications et des sites Web
- Concevoir des prototypes d'interface avec Figma
- Mettre en place des tests utilisateurs et évaluer l'utilisabilité d'une interface.
Compétences attestées par la certification
Bloc 4 - Design d'interfaces utilisateur (RNCP37805BC04)
- Comprendre une problématique client et son cahier des charges au moyen d'une grille d'analyse dans le but de concevoir des interfaces adaptées à l'identité du client et de la cible
- Préparer la maquette et ses différents composants au moyen d'un schéma (Wireframe) regroupant tous les éléments et leur positionnement, afin de proposer une expérience utilisateur simple, intuitive, et facilement accessible
- Concevoir des maquettes en utilisant un logiciel professionnel de création graphique afin de présenter au client un prototype d'interface pour son application ou site Internet
- Faire évoluer le contenu des maquettes afin de l'adapter aux différents périphériques et résolutions en construisant un prototype pour smartphone, tablette et desktop.
Lien pour visualiser le détail du Titre enregistré au RNCP : https://www.francecompetences.fr/recherche/rncp/37805/
Modalités, méthodes et moyens pédagogiques
Formation délivrée en présentiel ou distanciel* (blended-learning, e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :
- Ordinateurs Mac ou PC (sauf pour certains cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
- Environnements de formation installés sur les postes de travail ou en ligne
- Supports de cours et exercices
En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.
* nous consulter pour la faisabilité en distanciel
** ratio variable selon le cours suivi
Prérequis
Avoir une bonne pratique des fonctionnalités telles que la conception et/ou le développement de sites Web, d'applications mobiles ou la conduite de projet digital. Connaître un logiciel de prototypage tel qu'Adobe XD, Sketch, Figma, Framer, InVision... est un plus.
Public concerné
Chefs de projets digitaux, directeurs artistiques, développeurs Front, Web Designers, développeurs Web...
Programme
Jour 1 - Découvrir les fondamentaux
Définir l'expérience utilisateur
- Qu'est-ce-que l'UX Design ?
- Les composantes de l'UX
- Le rôle de l'UX Designer
- Le processus et le mode itératif de l'UX Design
- L'UI et l'ergonomie dans le processus UX
L'UX et la stratégie du projet
- Cerner l'expérience utilisateur dans la qualification d'un brief client
- Cerner l'impact stratégique de l'UX Design dans la conception d'un produit numérique
- Estimer l'espace fonctionnel d'un produit numérique
- Cerner les étapes essentielles d'une expérience utilisateur
- Prioriser les étapes de mise en oeuvre de l'UX Design dans un projet
- Estimer les étapes de mise en oeuvre de l'UX Design dans un projet
- Enumération de toutes les hypothèses et inconnues liées au projet
Comprendre l'humain dans l'UX
- Comprendre les mécanismes du cerveau humain
- Le processus de mémorisation
- Les lois et théories en UX (Gestalt, Hicks, Fitts...)
Exemple de travaux pratiques (à titre indicatif)
- Atelier 1
- Analyser l'interface selon les critères de design UX
Analyser un service
- Définir la notion de point noir
- Comprendre les bases de l'ergonomie d'interface Web
- Découvrir les différents critères heuristiques
Exemple de travaux pratiques (à titre indicatif)
- Atelier 2
- Réaliser un audit ergonomique d'un service numérique
Jour 2 - Explorer et identifier les utilisateurs
Le processus de recherche
- Mener ses recherches
- Recruter des utilisateurs
- Découvrir les méthodologies de recherche
- L'entretien
- L'observation
- Le focus group
- Le questionnaire exploratoire...
- Comprendre et éviter les biais cognitifs
- Décrire les approches des MVC et des personas
- Décrire la structure d'une fiche de persona
- Utiliser l'intelligence artificielle :
- Pour générer un questionnaire utilisateur
- Pour générer des profils utilisateurs
Exemples de travaux pratiques (à titre indicatif)
- Atelier 3
- Réaliser un guide et mener des entretiens
- Compléter une "empathy map"
- Créer un "persona"
Jour 3 - Révéler l'expérience utilisateur
Révéler l'expérience utilisateur ultime
- Identifier les enjeux du processus d'idéation en UX Design
- Découvrir les modes d'idéation (le six-to-one, storyboard, workshop, focus group, tri de carte...)
- Décrire les niveaux d'expérience utilisateur
- Identifier les niveaux de dialogue interface et utilisateur
Scénariser une expérience utilisateur
- Décrire les méthodes de création d'histoire d'utilisateur (user story)
- Décrire les principaux modes de storyboarding
- Identifier les points noirs dans une expérience utilisateur
Exemples de travaux pratiques (à titre indicatif)
- Atelier 4
- Créer les users stories d'un produit numérique
- Retranscrire les besoins utilisateurs
Scénariser une expérience utilisateur
- L'architecture de l'information
- Le parcours visuel d'une page Web
- Les systèmes de navigation Web et mobile
- L'accessibilité des éléments d'une interface (lisibilité, typographie, couleur, contraste...)
Exemples de travaux pratiques (à titre indicatif)
- Atelier 5
- Identifier les contenus avec la méthode du tri de carte
- Déterminer une structuration de l'information
- Réaliser une arborescence
Concevoir le modèle d'une expérience utilisateur
- Identifier les enjeux de l'utilisation de diagrammes d'alignement
- Enumérer les éléments d'expérience d'une histoire d'utilisateur
- Identifier les enjeux d'expérience globale
- Décrire la structure d'un diagramme d'alignement
- Décrire l'utilisation des diagrammes d'alignement
Exemples de travaux pratiques (à titre indicatif)
- Atelier 6
- Cerner l'alignement des éléments d'expérience du produit
- Modéliser l'expérience utilisateur "Expérience Map"
- Identifier les problèmes majeurs d'une expérience
Jour 4 - Générer des idées de conception
Concevoir le modèle d'interface d'une expérience utilisateur
- Identifier les enjeux de la conception d'interface en UX Design
- Identifier les enjeux et décrire l'utilisation de wireframe
- Décrire les principes du design émotionnel
- Identifier les enjeux du modèle d'interface mobile et tactile
Exemples de travaux pratiques (à titre indicatif)
- Atelier 7
- Enumérer les problématiques majeurs d'une expérience "How Might We"
- Brainstormer des idées liées aux problématiques identifiées (le six-to-one, crazy 8, idéation libre...)
User Flow
- Savoir interpréter un parcours utilisateur
- Méthodologie de travail pour la création d'un ensemble d'écrans
- Enjeux et risque
Exemples de travaux pratiques (à titre indicatif)
- Atelier 8
- Déterminer le parcours d'un utilisateur avec user flow ou wireflow
- Créer des modèles de pages sous forme de wireframe (papier)
- Envisager le modèle d'interface pour mobile
Concevoir un prototype interactif
- Découvrir l'environnement Figma
- Créer un projet / team sur Figma
- Identifier les outils collaboratifs
- Manipuler les fonctionnalités de base
- Créer des frames
- Appliquer des grilles et des repères
- Créer et manipuler les formes
- Utiliser les couleurs, dégradés, effets
- Ajouter et éditer du texte
- Importer et éditer des images
- Créer et gérer les composants
- Créer des interactions entre les frames
- Utiliser des plug-ins pour optimiser le prototype
- Utiliser les kits UI (templates, wireframe)
- Paramétrer Figma pour visualiser le prototype
- Utiliser l'application Figma Mirror
Exemple de travaux pratiques (à titre indicatif)
- Atelier 9
- Réaliser le prototype interactif mobile du produit numérique dessiné lors de l'atelier précédent
Jour 5 - Evaluer et tester
Tester le prototype
- Les enjeux des tests utilisateurs
- Les méthodes (Test de 5 secondes, A/B Testing, Le journal de bord, Test Guerilla)
- Définir les objectifs du test
- Recruter des utilisateurs
- Rédiger le protocole de test
- Analyser les résultats du test
- Découvrir des outils de testing (Odaptos, Maze...)
Exemples de travaux pratiques (à titre indicatif)
- Atelier 10
- Créer un protocole de test et réaliser un test utilisateur
- Identifier les points forts et points faibles et proposer des axes d'amélioration
Préparation et passage du CCP (bloc 4) "Design d'interfaces utilisateur"
Passage du CCP :
- Le candidat réalise en autonomie les maquettes d'interfaces de site Web ou d'application, adaptées aux différents périphériques en suivant et analysant le cahier des charges fourni
- Durant cette période, le candidat présente ensuite à l'oral les maquettes aux jurés et argumente ses choix graphiques, ainsi que sa réflexion en termes d'interfaces / expérience utilisateur
- Eléments attendus :
- Maquettes
- Liste des propositions validées par le client
- Tous supports permettant d'appuyer l'argumentation
- Sources d'inspiration
- Analyse de la concurrence
- Schéma de conception (wireframe)
- Fichier validant les choix colorimétriques, typographiques... (Brand Board)
- Prototypage des différentes interactions des éléments interactifs
- Export des éléments graphiques optimisés en vue de l'intégration (assets)
- Pour valider un bloc, l'évaluation des acquis doit être supérieure à 50%
- Le jury de certification se réunit dans les 3 mois maximum après le jury d'évaluation
- Le candidat recevra un certificat de bloc en cas de réussite
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des productions
- Et, en fin de formation, par le passage du Titre professionnel "Développeur Web - Bloc 4"
Accessibilité de la formation
Le groupe M2i s'engage pour faciliter l'accessibilité de ses formations. Les détails de l'accueil des personnes en situation de handicap sont consultables sur la page Accueil et Handicap.
Modalités et délais d’accès à la formation
Les formations M2i sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 11 jours ouvrés.
