Cours de design d'interaction

Leçon 1 • Modèles mentaux et cognition utilisateur

Explique comment les utilisateurs forment des attentes vis-à-vis des systèmes et comment les designers peuvent aligner les interfaces sur ces attentes. Éclaire directement l'architecture de l'information et les décisions de navigation.

Leçon 2 • Définir le design d'interaction

Établit ce qu'est le design d'interaction, en quoi il diffère du design UX et UI, et pourquoi il est important. Ancre tous les chapitres suivants dans une terminologie partagée.

Leçon 3 • Objectifs de conception et indicateurs de succès

Enseigne comment traduire les besoins des entreprises et des utilisateurs en objectifs de conception mesurables. Fournit une base pour évaluer les décisions de conception tout au long du cours.

Leçon 1 • Méthodes de recherche qualitative

Enseigne les entretiens, l'enquête contextuelle et les techniques d'observation pour découvrir les motivations et les comportements des utilisateurs. Construit la base d'empathie nécessaire à la création de personas.

Leçon 2 • Synthétiser la recherche en informations exploitables

Transforme les données de recherche brutes en informations structurées à l'aide de diagrammes d'affinités, de personas et de cartes de parcours. Alimente directement l'étape de définition du problème en design.

Leçon 3 • Recherche quantitative et analytique

Introduit les enquêtes, les analyses d'utilisation et les données comportementales comme compléments aux résultats qualitatifs. Permet une priorisation basée sur les données des problèmes de conception.

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

Couvre la manière de cadrer un effort de recherche, de sélectionner les méthodes appropriées et d'aligner les questions de recherche sur les objectifs de conception. Prépare toutes les activités de recherche ultérieures.

Leçon 1 • Techniques d'idéation et pensée divergente

Introduit le brainstorming, le croquis et les méthodes d'idéation structurées pour maximiser la variété des solutions. Renforce la confiance créative avant le début de la convergence.

Leçon 2 • Cadrage des problèmes et questions « Comment pourrions-nous »

Enseigne des techniques de recadrage qui transforment les informations de recherche en prompts générateurs de design. Empêche les sauts prématurés vers des solutions et élargit le champ créatif.

Leçon 3 • Storyboard de scénarios utilisateur

Utilise la narration visuelle pour communiquer comment un concept de design s'intègre dans le contexte réel d'un utilisateur. Fait le pont entre l'idéation et le prototypage en ancrant les concepts dans des cas d'usage.

Leçon 1 • Plans de site et inventaires de contenu

Introduit les livrables qui documentent et communiquent les décisions d'architecture de l'information aux équipes et aux parties prenantes. Fournit le plan structurel utilisé dans le maquettage filaire.

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

Enseigne des méthodes pilotées par l'utilisateur pour valider et affiner l'organisation du contenu. Relie les compétences de recherche du chapitre 2 aux décisions de conception structurelle.

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

Couvre l'organisation, l'étiquetage, la navigation et la recherche comme les quatre piliers de l'architecture de l'information. Établit la pensée structurale nécessaire avant que tout design visuel ne commence.

Leçon 1 • Cartographie des flux utilisateur

Enseigne comment schématiser les chemins que les utilisateurs empruntent dans un produit pour accomplir des tâches clés. Identifie les lacunes et les impasses avant que le design haute fidélité ne commence.

Leçon 2 • Fondamentaux du maquettage filaire

Définit les maquettes filaires, leur objectif et leur place dans le processus de conception. Établit des conventions qui maintiennent les maquettes filaires centrées sur la structure plutôt que sur l'esthétique.

Leçon 3 • Créer des prototypes basse fidélité

Relie les maquettes filaires en flux interactifs pour simuler des parcours utilisateur sans finition visuelle. Permet des tests d'utilisabilité précoces avant l'investissement haute fidélité.

Leçon 4 • Mise en page et hiérarchie visuelle dans les maquettes filaires

Applique les systèmes de grille, l'espacement et les principes de hiérarchie aux mises en page des maquettes filaires. Garantit que les décisions structurelles soutiennent le balayage visuel et l'accomplissement des tâches par l'utilisateur.

Leçon 1 • Concevoir des micro-interactions

Décompose les micro-interactions en déclencheurs, règles, feedback et boucles. Montre comment les petits détails renforcent la confiance, le plaisir et l'utilisabilité dans les produits numériques.

Leçon 2 • États d'erreur et conception de cas limites

Enseigne comment concevoir pour les échecs, les états vides et les comportements utilisateur inattendus. Garantit que les produits restent utilisables et dignes de confiance dans des conditions non idéales.

Leçon 3 • Mouvement et animation dans l'interaction

Couvre l'utilisation intentionnelle de l'animation pour communiquer les changements d'état, la hiérarchie et la causalité. Distingue l'animation fonctionnelle de l'animation décorative.

Leçon 4 • Aperçu des modèles de conception d'interface

Introduit le concept de modèles de conception comme solutions éprouvées à des problèmes d'interface récurrents. Construit un vocabulaire partagé pour discuter et sélectionner des solutions d'interaction.

Leçon 1 • Analyser et prioriser les résultats

Transforme les observations de test brutes en problèmes d'utilisabilité priorisés à l'aide de notations de sévérité. Relie les résultats directement aux décisions d'itération de conception.

Leçon 2 • Animer et observer les tests

Enseigne des techniques d'animation qui maintiennent les sessions neutres et productives. Développe les compétences d'observation pour capturer des données comportementales significatives.

Leçon 3 • Itérer les conceptions basées sur les résultats des tests

Guide le processus de traduction des résultats de tests d'utilisabilité en améliorations ciblées du design. Boucle la boucle de conception et prépare les étudiants pour le travail haute fidélité.

Leçon 4 • Planifier et rédiger le script d'un test d'utilisabilité

Couvre la création du plan de test, la rédaction de scénarios de tâches et le recrutement des participants. Garantit que les tests produisent des données exploitables et impartiales.

Leçon 1 • Remise du design et collaboration avec les développeurs

Prépare les étudiants à livrer les designs aux équipes d'ingénierie avec des spécifications complètes. Réduit les erreurs d'implémentation et renforce les relations transversales.

Leçon 2 • Principes de design visuel pour le design d'interaction

Applique les principes de couleur, de typographie et d'espacement spécifiquement au service de la clarté de l'interaction. Fait le pont entre les fondamentaux du design visuel et les résultats du design d'interaction.

Leçon 3 • Prototypage haute fidélité

Construit des prototypes interactifs et visuellement complets qui simulent l'expérience du produit final. Permet des tests d'utilisabilité réalistes et la validation par les parties prenantes.

Leçon 4 • Créer et utiliser des bibliothèques de composants

Enseigne comment créer des composants d'interface réutilisables qui imposent la cohérence et accélèrent le design. Introduit le concept d'une source unique de vérité pour les équipes de design.