(NEW) – Formation Design System

Mettre en place un Design System et les règles du design orienté objet

Formation Design System

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

2 500 €

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

  • 8-9-10 mars 2021 (à distance)
  • 28-29-30 juin 2021
  • 17-18-19 décembre 2021

Modalités pédagogiques

Formation dispensée à distance

Télécharger le programme de la formation

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
  1. Formation Design System - Prioriser ses fonctionnalités

    Prioriser ses fonctionnalités

  2. Formation Design System - Définir son système de conception

    Implémenter des interactions poussées

  3. Formation Design System - Créer sa bibliothèques de composants

    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

Télécharger le plan d’accès

Mairie de Montrouge

Metro : 4 Sortie 6 : rue Louis Rolland

Bus : 68, 126, 128