Formation UI UX Design

Leçon 1 • Principes fondamentaux du bon design

Couvre la convivialité, l'accessibilité, la cohérence et le feedback comme principes fondateurs. Les étudiants les appliquent comme critères d'évaluation dans tous les travaux ultérieurs.

Leçon 2 • Comprendre l'UI vs l'UX

Définit l'UI comme la couche d'interface visuelle et l'UX comme le parcours utilisateur complet. Établit le vocabulaire utilisé tout au long du cours.

Leçon 3 • Aperçu du processus de conception

Cartographie le flux de travail de conception de bout en bout, de la découverte à la remise. Fournit une feuille de route que les étudiants suivent à travers tous les chapitres principaux.

Leçon 1 • Méthodes de Recherche Quantitative

Présente les enquêtes, l'examen des analyses et l'interprétation des données comportementales. Équilibre les résultats qualitatifs avec des preuves mesurables.

Leçon 2 • Planification et Stratégie de Recherche

Enseigne comment définir les objectifs de recherche, sélectionner les méthodes et recruter les participants. Aligne la portée de la recherche avec les contraintes du projet.

Leçon 3 • Synthèse des Recherches en Informations

Transforme les données brutes en cartes d'affinité, personas et cartes de parcours. Les résultats alimentent directement l'idéation et l'architecture de l'information.

Leçon 1 • Modèles de Navigation et Menus

Couvre les modèles de navigation globale, locale et contextuelle pour le web et le mobile. Les étudiants sélectionnent les modèles en fonction du volume de contenu et du contexte utilisateur.

Leçon 2 • Tri de Cartes et Test d'Arborescence

Enseigne le tri de cartes ouvert et fermé pour valider les regroupements par catégorie. Le test d'arborescence vérifie la navigation avant le début de la conception visuelle.

Leçon 3 • Principes de l'Architecture de l'Information

Explique les piliers de l'IA : organisation, étiquetage, navigation et recherche. Relie les décisions d'IA aux modèles mentaux des utilisateurs issus de la recherche.

Leçon 1 • Flux Utilisateur et Cartographie des Tâches

Définit les flux utilisateur comme des chemins étape par étape à travers les tâches avant que les écrans ne soient dessinés. Garantit que les maquettes filaires répondent aux objectifs utilisateur réels identifiés dans la recherche.

Leçon 2 • Techniques de Croquis et d'Idéation

Présente le croquis rapide, l'exercice Crazy Eights et les méthodes de vignettes pour une idéation rapide. Encourage la quantité sur la qualité pour faire émerger diverses options de mise en page.

Leçon 3 • Liens de Prototype Basse Fidélité

Connecte les écrans de maquettes filaires en prototypes cliquables pour des tests de convivialité précoces. Valide la navigation et les flux de tâches avant l'investissement dans la conception visuelle.

Leçon 1 • Hiérarchie Visuelle et Accentuation

Guide l'utilisation de la taille, de la graisse, du contraste et de la position pour diriger l'attention de l'utilisateur. Les étudiants appliquent la hiérarchie pour garantir que les actions critiques sont immédiatement visibles.

Leçon 2 • Mise en Page, Grilles et Espacement

Explique les grilles de colonnes, les grilles de base et les tokens d'espacement pour des mises en page cohérentes. Relie les décisions de mise en page au rythme visuel et à la hiérarchie du contenu.

Leçon 3 • Théorie des Couleurs et Systèmes de Couleurs pour l'UI

Enseigne la psychologie des couleurs, les rapports de contraste et la construction d'une palette de couleurs pour l'interface. Les étudiants créent des systèmes de couleurs accessibles répondant aux normes de contraste.

Leçon 4 • Typographie dans la Conception d'Interface

Couvre la sélection de polices, l'échelle typographique, l'interlignage et la lisibilité pour les écrans. Les choix typographiques affectent directement la convivialité et la perception de la marque.

Leçon 1 • Documentation et Maintenance des Systèmes

Guide la rédaction de directives d'utilisation, d'exemples à faire et à ne pas faire, et le versioning des composants. La documentation permet aux équipes d'adopter le système sans intervention du designer.

Leçon 2 • Anatomie d'un Système de Design

Définit les tokens de design, les composants, les motifs et la documentation comme couches du système. Explique pourquoi les systèmes réduisent les incohérences et accélèrent la production.

Leçon 3 • Composants Responsive et Adaptatifs

Couvre comment les composants s'adaptent à différentes tailles d'écran à l'aide de la mise en page automatique et des contraintes. Garantit que le système fonctionne sur les contextes mobile, tablette et desktop.

Leçon 1 • Construction de Prototypes Haute Fidélité

Applique les composants du système de design pour créer des prototypes interactifs pixel-perfect. Les prototypes reproduisent le comportement réel de l'application pour des tests de convivialité crédibles.

Leçon 2 • Test et Affinage de Prototype

Guide le test structuré des prototypes haute fidélité pour identifier les échecs d'interaction. Les cycles d'affinage réduisent l'écart entre le prototype et le produit final.

Leçon 3 • Micro-Interactions et Animation

Enseigne les boucles déclencheur-feedback, les courbes d'assouplissement et les directives de durée pour l'animation dans l'interface. Les étudiants conçoivent des animations qui guident l'attention sans causer de distraction.

Leçon 4 • Conception d'Interactions Gestuelles et Tactiles

Couvre les motifs de glissement, pincement, tapotement et appui long pour les interfaces mobiles et tactiles. Les étudiants conçoivent des flux basés sur les gestes qui semblent naturels et découvrables.

Leçon 1 • Fondamentaux des Tests de Convivialité

Définit les tests modérés vs non modérés et quand appliquer chaque méthode. Établit le test comme une activité continue, et non une vérification en phase finale.

Leçon 2 • Rédaction de Plans de Test et de Tâches

Enseigne comment rédiger des tâches basées sur des scénarios qui révèlent de véritables problèmes de convivialité. Des tâches bien rédigées évitent d'induire les participants en erreur et produisent des données valides.

Leçon 3 • Analyse et Rapport des Résultats

Transforme les données des sessions en problèmes classés par sévérité et recommandations priorisées. Les rapports communiquent les résultats aux parties prenantes qui n'étaient pas présentes.

Leçon 4 • Animation de Sessions de Convivialité

Couvre les techniques d'animateur pour maintenir les sessions neutres et productives. Les étudiants pratiquent l'observation, la prise de notes et le questionnement sans parti pris.