Formation UI UX Design

Leçon 1 • Principes fondamentaux d'un bon design

Couvre la convivialité, l'accessibilité, la cohérence et le feedback en tant que 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 design

Cartographie le flux de travail de design de bout en bout, de la découverte à la transmission. Fournit une feuille de route que les étudiants suivent dans 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étiser la recherche 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 globaux, locaux et contextuels 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 par cartes et test d'arborescence

Enseigne le tri par cartes ouvert et fermé pour valider les regroupements de catégories. Le test d'arborescence vérifie la navigation avant que le design visuel ne commence.

Leçon 3 • Principes de l'architecture de l'information

Explique l'organisation, l'étiquetage, la navigation et la recherche comme piliers de l'IA. 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, le Crazy Eights et les méthodes de vignette pour une idéation rapide. Encourage la quantité plutôt que la qualité pour faire émerger diverses options de mise en page.

Leçon 3 • Liaison de prototypes 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 le design visuel.

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 en 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'UI. Les étudiants créent des systèmes de couleurs accessibles répondant aux normes de contraste.

Leçon 4 • Typographie dans le design d'interface

Couvre la sélection des polices de caractères, l'échelle typographique, la hauteur de ligne et la lisibilité de lecture 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/ne pas faire et la gestion des versions pour les composants. La documentation permet aux équipes d'adopter le système sans l'intervention d'un 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 les couches du système. Explique pourquoi les systèmes réduisent l'incohérence et accélèrent la production.

Leçon 3 • Composants responsives et adaptatifs

Couvre la manière dont les composants s'adaptent aux différentes tailles d'écran à l'aide de l'auto-layout 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 et pixel-perfect. Les prototypes reproduisent le comportement réel d'une application pour des tests de convivialité crédibles.

Leçon 2 • Test et raffinement du prototype

Guide les tests structurés des prototypes haute fidélité pour identifier les échecs d'interaction. Les cycles de raffinement 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'easing et les directives de durée pour l'animation dans l'UI. 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 balayage, 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, non une vérification de dernière étape.

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 empêchent d'orienter les participants et produisent des données valides.

Leçon 3 • Analyse et rapport des résultats

Transforme les données de session en problèmes classés par gravité et en 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 de modérateur pour maintenir les sessions neutres et productives. Les étudiants pratiquent l'observation, la prise de notes et le questionnement sans parti pris.