Focus sur la création d'un design System

•

2 j'aime•772 vues

Talk d'Audrey Hacq, Lead Designer & Design System expert @Idean France Retour de plus d'un an d'expérience sur la mise en place d'un design system pour le Crédit Agricole. Comment mettre en place un design system from scratch et embarquer les équipes ? Comment ensuite le maintenir, le faire évoluer et mesurer son succès ?

Ingénierie

Tribu Tribu Tribu Tribu Tribu
Chapitre Expérience Utilisateur
Chapitre IHM
Chapitre Data
Chapitre xx
Contexte - Les tribus et chapitres

Existant - Maturité design
Design ?
Vous avez dit design ?

Existant - Les objectifs
Objectifs principaux
- Évangéliser le design
- Internaliser les savoir-faire
- Industrialiser la production
- Harmoniser l’expérience

Déﬁnir - les critères de réussite
Ce sera une réussite si...

Déﬁnir
Le périmètre
1
2 3
WEB
NATIF
INTERNE

Déﬁnir
Une équipe
multi-proﬁls Design system team
PO/PM Design Dev

Embarquer - Équipes réparties
Équipes réparties

Timing
Inventaire
de l’existant
Embarquer - Les ateliers

Embarquer - Les ateliers
Timing
Perceptuals patterns

Timing
Functional patterns
Embarquer - Les ateliers

Timing
Embarquer - Les ateliers
Priorisation
des composants

Embarquer - Les ateliers
Timing
Trouver le nom
du système

Implémenter
Même composants
Librairies différentes
Librairies
Sketch
Framework
front end

Implémenter - Construction des librairies

Et maintenant ?
Communiquer
sur le système

Et maintenant ?
Accompagner
l’utilisation

Et maintenant ?
Encourager
les contributions

Et maintenant ?
Faire évoluer le système

Et maintenant ?
Mesurer le succès
NBQ - OAV

56
A Design System isn’t a project.
It’s a product, serving products

Bientôt disponible en version française !

Contenu connexe

Tendances

Building a Design System: A Practitioner's Case Studyuxpin

Business Architecture Definedauthenegade partners

Flow and Superfluidity for Design Orgs (Jacqui Frey at DesignOps Summit 2018)Rosenfeld Media

Microsoft Teams - Transform Workplace CollaborationDavid J Rosenthal

Migration from File servers to M365 BusinessRobert Crane

DesignOps 101Macy Fontaine

How To Optimize Atlassian Jira & Jira Align for Your Agile at Scale SuccessCprime

PMBOK 7th Edition What is Changing?Abdelrahman Elsheikh PMOC,PMP,CBAP,RMP,ACP,SP,MCITP,ITIL

Planning in managementHooman HAMIDI

Design Thinking WorkshopAssociação Portuguesa dos Profissionais de Marketing

The New PMP Exam: Changes and Implications (With Annotation)CliffordEgbomeade

Portfolio Management Processes Flow in English - 3rd EditionRicardo Viana Vargas

What is agile?Joshua Render

Build an Application Integration StrategyInfo-Tech Research Group

Dmm300 - Mixed Scenarios/Architecture HANA Models / BWLuc Vanrobays

2021 12-03 TOGAF for DevelopersRyan M Harrison

Gestión de proyectos predictiva y evolutiva_evolutivaJuan Palacio

Government Capability Model v1.0Regine Deleu

Itsm capability model v1Kathryn Howard

DesignOps Handbook CondensedPeter Weibrecht

Tendances (20)

Building a Design System: A Practitioner's Case Study

Business Architecture Defined

Flow and Superfluidity for Design Orgs (Jacqui Frey at DesignOps Summit 2018)

Microsoft Teams - Transform Workplace Collaboration

Migration from File servers to M365 Business

DesignOps 101

How To Optimize Atlassian Jira & Jira Align for Your Agile at Scale Success

PMBOK 7th Edition What is Changing?

Planning in management

Design Thinking Workshop

