Formation UX UI designer

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

Introduit le design thinking basé sur l'empathie comme philosophie centrale. Relie cet état d'esprit à la prise de décision pratique à chaque phase du design.

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

Introduit 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 suivant.

Leçon 3 • Principes fondamentaux du design visuel

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

Leçon 4 • Comprendre le design UX vs. UI

Définit l'UX et l'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 • Planification d'une étude de recherche

Enseigne comment définir les objectifs de recherche, sélectionner les méthodes et recruter les participants. Relie la planification de la recherche aux calendriers du projet et aux besoins des parties prenantes.

Leçon 2 • Recherche quantitative et analyse de données

Introduit les enquêtes, les analyses et les données comportementales comme intrants quantitatifs. Équilibre les résultats qualitatifs avec les modèles d'utilisation mesurables.

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

Construit des personas et des cartes de parcours basés sur la recherche comme outils de communication. Ces artefacts ancrent les décisions de design aux 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 de journal comme principaux outils qualitatifs. Les étudiants s'entraînent à animer et à prendre des 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 les travaux de maquette filaire ultérieurs.

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 des produits utilisables.

Leçon 3 • Modèles de navigation et orientation

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

Leçon 1 • Maquette filaire avec des outils professionnels

Applique les compétences en maquette filaire en utilisant des outils de design professionnels. Les étudiants construisent des bibliothèques de composants réutilisables et maîtrisent les flux de travail spécifiques aux outils.

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

Introduit des méthodes d'esquisse rapide et d'idéation pour générer divers concepts de mise en page. Renforce la confiance dans la communication basse fidélité avant l'utilisation d'outils numériques.

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

Relie les maquettes filaires en prototypes cliquables pour les 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 de la maquette filaire

Définit les niveaux de fidélité de la maquette filaire 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, 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

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

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

Enseigne la conception des composants d'interface de base, 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. Les étudiants évaluent et sélectionnent des actifs visuels qui renforcent l'utilisabilité et le ton de la marque.

Leçon 1 • Modèles, templates et mises en page

Assemble les composants en modèles réutilisables et en templates de page. Réduit le temps de design et assure une cohérence structurelle sur l'ensemble des écrans du produit.

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

Couvre la rédaction de directives d'utilisation, les exemples à faire et à ne pas faire, et les flux 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 du système de design : tokens, composants, modèles et directives. Les étudiants comprennent comment chaque couche contribue à la cohérence et à l'évolutivité.

Leçon 4 • Construire une base basée sur les 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 transition transparente vers les équipes de développement.

Leçon 1 • Techniques avancées de prototypage

Construit des prototypes interactifs avec logique conditionnelle, variables et 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 design de mouvement

Couvre la structure et le but des micro-interactions et de l'animation d'interface. Les étudiants conçoivent des mouvements qui communiquent les changements d'état sans distraire les utilisateurs.

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

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

Leçon 4 • Principes du design d'interaction

Établit les principes du design d'interaction : retour, 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 basés sur des preuves qui améliorent continuellement la qualité du produit.

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

Enseigne l'analyse par 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 • Modération et observation des sessions

Couvre les techniques de modération pour guider les sessions sans influencer le comportement. Les étudiants s'entraînent à 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 de l'utilisateur.