Formation UI/UX Design

Leçon 1 • Principes fondamentaux du design

Présente les principes de la Gestalt, la hiérarchie, le contraste visuel et l'alignement en tant que règles visuelles fondamentales. Applique ces principes à des exercices de critique d'interface.

Leçon 2 • Le processus de design thinking

Présente le modèle de design thinking en cinq étapes comme cadre de résolution de problèmes. Relie chaque étape à des livrables pratiques de design d'interface utilisateur et d'expérience utilisateur.

Leçon 3 • Histoire et évolution du design

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

Leçon 4 • Comprendre l'interface utilisateur vs l'expérience utilisateur

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

Leçon 1 • Enquêtes et recherche quantitative

Présente la conception d'enquêtes, l'échantillonnage et l'interprétation statistique de base. Complète les conclusions qualitatives par des données utilisateur mesurables.

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

Couvre la cartographie d'affinités, l'analyse thématique et la priorisation des insights. Transforme les données brutes en orientations de design 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 preuves et la cartographie de parcours utilisateur de bout en bout. Ces artefacts communiquent le contexte utilisateur aux parties prenantes.

Leçon 1 • Systèmes de recherche et de signalétique directionnelle

Aborde l'expérience utilisateur de la recherche, les filtres, le fil d'Ariane et les indicateurs de progression. Garantit 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 étoile. 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 les méthodes participatives pour valider les regroupements de contenu et les étiquettes de navigation. Produit des décisions d'architecture de l'information basées sur les données.

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

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

Leçon 1 • Techniques de maquettage 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, y compris le retour d'information, 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 le maquettage filaire sur 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 des é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 guide de style

Guide les étudiants dans la documentation des décisions visuelles dans un guide de style réutilisable. Garantit 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 en colonnes, les grilles de base et les systèmes d'espacement pour des mises en page cohérentes. Applique les règles de mise en page aux systèmes de design multi-écrans.

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

Couvre les modèles de couleurs, les palettes, 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 et l'utilisation des images dans les interfaces. Garantit que les éléments visuels renforcent le contenu plutôt que de distraire.

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

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

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

Couvre les taux de réussite des tâches, l'analyse des erreurs, le temps consacré à la tâche et le codage qualitatif. Convertit les observations de session en problèmes de design priorisés.

Leçon 3 • Rapporter et agir sur les conclusions

Guide les étudiants dans la rédaction de rapports de conclusions 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é, notamment l'efficacité, l'efficience et la satisfaction. Positionne les tests comme une activité de design centrale, et non comme une étape finale.

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

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

Leçon 2 • Couleur et typographie accessibles

Applique les exigences de rapport de contraste et les tailles de police minimales au design visuel. Garantit que le contenu est lisible pour tous les niveaux de capacité visuelle.

Leçon 3 • Audit d'accessibilité et remédiation

Enseigne les méthodes d'audit automatisées et manuelles pour identifier les échecs d'accessibilité. Les étudiants produisent des plans de remédiation 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 design, et non comme 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. Garantit 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 utilisateur en atomes, molécules, organismes et modèles. 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 les équipes.

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

Présente les tokens de design en tant que 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.