The New PMP Exam: Changes and Implications (With Annotation)

Portfolio Management Processes Flow in English - 3rd Edition

What is agile?

Build an Application Integration Strategy

Dmm300 - Mixed Scenarios/Architecture HANA Models / BW

2021 12-03 TOGAF for Developers

Gestión de proyectos predictiva y evolutiva_evolutiva

Government Capability Model v1.0

Itsm capability model v1

DesignOps Handbook Condensed

Similaire à Focus sur la création d'un design System

Methodologies de Developpement Agiles : Scrum et XPNicolas Perriault

Rs727 g formation-configuration-de-projets-avec-ibm-rational-team-concert-rtcCERTyou Formation

Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)Olivier Conq

Formation conduite de projet - Philippe DornbuschEchecs et Stratégie

Patterns Agiles avec Visual Studio 2012 et TFS 2012Microsoft

Les Z'ApéroTech Toulouse #2 - Présentation de l'agilité à l'échelleDocDoku

SCRUM et KANBAN - Agile Grenoble 2011Christophe NEY

Rs728 g formation-ibm-rational-team-concert-rtc-v4-0-4-configuration-de-projetsCERTyou Formation

2UNL - PARISWEB 2010Christophe Cotin Valois

Le métier de Product OwnerFlorent Boyer

La gestion de projet et le SEO - Petit déjeuner du 23 mai 2017 - ParisPeak Ace

La Conduite de projetEchecs & Stratégie

Scrum cook and go, les astuces de Rémyantony_guilloteau

JCertif 2012 : Scrum avec IcescrumRossi Oddet

Qs181 g formation-ibm-rational-synergy-build-managerCERTyou Formation

Introduction scrum v0.7CClr

Grille de lecture des méthodes agilesXavier Warzee

Formation en conduite de projet Echecs et Stratégie

Lunch learn 5 sep2013Marc-Eric LaRocque

Similaire à Focus sur la création d'un design System (20)

Methodologies de Developpement Agiles : Scrum et XP

Rs727 g formation-configuration-de-projets-avec-ibm-rational-team-concert-rtc

Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)

Formation conduite de projet - Philippe Dornbusch

Patterns Agiles avec Visual Studio 2012 et TFS 2012

Les Z'ApéroTech Toulouse #2 - Présentation de l'agilité à l'échelle

SCRUM et KANBAN - Agile Grenoble 2011

Rs728 g formation-ibm-rational-team-concert-rtc-v4-0-4-configuration-de-projets

2UNL - PARISWEB 2010

Le métier de Product Owner

La gestion de projet et le SEO - Petit déjeuner du 23 mai 2017 - Paris

La Conduite de projet

Scrum cook and go, les astuces de Rémy

JCertif 2012 : Scrum avec Icescrum

Qs181 g formation-ibm-rational-synergy-build-manager

Introduction scrum v0.7

Grille de lecture des méthodes agiles

Formation en conduite de projet

Lunch learn 5 sep2013

Plus de Thiga

Should this exist ? (Or how I sold my Product to NASA).Thiga

Comment réduire l’impact de votre produit ?Thiga

AI for Growth: tips, tricks and tools to improve your retention and conversio...Thiga

How to make customer centricity easy and fun ?Thiga

Focus sur les PWA par Loic de Saint-Andrieu de GoogleThiga

Focus sur la conversion par Pascal Masson de PrivateaserThiga

La quête du Design System !Thiga

Introduction au design system Thiga

Spécial levée de fonds par Sebastien Levaillant de PayfitThiga

Spécial levée de fonds par Nicolas Venet de MeeroThiga

Managing stakeholders par Clément Paillasse - Head of Product @SelogerThiga

Autonomie et alignement : comment orchestrer son département produit à l’Amér...Thiga

Meetup LPCx de juin 2019 avec Younited Credit Thiga

Le design fiction, pour une innovation toute en frictionsThiga

Le product designer by ThigaThiga

