Formation UX UI designer

Leçon 1 • L'état d'esprit du design centré sur l'humain

Présente le design thinking axé sur l'empathie comme philosophie centrale. Relie cet état d'esprit à la prise de décision pratique dans chaque phase de conception.

Leçon 2 • Bases de l'accessibilité et du design inclusif

Présente les normes d'accessibilité et les stratégies de design inclusif. Établit des critères de qualité non négociables appliqués dans chaque projet ultérieur.

Leçon 3 • Principes fondamentaux du design visuel

Couvre les principes visuels fondamentaux qui sous-tendent tout travail d'interface utilisateur. Les étudiants appliquent ces principes pour évaluer et améliorer la qualité de l'interface.

Leçon 4 • Comprendre le design UX et UI

Définit le design UX et le design UI comme des disciplines distinctes mais interdépendantes. Établit le vocabulaire et les modèles mentaux utilisés tout au long du cours.

Leçon 1 • Planifier une étude de recherche

Apprenez à cadrer les objectifs de recherche, à sélectionner les méthodes et à recruter les participants. Relie la planification de la recherche aux délais du projet et aux besoins des parties prenantes.

Leçon 2 • Recherche quantitative et analytique

Présente les enquêtes, les analyses et les données comportementales comme apports quantitatifs. Équilibre les résultats qualitatifs avec des schémas d'utilisation mesurables.

Leçon 3 • Créer des personas utilisateurs et des cartes de parcours

Construit des personas et des cartes de parcours fondés sur la recherche comme outils de communication. Ces artefacts ancrent les décisions de design dans les besoins réels des utilisateurs tout au long du projet.

Leçon 4 • Techniques de recherche qualitative

Couvre les entretiens, l'enquête contextuelle et les études par journal comme principaux outils qualitatifs. Les étudiants s'exercent à l'animation et à la prise de notes pour une collecte de données riche.

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

Couvre la création de plans de site et le développement de taxonomies de contenu. Fournit un plan pour le design de navigation dans le travail de maquette filaire ultérieur.

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

Définit les composants de l'architecture de l'information : organisation, étiquetage, navigation et recherche. Établit la pensée structurelle comme l'épine dorsale de produits utilisables.

Leçon 3 • Schémas de navigation et signalétique directionnelle

Examine les schémas de navigation globaux, locaux et contextuels sur différentes plateformes. Les étudiants sélectionnent et justifient des modèles de navigation en fonction de la complexité du contenu.

Leçon 1 • Maquettes filaires avec des outils professionnels

Applique les compétences de maquette filaire à l'aide d'outils de design professionnels. Les étudiants créent des bibliothèques de composants réutilisables et maîtrisent les flux de travail spécifiques aux outils.

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

Présente des méthodes de croquis rapide et d'idéation pour générer des concepts de mise en page variés. Renforce la confiance dans la communication basse fidélité avant d'utiliser les outils numériques.

Leçon 3 • Prototypage basse fidélité et parcours cliquables

Relie les maquettes filaires en prototypes cliquables pour des tests d'utilisabilité précoces. Les étudiants valident les flux de navigation avant d'investir dans le design haute fidélité.

Leçon 4 • Fondamentaux et bonnes pratiques des maquettes filaires

Définit les niveaux de fidélité des maquettes filaires et établit les normes d'annotation. Les étudiants produisent des maquettes filaires propres et lisibles qui communiquent l'intention sans bruit visuel.

Leçon 1 • Typographie pour les interfaces numériques

Couvre la sélection de polices de caractères, les échelles typographiques et la lisibilité pour les écrans. Les étudiants appliquent la hiérarchie typographique pour améliorer la clarté du contenu et l'expression de la marque.

Leçon 2 • Systèmes de mise en page et grilles responsives

Présente les systèmes de grille, les échelles d'espacement et les stratégies de points de rupture pour une interface utilisateur responsive. Les étudiants conçoivent des mises en page qui s'adaptent harmonieusement à toutes les tailles d'écran.

Leçon 3 • Conception de composants d'interface utilisateur et de leurs états

Enseigne la conception de composants d'interface utilisateur essentiels, y compris les boutons, les formulaires et les cartes. Les étudiants définissent tous les états interactifs pour garantir un comportement complet et cohérent des composants.

Leçon 4 • Iconographie, imagerie et illustration

Définit les normes pour les icônes, la photographie et l'illustration dans les contextes d'interface utilisateur. Les étudiants évaluent et sélectionnent des actifs visuels qui renforcent l'utilisabilité et le ton de la marque.

Leçon 1 • Schémas, modèles et mises en page

Assemble les composants en schémas réutilisables et en modèles de page. Réduit le temps de conception et garantit la cohérence structurelle sur tous les écrans du produit.

Leçon 2 • Documentation et adoption du système de design

Couvre la rédaction de directives d'utilisation, d'exemples de bonnes et mauvaises pratiques, et de flux de travail de contribution. Une documentation efficace favorise l'adoption par les équipes de design et d'ingénierie.

Leçon 3 • Anatomie d'un système de design

Définit les couches d'un système de design : tokens, composants, schémas et directives. Les étudiants comprennent comment chaque couche contribue à la cohérence et à l'évolutivité.

Leçon 4 • Construire une fondation basée sur des tokens

Couvre la création de tokens de couleur, de typographie, d'espacement et d'élévation. Les tokens permettent un thématisme systématique et une transmission fluide aux équipes de développement.

Leçon 1 • Techniques de prototypage avancé

Construit des prototypes interactifs avec une logique conditionnelle, des variables et des superpositions. Les étudiants simulent des expériences produit réalistes pour des démonstrations aux parties prenantes et des tests d'utilisabilité.

Leçon 2 • Micro-interactions et motion design

Couvre la structure et l'objectif des micro-interactions et de l'animation d'interface utilisateur. Les étudiants conçoivent un mouvement qui communique les changements d'état sans distraire les utilisateurs.

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

Applique le design visuel et les systèmes de composants pour produire des écrans soignés et prêts pour la production. Les étudiants intègrent toutes les compétences visuelles préalables dans une interface utilisateur cohérente et de qualité production.

Leçon 4 • Principes du design d'interaction

Établit les principes du design d'interaction : feedback, affordance et mapping. Les étudiants appliquent ces principes pour créer des comportements d'interface intuitifs et prévisibles.

Leçon 1 • Itérer les designs en fonction des preuves

Applique les résultats des tests pour prioriser et exécuter les révisions de design. Les étudiants pratiquent des cycles d'itération fondés sur des preuves qui améliorent continuellement la qualité du produit.

Leçon 2 • Analyser et rapporter les résultats

Enseigne l'analyse avec la feuille de calcul arc-en-ciel, la cotation de la sévérité et la présentation des résultats. Les étudiants produisent des rapports concis qui favorisent l'alignement des parties prenantes et l'action sur le design.

Leçon 3 • Animer et observer les sessions

Couvre les techniques d'animation pour guider les sessions sans influencer le comportement. Les étudiants s'exercent à la prise de notes et à l'observation pour capturer des données comportementales riches.

Leçon 4 • Rédiger des plans de test et des tâches

Enseigne comment rédiger des plans de test, des tâches basées sur des scénarios et des questionnaires de sélection. Des tâches bien conçues produisent des données valides et exploitables qui reflètent le comportement réel des utilisateurs.