Développeur Web - BC04 Design d'interfaces utilisateur UI/UX

• Développeur Web - Code CertifInfo 115146
  • Niveau de qualification : 5 - Savoirs étendus, spécialisés, factuels et théoriques

Objectifs

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

Programme de la formation

Partie 1 : L'UX Design
Qu'est-ce que l'UX Design?
- Définition (UX vs UX)
- Histoire de l'UX Design
- Le principe d'affordance
- Application dans un projet
- L'importance du facteur humain
- L'utilisateur en tant qu'être humain
- La psychologie cognitive
- Les neurones miroirs
- La notion d'attention
- La prise de décision chez l'être humain
La recherche utilisateurs
- Pourquoi mener une recherche utilisateurs ?
- Préparer le terrain
- Les différents types de recherche
- Les limites de la recherche utilisateurs
- Cas pratique (mener une recherche utilisateurs)
Les personas
- Pourquoi utiliser des personas ?
- Comprendre les personas
- Les différents types de personas
- Utiliser les personas en UX Design
- Cas pratique (création de personas)
Travailler en collaboration avec les utilisateurs
- Les méthodes de collaboration
- Scrum et les méthodes agiles
- Le Design Thinking
Partie 2 : L'UI Design
Qu'est-ce que l'UI Design ?
- Définition de l'UI Design
- Le graphisme et l'UI Design
- Les différentes interfaces d'applications
- Application dans un projet
L'identité visuelle
- Qu'est-ce que l'identité visuelle ?
- Présentation d'une identité visuelle complète
- Les couleurs et leurs codes
- Les différentes familles de typographies
- Vectoriel vs Matriciel
- Les règles fondamentales du webdesign
- Introduction aux règles du webdesign
- Le responsive design
- Le positionnement et le sens de lecture avec la loi de Fitts
- La familiarité avec la loi de Jakob
- La quantité avec les lois de Miller et de Hick
- Choisir ses couleurs
- Choisir ses typographies
- Hiérarchiser ses informations
- Ergonomie et accessibilité
Utiliser un logiciel de prototypage
- Découverte de Figma
- Les différents panneaux de l'interface
- Les frames et sections
- La manipulation des calques et des groupes
- Naviguer dans l'interface de Figma
- Les grilles et repères
- Les formes géométriques simples
- L'alignement
- Contraintes et autolayout
- L'outil plume
- Afficher, masquer et combiner des formes
- Créer et styliser du texte
- Importer des fichiers
- Enregistrer des styles pour son projet
- Les plugins
- Les composants
- Démonstration de création d'une maquette (recopier de l'interface de Spotify)
- Cas pratique (recopier l'interface de Netflix)
Créer une maquette de site web
- Recherche graphique et moodboard
- Choix des couleurs et typographies
- Zoning
- Wireframe
- Réaliser un header et un menu
- Créer une bannière
- Réaliser une section de pricing
- Réaliser une section témoignages
- Prévoir la version responsive de sa maquette
- Créer d'autres pages pour la suite
- Exporter et partager sa maquette
- Cas pratique (créer la page d'une application web)

Validation et sanction

Développeur Web

Type de formation

Certifiante

Sortie

Bac + 2