Formation en Design UI/UX

Leçon 1 • Principes Fondamentaux du Design

Présente les principes de la Gestalt, la hiérarchie, 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 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 UI/UX.

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'UI vs l'UX

Définit l'UI comme couche d'interface visuelle et l'UX 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 résultats qualitatifs par des données utilisateur mesurables.

Leçon 2 • Synthétiser les Insights de Recherche

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

Leçon 3 • Mener des Entretiens Utilisateurs

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

Leçon 4 • Créer des Personas Utilisateurs et des Cartes de Parcours

Guide les étudiants dans la construction de personas fondés sur des preuves et la cartographie des parcours utilisateur de bout en bout. Ces artefacts communiquent le contexte utilisateur aux parties prenantes.

Leçon 1 • Systèmes de Recherche et de Wayfinding

Aborde l'expérience utilisateur de recherche, les filtres, la navigation 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 Sitemaps et des Taxonomies

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

Leçon 3 • Tri de Cartes et Tree Testing

Enseigne les méthodes participatives pour valider les regroupements de contenu et les étiquettes de navigation. Produit des décisions IA 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, latérale, les onglets et les menus hamburger. Associe les modèles à l'appareil et au contexte.

Leçon 1 • Techniques de Wireframing Numérique

Couvre la création de wireframes mi-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 feedback, l'offre et les changements d'état. Fait le pont entre les wireframes statiques et les prototypes dynamiques.

Leçon 3 • Esquisse et Wireframes Basse Fidélité

Introduit l'esquisse rapide et le wireframing papier comme outils d'idéation rapide. Encourage la pensée divergente avant de s'engager dans les 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 du 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 tous les écrans d'un produit.

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

Introduit les grilles à 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 à des systèmes de design multi-écrans.

Leçon 3 • Théorie des Couleurs et Application à l'Interface

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. Assure 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 des tâches et le recrutement de participants représentatifs. Assure que les tests fournissent des informations 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 session en problèmes de conception priorisés.

Leçon 3 • Rapporter et Agir sur les Résultats

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é, y compris l'efficacité, l'efficience et la satisfaction. Positionne les tests comme une activité de conception centrale, et non comme 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. Mappe 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 que le contenu est lisible quelles que soient les capacités visuelles.

Leçon 3 • Audit d'Accessibilité et Correction

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

Leçon 4 • Principes du Design Inclusif

Introduit le spectre des capacités humaines et le modèle social du handicap. Recadre l'accessibilité comme une qualité de conception, 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, de processus de contribution et de 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 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é de l'équipe.

Leçon 4 • Tokens de Design et Thématisation

Introduit les tokens de design comme 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.