Formation en design UI/UX

Leçon 1 • Principes fondamentaux du design

Présente les principes de la Gestalt, la hiérarchie visuelle, le contraste et l'alignement comme règles visuelles de base. Applique ces principes à des exercices de critique d'interface.

Leçon 2 • Le processus de pensée design

Présente le modèle de pensée design en cinq étapes comme cadre de résolution de problèmes. Relie chaque étape à des livrables concrets en UI/UX.

Leçon 3 • Histoire et évolution du design

Retrace le design de ses racines imprimées et industrielles jusqu'aux interfaces numériques. Contextualise les pratiques modernes dans les changements historiques.

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

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

Leçon 1 • Sondages et recherche quantitative

Présente la conception de sondages, l'échantillonnage et l'interprétation statistique de base. Complète les résultats qualitatifs par des données utilisateur mesurables.

Leçon 2 • Synthétiser les insights de recherche

Couvre le mappage d'affinités, l'analyse thématique et la priorisation des insights. Transforme les données brutes en orientations de conception exploitables.

Leçon 3 • Mener des entretiens utilisateur

Enseigne les techniques d'entretien structuré et semi-structuré pour découvrir les motivations des utilisateurs. Développe les compétences d'écoute active et de questionnement neutre.

Leçon 4 • Créer des personas utilisateur et des cartes de parcours

Guide les étudiants dans la construction de personas fondés sur des données probantes et la cartographie de parcours utilisateur de bout en bout. Ces artéfacts communiquent le contexte utilisateur aux parties prenantes.

Leçon 1 • Systèmes de recherche et de repérage

Aborde l'UX de recherche, les filtres, le fil d'Ariane et les indicateurs de progression. Assure que les utilisateurs savent toujours où ils se trouvent et comment procéder.

Leçon 2 • Concevoir des plans de site et des taxonomies

Couvre les structures de site hiérarchiques, plates et en hub-and-spoke. Les étudiants créent des plans de site qui reflètent les modèles mentaux des utilisateurs.

Leçon 3 • Tri de cartes et test d'arbre

Enseigne des méthodes participatives pour valider les regroupements de contenu et les étiquettes de navigation. Produit des décisions d'architecture de l'information fondées sur les données.

Leçon 4 • Modèles de navigation et menus

Passe en revue les modèles de navigation courants, incluant la navigation supérieure, la navigation latérale, les onglets et les menus hamburger. Associe les modèles à l'appareil et au contexte.

Leçon 1 • Techniques de maquette filaire numérique

Couvre la création de maquettes filaires de moyenne fidélité à l'aide d'outils standard de l'industrie. Se concentre sur les grilles de mise en page, l'espacement et le placement des composants.

Leçon 2 • Fondamentaux du design d'interaction

Définit les objectifs du design d'interaction, incluant la rétroaction, l'affordance et les changements d'état. Fait le pont entre les maquettes filaires statiques et les prototypes dynamiques.

Leçon 3 • Esquisse et maquettes filaires basse-fidélité

Présente l'esquisse rapide et la maquette filaire papier comme outils d'idéation rapide. Encourage la pensée divergente avant de s'engager dans des outils numériques.

Leçon 4 • Construire des prototypes cliquables

Enseigne la liaison d'écrans et l'ajout de transitions pour simuler le comportement réel d'un produit. Produit des prototypes testables pour les sessions de recherche utilisateur.

Leçon 1 • Cohérence visuelle et guides de style

Guide les étudiants dans la documentation des décisions visuelles dans un guide de style réutilisable. Assure la cohérence du design sur l'ensemble des écrans d'un produit.

Leçon 2 • Mise en page, grilles et espacement

Présente les grilles de colonnes, les grilles de ligne de base et les systèmes d'espacement pour des mises en page cohérentes. Applique les règles de mise en page à des systèmes de design multi-écrans.

Leçon 3 • Théorie des couleurs et application à l'interface utilisateur

Couvre les modèles de couleurs, les palettes de couleurs, les rapports de contraste et les associations émotionnelles. Applique les décisions de couleur aux composants d'interface de manière systématique.

Leçon 4 • Iconographie et imagerie

Enseigne les principes de conception d'icônes, la cohérence de style graphique et l'utilisation d'images dans les interfaces utilisateur. Assure une cohérence visuelle qui renforce le contenu plutôt que de le distraire.

Leçon 1 • Planifier une étude d'utilisabilité

Couvre la rédaction de plans de test, la définition des tâches et le recrutement de participants représentatifs. Assure que les tests produisent des insights valides et fiables.

Leçon 2 • Analyser les données d'utilisabilité

Couvre les taux de succès des tâches, l'analyse des erreurs, le temps par tâche et le codage qualitatif. Convertit les observations de sessions en problèmes de conception priorisés.

Leçon 3 • Rapporter les résultats et agir en conséquence

Guide les étudiants dans la rédaction de rapports de résultats et la présentation de recommandations aux parties prenantes. Boucle la boucle entre les tests et l'itération du design.

Leçon 4 • Fondamentaux des tests d'utilisabilité

Définit les dimensions de l'utilisabilité, incluant l'efficacité, l'efficience et la satisfaction. Positionne les tests comme une activité centrale du design, et non une étape finale.

Leçon 1 • Règles pour l'accessibilité des contenus Web

Couvre les quatre principes WCAG : perceptible, utilisable, compréhensible et robuste. Associe les directives à des décisions de conception d'interface spécifiques.

Leçon 2 • Couleur et typographie accessibles

Applique les exigences de rapport de contraste et les tailles de police minimales au design visuel. Assure la lisibilité du contenu pour diverses capacités visuelles.

Leçon 3 • Audit et correction d'accessibilité

Enseigne les méthodes d'audit automatisé et manuel pour identifier les lacunes d'accessibilité. Les étudiants produisent des plans de correction priorisés pour des interfaces réelles.

Leçon 4 • Principes du design inclusif

Présente le spectre des capacités humaines et le modèle social du handicap. Recadre l'accessibilité comme une qualité de conception, et non une case à cocher de conformité.

Leçon 1 • Documenter et gouverner un système de design

Enseigne la rédaction de directives d'utilisation, les processus de contribution et les stratégies de versioning. Assure que le système reste précis et adopté par les équipes.

Leçon 2 • Méthodologie du design atomique

Applique le modèle de design atomique de Brad Frost pour décomposer l'interface en atomes, molécules, organismes et gabarits. Structure la hiérarchie des composants de manière logique.

Leçon 3 • Introduction aux systèmes de design

Définit les systèmes de design comme des sources uniques de vérité combinant composants, motifs et directives. Explique la valeur commerciale et les gains d'efficacité pour l'équipe.

Leçon 4 • Jetons de design et thèmes

Présente les jetons de design comme des variables nommées pour la couleur, l'espacement et la typographie. Permet une thématisation cohérente et la prise en charge du mode sombre.