Comment on gère la refonte d'un produit existant ? - Xavier Dumont - BAPThiga

Pourquoi et comment Alan a supprimé les réunions ? - Thomas RolfThiga

Lpcx - Comment le Growth Engineering peut rendre votre équipe autonome ?Thiga

Best practice du Data Product ManagementThiga

LPCx Internationalisation ProduitThiga

Plus de Thiga (20)

Should this exist ? (Or how I sold my Product to NASA).

Comment réduire l’impact de votre produit ?

AI for Growth: tips, tricks and tools to improve your retention and conversio...

How to make customer centricity easy and fun ?

Focus sur les PWA par Loic de Saint-Andrieu de Google

Focus sur la conversion par Pascal Masson de Privateaser

La quête du Design System !

Introduction au design system

Spécial levée de fonds par Sebastien Levaillant de Payfit

Spécial levée de fonds par Nicolas Venet de Meero

Managing stakeholders par Clément Paillasse - Head of Product @Seloger

Autonomie et alignement : comment orchestrer son département produit à l’Amér...

Meetup LPCx de juin 2019 avec Younited Credit

Le design fiction, pour une innovation toute en frictions

Le product designer by Thiga

Comment on gère la refonte d'un produit existant ? - Xavier Dumont - BAP

Pourquoi et comment Alan a supprimé les réunions ? - Thomas Rolf

Lpcx - Comment le Growth Engineering peut rendre votre équipe autonome ?

Best practice du Data Product Management

LPCx Internationalisation Produit

Dernier

Câblage, installation et paramétrage d’un réseau informatique.pdfmia884611

Cours-de-Ponts Cours de Ponts Principes généraux - Conception Méthodes de con...maach1

Note agro-climatique n°2 - 17 Avril 2024Institut de l'Elevage - Idele

présentation sur la logistique (4).FatimaEzzahra753100

Actions du vent sur les bâtiments selon lEurocode 1 – Partie 1-4.pdfalainfahed961

CAP2ER_GC_Presentation_Outil_20240422.pptxInstitut de l'Elevage - Idele

CHAPITRE 2 VARIABLE ALEATOIRE probabilité.pptbentaha1011

SciencesPo_Aix_InnovationPédagogique_Atelier_APC.pdfSKennel

Dernier (8)

Câblage, installation et paramétrage d’un réseau informatique.pdf

Cours-de-Ponts Cours de Ponts Principes généraux - Conception Méthodes de con...

Note agro-climatique n°2 - 17 Avril 2024

présentation sur la logistique (4).

Actions du vent sur les bâtiments selon lEurocode 1 – Partie 1-4.pdf

CAP2ER_GC_Presentation_Outil_20240422.pptx

CHAPITRE 2 VARIABLE ALEATOIRE probabilité.ppt

SciencesPo_Aix_InnovationPédagogique_Atelier_APC.pdf

Focus sur la création d'un design System

3. Contexte

4. Contexte

5. ● ● ● ● ● Contexte

6. Tribu Tribu Tribu Tribu Tribu Chapitre Expérience Utilisateur Chapitre IHM Chapitre Data Chapitre xx Contexte - Les tribus et chapitres

7. Existant - Il y a 2 ans

8. Existant - Maturité design Design ? Vous avez dit design ?

9. Existant - Les objectifs Objectifs principaux - Évangéliser le design - Internaliser les savoir-faire - Industrialiser la production - Harmoniser l’expérience

10.

11.

12. Déﬁnir La vision

13. Déﬁnir La vision process humains

14. Déﬁnir - les critères de réussite Ce sera une réussite si...

15. Déﬁnir Le périmètre

16. Déﬁnir Le périmètre 1 WEB

17. Déﬁnir Le périmètre 1 2 3 WEB NATIF

18. Déﬁnir Le périmètre 1 2 3 WEB NATIF INTERNE

19. Déﬁnir La cible

20. Déﬁnir La gouvernance

21. Déﬁnir La gouvernance