Ui/ux design d'interfaces utilisateur

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

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.