Formation en design d'applications mobiles

Leçon 1 • Aperçu du paysage du design mobile

Couvre l’évolution des interfaces mobiles et les principales différences entre les paradigmes de design iOS et Android. Établit le vocabulaire utilisé tout au long du cours.

Leçon 2 • Modèles mentaux des utilisateurs mobiles

Explore comment les utilisateurs forment des attentes sur le comportement d’une application en fonction de leur expérience antérieure et des normes de la plateforme. Prépare les étudiants à concevoir des interfaces qui semblent intuitives dès la première utilisation.

Leçon 3 • Principes fondamentaux de l’interaction tactile

Présente les cibles tactiles, le vocabulaire gestuel et l’ergonomie de la zone du pouce comme principes fondamentaux d’interaction mobile. Ancre les étudiants dans les contraintes de facteurs humains propres aux écrans tactiles.

Leçon 1 • Méthodes de recherche spécifiques au mobile

Couvre les études par journal, l’enquête contextuelle et l’observation in situ adaptées à la capture de l’usage mobile dans des environnements réels. Met en évidence comment le contexte d’utilisation façonne la qualité des données.

Leçon 2 • Personas et cartographie de parcours

Transforme les données de recherche brutes en personas et en cartes de parcours mobiles qui capturent le contexte, les émotions et les points de friction. Les livrables servent d’artefacts de référence tout au long du processus de design.

Leçon 3 • Définition des objectifs et des questions de recherche

Enseigne comment traduire un problème de design en questions de recherche ciblées avec des résultats mesurables. Assure que l’effort de recherche reste aligné sur les objectifs du projet.

Leçon 4 • Synthèse des connaissances en cahiers des charges de design

Guide les étudiants à travers le mapping d’affinité et la priorisation des connaissances pour produire un cahier des charges de design concis. Fait le pont entre les résultats de recherche et la phase d’idéation qui suit.

Leçon 1 • Concepts fondamentaux de l’AI pour le mobile

Présente la hiérarchie, la taxonomie et l’étiquetage comme les éléments constitutifs de l’architecture de l’information mobile. Établit comment les décisions d’AI affectent la complexité de la navigation.

Leçon 2 • Conception de la recherche et des filtres

Couvre le placement de la barre de recherche, le comportement de l’autocomplétion et les modèles d’interface utilisateur des filtres pour la découverte de contenu mobile. Aborde les cas limites comme les états vides et les résultats nuls.

Leçon 3 • Documentation du plan du site et des flux

Enseigne la création de plans du site mobiles et de diagrammes de flux de tâches qui communiquent la structure aux développeurs et aux parties prenantes. Standardise le format de documentation pour la collaboration en équipe.

Leçon 4 • Modèles de navigation mobile

Passe en revue les barres d’onglets, les menus hamburger, les feuilles inférieures et la navigation gestuelle avec leurs compromis respectifs. Équipe les étudiants pour sélectionner les modèles appropriés à la profondeur du contenu et à la fréquence d’utilisation.

Leçon 1 • Esquisse et idéation rapide

Utilise l’esquisse sur papier et les exercices Crazy Eights pour générer rapidement plusieurs concepts de mise en page avant de passer aux outils numériques. Développe la fluidité d’idéation et réduit la fixation sur le design.

Leçon 2 • Mise en page d’écran et systèmes de grille

Applique des grilles de colonnes, des unités d’espacement et des grilles de base pour créer des mises en page mobiles cohérentes et évolutives. Relie la discipline de la grille à la précision de la remise aux développeurs.

Leçon 3 • Révision et itération des fils de fer

Structure des sessions de critique à l’aide de listes de contrôle heuristiques pour identifier les problèmes de mise en page et de flux dans les fils de fer. Enseigne aux étudiants à prioriser et à documenter les révisions efficacement.

Leçon 4 • Prototypes basse fidélité cliquables

Relie les écrans de fils de fer en prototypes navigables pour simuler les flux utilisateur principaux sans polissage visuel. Permet des tests d’utilisabilité précoces avant que le design visuel ne commence.

Leçon 1 • Iconographie et imagerie

