En complément de notre formation sur Figma nous vous proposons de découvrir la méthodologie de Conception orientée objet au travers d’une formation entièrement dédiée aux Design Systems.
Les Design Systems sont de plus en plus présents dans la conception des produits digitaux. Ils sont le socle d’une bonne collaboration entre développeurs, designers et chefs de produits. Dans cette formation, vous retrouverez toutes les bonnes pratiques et règles à mettre en place pour créer et gérer votre propre Design System : l’importance de la priorisation des fonctionnalités, la méthode “Atomic design”, les composants, les modèles d’interaction et tous les processus associés.
Cette formation est majoritairement basée sur la présentation d’études de cas et sur la pratique. Une maîtrise basique de Figma ainsi qu’une bonne aisance avec les outils informatiques sont nécessaires pour pouvoir tirer au mieux partie de cette formation.
Durée
3 jours
Prix
1 200 €
Public concerné
Concepteurs, designers, webdesigners, webmasters, développeurs front-end, PO, chefs de projets AMOA
Pré-requis
Maîtrise des fonctionnalités de base de Figma (ou équivalent). Aisance générale avec l’informatique.
Prochaines formations
- 17-18-19 novembre 2021 (à distance)
Modalités pédagogiques
Selon les sessions, nos formations sont dispensées en présentiel ou à distance
Objectifs
Mettre en place un Design System et les règles du design orienté objet
- Comprendre les enjeux liés au Design System
- Concevoir la structure d’un Design System
- Réaliser un inventaire de l’existant
- Définir les bases d’un Design System
- Intégrer différentes équipes impliquées dans la conception / réflexion produit
- Intégrer les bénéfices d’un design system
Prioriser ses fonctionnalités
Implémenter des interactions poussées
Créer des pages interactives
Programme de la formation
Jour 1
Produit VS service
- Différence entre le produit et le service
- L’importance d’une Roadmap visible => TP possible sur la Roadmap
- Priorisation des fonctionnalités (backlog produit / release en lien avec de la recherche et des tests utilisateurs)
- Maintien du backlog / Intégration des retours utilisateurs
Présentation des systèmes de conception
- Conception à l’échelle
- Dette technique et conception
- Construire avec l’accessibilité
- Mythes des systèmes de conception
- Quelques exemples
Jour 2
Concevoir votre système de conception
- Quand commencer/ Projet pilote / Réaliser un inventaire
- Modèles d’équipes et rôles
- Créer un guide de style ou les fondations d’un langage visuel de conception
- Les jetons de conception
- Définir les principes de design
- Couleur
- Échelle de typographie
- Iconographie et illustrations
- Grille de conception
- Les autres éléments des fondations du langage visuel (forme visuelle, espacement, mouvement, voix, son)
Jour 3
Bibliothèques de composants
- Comprendre les différentes méthodes : Atomic Design et alternatives
- Composants et patterns
- Une documentation à jour
- Gérer le versioning
Promouvoir le système de conception
- Mesures du DS et mode de communication
- Un « story book » des composants
- Commentaires et contributions
Contact / Lieu de la formation
Usabilis
- 18, rue de Saisset
- 92120 Montrouge
- 01 57 63 86 58
- formation@usabilis.com
Mairie de Montrouge
Sortie 6 : rue Louis Rolland
