Formation Design System

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

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 produit. 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.

ette f.

83%

Nos stagiaires sont satisfaits à 83% 

Prochaines sessions

22-23-24 mai 2024 à distance
27-28-29 novembre 2024 à distance

Télécharger le programme de formation

.

Pré-requis

Maîtrise des fonctionnalités de base de Figma (ou équivalent). Aisance générale avec l’informatique.

Public concerné

Concepteurs, designers, webdesigners, webmasters, développeurs front-end, PO, chefs de projets AMOA

les Objectifs

  • Comprendre les enjeux liés au Design System
  • Définir la structure d’un Design System dans Zeroheight
  • Réaliser un inventaire de l’existant
  • Intégrer différentes équipes impliquées dans la conception / réflexion produit
  • Intégrer les bénéfices d’un Design System
  • Créer une libraire de composant dans Figma en 3ème bullet point

Le programme

Jour 1 Produit VS service
Afficher le programme détaillé
  • 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
Afficher le programme détaillé
  • 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
Afficher le programme détaillé
  • 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

Les modalités pédagogiques

Chaque participant accède aux outils pédagogiques suivants :

  • Le support de formation
  • Le livre UX design et ergonomie des interfaces
  • Les modèles de document nécessaires à la réalisation des travaux pratiques
  • Une bibliographie
  • Une liste de liens utiles créée par le formateur
  • Un groupe Slack pour échanger avec le formateur

Le distanciel

  • Le nombre de participants est limité à 8 personnes
  • Les formations sont séquencées en modules de 1h30 maximum
  • Des pauses sont aménagées après chaque module
  • Des quizz sont réalisés après chaque module
  • Vous accédez à nos outils collaboratifs : Miro, classes Zoom, Figma Jam, Google Drive, Slack, Zeroheight

Nos formateurs : Des experts du terrain

Usabilis se distingue des organismes de formation classiques : la double compétence des formateurs, également consultants, leur permet d’agrémenter le contenu de la formation d’exemples concrets et de transmettre leur expérience acquise sur le terrain.

GEOFFREY REBILLOU Consultant UX/UI designer et formateur

Les témoignages des participants

Ce sont eux qui le disent…

Etienne SKOTAREK

Bonne introduction à Figma et Zeroheight, des environnements que je ne connaissais pas. Des bonnes bases théoriques pour le lancement d’un DS et pour la compréhension globale de ce qu’est un Design System que je n’avais pas.

Témoignage recueilli le 26 novembre 2021

La Faq

Comment m’inscrire à la formation ? Pour vous inscrire vous pouvez utiliser le module de demande de devis présent en haut de chaque page formation ou contacter notre service de formation au 01 57 63 86 58.
Dois-je acheter une licence pour Figma avant la formation ? Vous n'avez pas à effectuer d'achats auprès de Figma avant la formation. Il vous suffit de créer un compte sur Figma. La création d'un compte Figma est gratuite et vous permettra de suivre la formation.
Comment m’assurer que cette formation me correspond ? Notre équipe pédagogie se tient à votre disposition pour répondre à vos questions et vous aider à choisir la meilleure formation en fonction de votre parcours professionnels et de vos attentes. Contactez-nous au 09 80 44 76 70 pour faire un bilan par téléphone.

Nos labels qualité

Nos formations ont reçu le label du référentiel Qualiopi qui atteste de la qualité des processus mis en œuvre dans les actions de formation (information, accueil, suivi, …).

Nos formations ont reçu le label qualité du référentiel Data-dock, elles sont donc éligibles à un financement total ou partiel par de nombreux OPCO.

Personnes en situation de handicap  : merci de nous contacter au 09 80 44 76 70 pour nous permettre d’évaluer avec vous la possibilité d’adaptation de notre formation à vos besoins.

Les formations qui pourraient vous intéresser

Formation Figma

Maîtriser Figma : le logiciel de conception d'interface

En savoir plus
Formation Adobe XD

Concevoir des prototypes et maquettes avec l'outil Adobe

En savoir plus
Formation Design Graphique

Les bons réflexes pour concevoir une interface graphique

En savoir plus