Définit le style, la taille et l’alignement sur la grille des icônes, ainsi que les directives pour la photographie et l’illustration dans l’interface utilisateur mobile. Assure la cohérence visuelle de tous les éléments graphiques.

Leçon 2 • Typographie sur les écrans mobiles

Couvre l’échelle typographique, la hauteur de ligne et les associations de polices optimisées pour la lisibilité sur petit écran dans diverses conditions d’éclairage. Établit un système typographique réutilisable dans toute l’application.

Leçon 3 • Hiérarchie visuelle et composition de la mise en page

Applique les principes de la Gestalt, le contraste et les relations spatiales pour diriger l’attention de l’utilisateur à travers les compositions d’écran. Traduit la structure des fils de fer en mises en page visuellement convaincantes.

Leçon 4 • Systèmes de couleurs et thématisation

Construit une palette de couleurs structurée avec des repères de couleur primaires, secondaires, sémantiques et neutres pour une thématisation cohérente de l’interface utilisateur. Aborde les exigences du mode sombre et du contraste élevé.

Leçon 1 • Construction des composants d’interface utilisateur de base

Construit les boutons, les champs de saisie, les cartes et les éléments de navigation comme des composants réutilisables avec des états et des variantes définis. Établit l’anatomie des composants et les conventions de nommage.

Leçon 2 • Principes fondamentaux du système de design

Définit ce qui constitue un système de design — repères, composants, modèles et directives — et sa valeur dans les équipes de produits mobiles. Distingue un système de design d’un guide de style.

Leçon 3 • Documentation et maintenance du système

Crée des directives d’utilisation, des exemples à faire et à ne pas faire, et des flux de travail de contribution pour maintenir le système de design en bonne santé dans le temps. Aborde les processus de gestion des versions et de dépréciation.

Leçon 4 • Repères de design et thématisation

Implémente des repères de design pour la couleur, l’espacement, la typographie et l’élévation afin de permettre une thématisation systématique et des mises à jour de marque. Relie l’architecture des repères à l’évolutivité multiplateforme.

Leçon 1 • Animation de transition et de navigation

Conçoit les transitions d’écran, les animations d’éléments partagés et la chorégraphie de navigation qui orientent les utilisateurs dans l’espace. Couvre les courbes de temporisation et les durées recommandées pour le mobile.

Leçon 2 • Modèles de conception de micro-animations

Catalogue les micro-animations pour le retour des boutons, les états de chargement, les interrupteurs et la validation de formulaire qui communiquent les changements d’état. Met l’accent sur l’animation intentionnée plutôt que sur le mouvement décoratif.

Leçon 3 • Prototypage d’animations dans les outils de design

Construit des prototypes animés à l’aide de fonctionnalités de prototypage avancées pour simuler un comportement d’interaction réel lors des tests utilisateur. Couvre l’animation intelligente, les transitions d’état des composants et les interactions de défilement.

Leçon 4 • Rendement et accessibilité du mouvement

Évalue les budgets de rendement des animations et les préférences de mouvement réduit pour s’assurer que les animations ne nuisent pas à l’utilisabilité. Relie le design de mouvement aux normes de design inclusif.

Leçon 1 • Tests modérés et non modérés

Compare les sessions modérées en personne et à distance avec les tests à distance non modérés pour les prototypes mobiles. Guide la sélection de la méthode en fonction de l’échéancier, du budget et des objectifs de recherche.

Leçon 2 • Analyse des données de test d’utilisabilité

Applique le codage qualitatif, les taux d’achèvement des tâches et l’analyse de la fréquence des erreurs pour faire remonter des conclusions d’utilisabilité exploitables. Priorise les problèmes par gravité et fréquence.

Leçon 3 • Planification du test d’utilisabilité

Définit les objectifs du test, les scénarios de tâches et les mesures de réussite alignés sur le cahier des charges de design et les questions de recherche. Produit un document de plan de test utilisé pour aligner les parties prenantes.

Leçon 4 • Itération et préparation pour la remise

Applique les résultats des tests pour raffiner les designs haute fidélité et prépare un ensemble complet de remise aux développeurs avec les spécifications et les ressources. Ferme la boucle de design avant que l’ingénierie ne commence.