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

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

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)