Formation UX UI design

Leçon 1 • Mentalité de conception centrée sur l'humain

Présente le design comme un processus de résolution de problèmes centré sur les besoins humains. Établit l'empathie comme fondement de chaque choix de design effectué par la suite.

Leçon 2 • Principes fondamentaux du design

Introduit les principes visuels et d'interaction qui régissent les interfaces efficaces. Les étudiants appliquent ces principes pour évaluer de manière critique des produits existants.

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

Cartographie le flux de travail de design complet, de la découverte à la livraison. Fournit un modèle mental que les étudiants retrouveront tout au long du cours.

Leçon 1 • Synthétiser la recherche en insights

Transforme les données brutes en modèles, thèmes et insights de design exploitables. Les étudiants utilisent le mapping d'affinités et l'analyse thématique pour organiser les résultats.

Leçon 2 • Planification et stratégie de recherche

Couvre la manière de définir le périmètre d'un projet de recherche et de sélectionner les méthodes appropriées. Relie les objectifs de recherche aux objectifs commerciaux et aux questions de design.

Leçon 3 • Enquêtes et enquête contextuelle

Introduit la conception d'enquêtes et l'observation sur le terrain comme outils de recherche complémentaires. Les étudiants apprennent quand chaque méthode fournit les données les plus fiables.

Leçon 4 • Mener des entretiens utilisateur

Enseigne les techniques d'entretien structuré et semi-structuré pour découvrir les motivations des utilisateurs. Les étudiants pratiquent l'écoute active et le questionnement neutre.

Leçon 1 • Modèles de navigation et schémas

Passe en revue les modèles de navigation courants sur les contextes web et mobiles. Les étudiants sélectionnent et justifient des modèles en fonction du volume de contenu et des modèles mentaux des utilisateurs.

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

Enseigne des méthodes participatives pour valider les regroupements de contenu avec de vrais utilisateurs. Les résultats informent directement la structure du sitemap et les décisions d'étiquetage des menus.

Leçon 3 • Sitemaps et hiérarchies de contenu

Guide les étudiants dans la création de sitemaps visuels qui cartographient tous les écrans et relations du produit. Établit une référence partagée pour les équipes de design et de développement.

Leçon 1 • Techniques de croquis et d'idéation

Introduit le croquis rapide comme le moyen le plus rapide d'externaliser et de comparer des idées de design. Les étudiants pratiquent l'idéation quantitative avant de converger vers des solutions.

Leçon 2 • Anatomie et composants d'un wireframe

Décompose les éléments structurels communs à tous les wireframes, quelle que soit la plateforme. Les étudiants apprennent à représenter le contenu, la hiérarchie et l'interaction sans style visuel.

Leçon 3 • Prototypage basse fidélité et création de liens

Relie les écrans de wireframe en prototypes cliquables pour des tests d'utilisabilité précoces. Les étudiants apprennent à simuler des flux utilisateur sans design visuel haute fidélité.

Leçon 4 • Wireframing pour le web et le mobile

Applique les principes de wireframing aux contextes web responsive et mobile natif. Les étudiants produisent des mises en page adaptées à la plateforme qui respectent les contraintes de l'appareil.

Leçon 1 • Espacement, mise en page et systèmes de grille

Introduit les jetons d'espacement, les grilles de mise en page et les règles d'alignement pour une composition d'interface cohérente. Les étudiants appliquent la logique de la grille 8 points pour produire des mises en page structurées et évolutives.

Leçon 2 • Conception d'écran haute fidélité

Intègre tous les éléments de design visuel dans des compositions d'écran soignées et prêtes pour la production. Les étudiants appliquent la hiérarchie visuelle pour guider l'attention de l'utilisateur et soutenir l'accomplissement des tâches.

Leçon 3 • Iconographie et imagerie

Couvre les principes de conception d'icônes, les styles d'illustration et l'utilisation des images dans les contextes d'interface. Les étudiants sélectionnent et appliquent des actifs visuels qui renforcent le sens sans ajouter de bruit.

Leçon 4 • Typographie dans les interfaces numériques

Enseigne la sélection, l'échelle et la hiérarchie des polices pour les contextes de lecture sur écran. Les étudiants créent des systèmes typographiques qui améliorent la lisibilité et le rythme visuel.

Leçon 1 • Création de composants d'interface de base

Guide les étudiants dans la création de composants fondamentaux tels que les boutons, les champs de saisie et les cartes. Chaque composant est conçu en tenant compte des variantes, des états et de l'accessibilité.

Leçon 2 • Jetons, variables et thèmes

Introduit les jetons de design comme couche de liaison entre le design et le code. Les étudiants créent des structures de jetons qui prennent en charge la personnalisation thématique et l'évolutivité multi-marques.

Leçon 3 • Maintenance et évolution des systèmes de design

Aborde les défis opérationnels liés au maintien d'un système de design à jour à mesure que les produits évoluent. Les étudiants apprennent les modèles de contribution et les stratégies d'obsolescence pour une santé à long terme.

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

Définit les systèmes de design comme des sources uniques de vérité pour les équipes produit. Les étudiants comprennent la valeur commerciale de la cohérence et de la réduction de la dette de design.

Leçon 1 • Conception pour le tactile et les gestes

Aborde les défis d'interaction uniques des appareils tactiles et des interfaces pilotées par les gestes. Les étudiants conçoivent des vocabulaires gestuels qui semblent naturels et découvrables.

Leçon 2 • Micro-interactions et animation

Couvre la conception de petites animations intentionnelles qui guident l'attention et confirment les actions. Les étudiants distinguent l'animation décorative du design de mouvement fonctionnel.

Leçon 3 • Techniques de prototypage haute fidélité

S'appuie sur le prototypage de wireframe pour créer des simulations réalistes et interactives du produit final. Les étudiants utilisent des fonctionnalités avancées de prototype pour reproduire des flux d'interaction réels.

Leçon 4 • Prototypage pour la communication avec les parties prenantes

Apprend à adapter la fidélité et le périmètre du prototype aux différents publics de parties prenantes. Les étudiants apprennent à utiliser les prototypes comme outils de persuasion et d'alignement lors des revues de design.

Leçon 1 • Animation de sessions d'utilisabilité

Développe des compétences d'animation pour mener des sessions d'utilisabilité en direct sans influencer le comportement. Les étudiants s'entraînent à rester neutres tout en cherchant à approfondir leur compréhension.

Leçon 2 • Planification et rédaction de scripts de test

Guide les étudiants dans la création de plans de test structurés et de scripts basés sur des tâches. Des tâches bien rédigées révèlent de véritables problèmes d'utilisabilité sans orienter les participants.

Leçon 3 • Itération et validation des modifications de design

Boucle la boucle de design en traduisant les résultats d'utilisabilité en révisions de design ciblées. Les étudiants valident les modifications par des tests de suivi et des méthodes de comparaison A/B.

Leçon 4 • Analyse et reporting des résultats

Convertit les observations brutes des sessions en résultats d'utilisabilité structurés et en évaluations de sévérité. Les étudiants produisent des rapports exploitables qui priorisent les problèmes en fonction de l'impact utilisateur.