SlideShare une entreprise Scribd logo
DESIGN SYSTEM
B&B l
Vers une nouvelle
ère de vos expériences
2
Romain Petit,
Head of Design
ENGIE Digital
Le design system, accélérateur
de la transformation par le design
chez ENGIE Digital
Simon Gaurand,
Coach Agile Senior
FABERNOVEL
Technologies et expériences
à l’échelle : comment se lancer ?
3 temps forts
Mathilde Maître,
Head of Design
FABERNOVEL
Le design et son “système”
fondamentaux et enjeux aujourd’hui
3
https://bit.ly/2DlNMfy
4
Le design et son “système”
fondamentaux et enjeux
:aujourd’hui
Mathilde
Maître,
Head of Design
FABERNOVEL
Aux origines du design
1851
Crystal Palace,
1ère
Exposition universelle,
Londres
Construit en un temps record
de 8 mois à partir d’unités
modulaires standardisées.
Le design est industriel par essence
1859
Chaise N° 14, Thonet
Penser en grande série
Le design Braun,
Dieter Rams
Simplicité, ordre et harmonie
Chercher la cohérence d’une gamme
Insuffler une vision globale
Roger Tallon,
le père du design de la SNCF
Du train corail au TGV Duplex, l’eurostar,
un même souci du détail confortable
 
Roger Tallon
A l’ère du numérique
Une perte de contrôle sur l’expérience globale...
App SNCF App Ouigo App SNCF pro App SNCF
En Gare
13
...alors que nous créons de plus en plus de points
de contact (et ce n’est pas prêt de s’arrêter !)
Un accroissement du nombre de devices
et de points de contacts...
… qui transforment le travail des équipes
de conception de produits :
De nouvelles contraintes et de nouveaux
challenges :
● Concevoir pour des tailles de devices
et d’écrans divers
● Etendre le périmètre des produits conçus
et s’ouvrir à des nouveaux business
● Accroître la taille des équipes
et les parties prenantes
● Produire toujours plus et plus vite
● Etc.
La conception “one-shot” n’est pas durable !
Fini le système D,
place au Design System !
Qu’est ce qu’un design system ?
La boîte à outils à destination
des nouveaux artisans,
les “makers” de produits
numériques qui leur permet :
● de gérer ce chaos en
adoptant une approche
de conception plus
raisonnée
● de créer de meilleurs
produits en utilisant un
langage commun défini
en amont
Un Design System offre une bibliothèque
de styles visuels et de composants documentés
et publiés sous forme de code réutilisable
pour les développeurs et d'outil(s) pour les designers.
Il peut également intégrer des conseils sur
l'accessibilité, ainsi que des outils rédactionnels.
Il est utilisé lors des étapes :
● de prototypage rapide
● de conception et développement de
nouveaux produits.
Le langage unique de Google Material DesignEtudedecas
Un portefeuille de services
cohérent grâce au Design
System :
● facilite la conception
de tous les produits
numériques
● accessible en ligne,
bien documenté
● vivant : il est sans cesse
complété et mis à jour
Le langage unique de Google Material DesignEtudedecas
Le langage unique de Google Material DesignEtudedecas
Cette boîte à outil pour les concepteurs
permet d’orchestrer la multitude
et variété de points de contacts
Ce langage unique permet de gagner
en lisibilité pour les utilisateurs finaux et
contribue à la montée en gamme des
expériences.
Le Design System remet de l’ordre et permet
d’industrialiser la conception
A l’ère du numériqueC
Plus qu’une histoire
de design, un asset
stratégique
C
John Maeda
Designer & Technologist
Automattic
Un asset stratégique au service
de la transformation en cours
Ces 3 entreprises utilise et ont conçu un Design System,
au bon moment et en support de leur vision design :
GOV.UK
l’aboutissement
de la transformation
par le design débuté
en 2010
Audi
le fil conducteur
d’une expérience
continue et unifié
de la voiture
au produits
numériques
AirBnB
le catalyseur d’un
passage à l’échelle
rapide et efficace
Cas 1
Gov.uk
Le Design System comme
aboutissement d’une transformation
par le design débutée en 2010
Un Design System qui s’inscrit dans une vision
plus globale de transformation
2013 - 2015 2017-2018Depuis 2010
Création d’un site GOV.UK qui a agrégé 2000
sites du gouvernement en 1 unique point de
contact
Elaboration et implémentation d’une stratégie
de transformation par le design
Lancement du Design System pour aligner
tous les assets numériques
… et l’impact est visible :
£62 9
1.03 300+
Sources : https://www.gov.uk/performance
http://www.internetactu.net/2015/02/17/gov-uk-limportant-nest-pas-dinnover-mais-de-faire-que-les-choses-marchent/
Le Design System comme
fil conducteur d’une expérience
continue et unifiée : de la voiture
aux produits numériques
Cas 2
Audi
Les 3 principes de design d’Audi, incarnation de
l’expérience de bout en bout
Les principes du Design
System s’appliquent dans
l’expérience actuelle
(plateformes et interfaces
dans l’habitacle) mais sont
aussi pensées pour
l’expérience future
(véhicules autonomes)
Des briques du Design System à l’image des voitures…
et vice et versa.
Les règles d’animation inscrites dans le Design System
représentent la dynamique sportive des voitures Audi :
accélération intense et décélération rapide
Cas 3
AirBnB
Le Design System comme
catalyseur d’un passage
à l’échelle rapide et efficace
Une vision design très claire
“Belong Anywhere.”
Sur desktop, sur mobile ou entre des murs.
Pour l’utilisateur final ou pour le collaborateur.
L’expérience est simple, intuitive et incarne
la confiance et l’hospitalité.
Multitude de collaborateurs
créant les assets digitaux
Longue durée de vie des assets
digitaux
Karri Saarinen,
principal designer AirBnB
Design de produits numériques :
moins de contraintes physiques
Multitude de supports
Un environnement risqué qui génère
de l’hétérogénéité dans les expériences
Créer un design system pour garder le cap
Au cours de ces étapes, l’équipe Design Ops a posé les bases
du design system et a sans cesse réitéré en fonction
de leurs observations et des retours collaborateurs.
Les bénéfices de l’utilisation
du Design System pour AirBnB
Karri Saarinen,
principal designer AirBnB
et, le rôle du
designer ?
L’ère de l’automatisation de la créativité ?
...ou plutôt : nouvel outil = nouveaux rôles
Alex Schleifer
VP Design, Airbnb
DesignerOps
Ces profils de designers sont fascinés par la façon
dont le design fonctionne
Ils ont envie de s’investir pour faire en sorte que le
design passe à l’échelle dans une organisation.
Designer Lead
Ces designers sont les garants de la vision Design
mais aussi des visionnaires qui permettent à chacun
de se sentir en capacité de concevoir de nouveaux
produits, services ou business.
39
Le design system,
accélérateur de la transformation
:par le design chez ENGIE Digital
Romain Petit,
Head of Design
ENGIE Digital
40
Technologies et expériences
à l’échelle : comment se lancer ?
Simon Gaurand,
Coach Agile Senior
FABERNOVEL
Et maintenant,
comment se lancer ?
Le Design System est à considérer comme un
produit à part entière.
agilité.
Il n’est pas hors sol.
Il doit s’inscrire dans le réel
Construire son business case auprès du top management :
Design
234K€ / an
Development
487,5K€ / an
Il doit être sponsorisé :
*Étude InVision
Il doit être piloté par une équipe pluridisciplinaire :
Designers Développeurs
Product Owner
Stakeholders
Il doit embarquer ses utilisateurs
sur le long-terme
jamais fini.
> créer une communauté
d’ambassadeurs (futurs
utilisateurs du design system)
à embarquer dès le début
> feedback loop
> rendre votre design system
contribuable (ex : Bootstrap)
Il doit vous permettre de vous différencier
Envoyer des signaux forts à votre marché afin de :
leader et référence
les talents
Minimum
Viable
Product
Et enfin… il doit être pensé MVP
3 mois ?
En conclusion,
● Une étape obligatoire
dans votre transformation
vers l’homogénéisation
de vos points de contacts
● Un passage de l’exploration
à l’industrialisation
● Une libération de la valeur
du designer vers l’empathie
Marina Dislich
Communication Manager
marina.dislich@fabernovel.com
Mathilde Maître
Head of Design
mathilde.maitre@fabernovel.com
Simon Gaurand
Coach Agile
simon.gaurand@fabernovel.com
Contacts
Contributeurs :
Clémentine Sonnic, Analyst
Mathieu Micheneau, Lead UX Designer
Benoît Talabot, Directeur de création
Marine Chatras, Directrice artistique

Contenu connexe

Tendances

Work'n Coffee : back from CES Las Vegas 2018 by ND
Work'n Coffee : back from CES Las Vegas 2018 by NDWork'n Coffee : back from CES Las Vegas 2018 by ND
Work'n Coffee : back from CES Las Vegas 2018 by ND
Net Design
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
SCALA
 
Optimiser votre Time to Market avec Acquia Site Factory
Optimiser votre Time to Market avec Acquia Site FactoryOptimiser votre Time to Market avec Acquia Site Factory
Optimiser votre Time to Market avec Acquia Site Factory
Cyril Reinhard
 
Presentation referentiel Marketing & Digitale 15/01/2013
Presentation referentiel Marketing & Digitale 15/01/2013Presentation referentiel Marketing & Digitale 15/01/2013
Presentation referentiel Marketing & Digitale 15/01/2013thomgui
 
Les applications de News d’aujourd’hui et de demain - Meetup
Les applications de News d’aujourd’hui et de demain - MeetupLes applications de News d’aujourd’hui et de demain - Meetup
Les applications de News d’aujourd’hui et de demain - Meetup
Thiga
 
Introduction Au Plm
Introduction Au PlmIntroduction Au Plm
Introduction Au Plmpistesil
 
Référentiel Innovation nouvelle génération bpifrance/Fing - Introduction
Référentiel Innovation nouvelle génération bpifrance/Fing - IntroductionRéférentiel Innovation nouvelle génération bpifrance/Fing - Introduction
Référentiel Innovation nouvelle génération bpifrance/Fing - Introduction
Fing
 
HUBREPORT - HUBFORUM Paris 2017
HUBREPORT - HUBFORUM Paris 2017HUBREPORT - HUBFORUM Paris 2017
HUBREPORT - HUBFORUM Paris 2017
HUB INSTITUTE
 
Lean UX
Lean UX Lean UX
Lean UX
UX REPUBLIC
 
HUBFORUM : 8 Tendances de la transformation digitale pour 2018
HUBFORUM : 8 Tendances de la transformation digitale pour 2018 HUBFORUM : 8 Tendances de la transformation digitale pour 2018
HUBFORUM : 8 Tendances de la transformation digitale pour 2018
HUB INSTITUTE
 
IUT Bordeaux - plaquette coh@bit 2015 - fab lab et technoshop
IUT Bordeaux - plaquette coh@bit 2015 - fab lab et technoshopIUT Bordeaux - plaquette coh@bit 2015 - fab lab et technoshop
IUT Bordeaux - plaquette coh@bit 2015 - fab lab et technoshop
polenumerique33
 
Extrait HUBREPORT Future of Work 2017
Extrait HUBREPORT Future of Work 2017Extrait HUBREPORT Future of Work 2017
Extrait HUBREPORT Future of Work 2017
HUB INSTITUTE
 
#Code : La révolution Programmée
#Code : La révolution Programmée#Code : La révolution Programmée
#Code : La révolution Programmée
Fabernovel
 
HUBREPORT Future of Retail : Focus sur les chatbots
HUBREPORT Future of Retail : Focus sur les chatbotsHUBREPORT Future of Retail : Focus sur les chatbots
HUBREPORT Future of Retail : Focus sur les chatbots
HUB INSTITUTE
 
Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017
Net Design
 
Pratiques de management à l'ère du numérique - BlendWebMix2017
Pratiques de management à l'ère du numérique - BlendWebMix2017Pratiques de management à l'ère du numérique - BlendWebMix2017
Pratiques de management à l'ère du numérique - BlendWebMix2017
Cecil Dijoux
 
Business Analyst & Transformation Digital : Retour d'expérience Groupe SEB
Business Analyst & Transformation Digital : Retour d'expérience Groupe SEBBusiness Analyst & Transformation Digital : Retour d'expérience Groupe SEB
Business Analyst & Transformation Digital : Retour d'expérience Groupe SEB
Thomas POTTIER
 
Ces innovations qui transforment le marketing (2013)
Ces innovations qui transforment le marketing (2013)Ces innovations qui transforment le marketing (2013)
Ces innovations qui transforment le marketing (2013)
Cyrille CHAUDOIT
 
HUBREPORT Future of Social 2018 Extrait
HUBREPORT Future of Social 2018 ExtraitHUBREPORT Future of Social 2018 Extrait
HUBREPORT Future of Social 2018 Extrait
HUB INSTITUTE
 
Présentation een inizia 190515
Présentation een inizia 190515Présentation een inizia 190515
Présentation een inizia 190515
I2TCorse
 

Tendances (20)

Work'n Coffee : back from CES Las Vegas 2018 by ND
Work'n Coffee : back from CES Las Vegas 2018 by NDWork'n Coffee : back from CES Las Vegas 2018 by ND
Work'n Coffee : back from CES Las Vegas 2018 by ND
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
 
Optimiser votre Time to Market avec Acquia Site Factory
Optimiser votre Time to Market avec Acquia Site FactoryOptimiser votre Time to Market avec Acquia Site Factory
Optimiser votre Time to Market avec Acquia Site Factory
 
Presentation referentiel Marketing & Digitale 15/01/2013
Presentation referentiel Marketing & Digitale 15/01/2013Presentation referentiel Marketing & Digitale 15/01/2013
Presentation referentiel Marketing & Digitale 15/01/2013
 
Les applications de News d’aujourd’hui et de demain - Meetup
Les applications de News d’aujourd’hui et de demain - MeetupLes applications de News d’aujourd’hui et de demain - Meetup
Les applications de News d’aujourd’hui et de demain - Meetup
 
Introduction Au Plm
Introduction Au PlmIntroduction Au Plm
Introduction Au Plm
 
Référentiel Innovation nouvelle génération bpifrance/Fing - Introduction
Référentiel Innovation nouvelle génération bpifrance/Fing - IntroductionRéférentiel Innovation nouvelle génération bpifrance/Fing - Introduction
Référentiel Innovation nouvelle génération bpifrance/Fing - Introduction
 
HUBREPORT - HUBFORUM Paris 2017
HUBREPORT - HUBFORUM Paris 2017HUBREPORT - HUBFORUM Paris 2017
HUBREPORT - HUBFORUM Paris 2017
 
Lean UX
Lean UX Lean UX
Lean UX
 
HUBFORUM : 8 Tendances de la transformation digitale pour 2018
HUBFORUM : 8 Tendances de la transformation digitale pour 2018 HUBFORUM : 8 Tendances de la transformation digitale pour 2018
HUBFORUM : 8 Tendances de la transformation digitale pour 2018
 
IUT Bordeaux - plaquette coh@bit 2015 - fab lab et technoshop
IUT Bordeaux - plaquette coh@bit 2015 - fab lab et technoshopIUT Bordeaux - plaquette coh@bit 2015 - fab lab et technoshop
IUT Bordeaux - plaquette coh@bit 2015 - fab lab et technoshop
 
Extrait HUBREPORT Future of Work 2017
Extrait HUBREPORT Future of Work 2017Extrait HUBREPORT Future of Work 2017
Extrait HUBREPORT Future of Work 2017
 
#Code : La révolution Programmée
#Code : La révolution Programmée#Code : La révolution Programmée
#Code : La révolution Programmée
 
HUBREPORT Future of Retail : Focus sur les chatbots
HUBREPORT Future of Retail : Focus sur les chatbotsHUBREPORT Future of Retail : Focus sur les chatbots
HUBREPORT Future of Retail : Focus sur les chatbots
 
Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017Work’n Coffee UX Design by ND du 27 octobre 2017
Work’n Coffee UX Design by ND du 27 octobre 2017
 
Pratiques de management à l'ère du numérique - BlendWebMix2017
Pratiques de management à l'ère du numérique - BlendWebMix2017Pratiques de management à l'ère du numérique - BlendWebMix2017
Pratiques de management à l'ère du numérique - BlendWebMix2017
 
Business Analyst & Transformation Digital : Retour d'expérience Groupe SEB
Business Analyst & Transformation Digital : Retour d'expérience Groupe SEBBusiness Analyst & Transformation Digital : Retour d'expérience Groupe SEB
Business Analyst & Transformation Digital : Retour d'expérience Groupe SEB
 
Ces innovations qui transforment le marketing (2013)
Ces innovations qui transforment le marketing (2013)Ces innovations qui transforment le marketing (2013)
Ces innovations qui transforment le marketing (2013)
 
HUBREPORT Future of Social 2018 Extrait
HUBREPORT Future of Social 2018 ExtraitHUBREPORT Future of Social 2018 Extrait
HUBREPORT Future of Social 2018 Extrait
 
Présentation een inizia 190515
Présentation een inizia 190515Présentation een inizia 190515
Présentation een inizia 190515
 

Similaire à Vers une nouvelle ère de vos expériences

Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
AudéLor
 
Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)Gregory Renard
 
2UNL - PARISWEB 2010
2UNL - PARISWEB 20102UNL - PARISWEB 2010
2UNL - PARISWEB 2010
Christophe Cotin Valois
 
Prenez le contrôle de votre Stratégie Digitale Multicanal
Prenez le contrôle de votre Stratégie Digitale MulticanalPrenez le contrôle de votre Stratégie Digitale Multicanal
Prenez le contrôle de votre Stratégie Digitale Multicanal
Cyril Reinhard
 
Appréhender et s'adapter aux mutations de l'économie numérique.
Appréhender et s'adapter aux mutations de l'économie numérique. Appréhender et s'adapter aux mutations de l'économie numérique.
Appréhender et s'adapter aux mutations de l'économie numérique.
Thibaut Brousse
 
Yannick DUPUIS
Yannick DUPUISYannick DUPUIS
Yannick DUPUIS
Yannick D.
 
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...Nuxeo
 
[TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte![TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte!
Alexandre Touret
 
JBL - ENSIM - Approche Architecture d'Entreprise
JBL - ENSIM - Approche Architecture d'EntrepriseJBL - ENSIM - Approche Architecture d'Entreprise
JBL - ENSIM - Approche Architecture d'Entreprise
Jean Blanchard
 
L’accessibilité numérique est au cœur de la transformation digitale de Microsoft
L’accessibilité numérique est au cœur de la transformation digitale de MicrosoftL’accessibilité numérique est au cœur de la transformation digitale de Microsoft
L’accessibilité numérique est au cœur de la transformation digitale de Microsoft
Patricia CHARRAIS-BOUVIER
 
L’accessibilité numérique est au cœur de la transformation digitale de Microsoft
L’accessibilité numérique est au cœur de la transformation digitale de MicrosoftL’accessibilité numérique est au cœur de la transformation digitale de Microsoft
L’accessibilité numérique est au cœur de la transformation digitale de Microsoft
Microsoft pour les PME
 
Offre onepoint medias
Offre onepoint mediasOffre onepoint medias
Offre onepoint medias
GroupeONEPOINT
 
Le Lean UX avec K2
Le Lean UX avec K2Le Lean UX avec K2
Le Lean UX avec K2
Jean-Philippe MARTIN
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
ambin_fr
 
Le BTP fait sa révolution numérique - BIM et maquette numérique
Le BTP fait sa révolution numérique - BIM et maquette numériqueLe BTP fait sa révolution numérique - BIM et maquette numérique
Le BTP fait sa révolution numérique - BIM et maquette numérique
Novabuild
 
Convivialité (UX) pour les affichages et services numériques dans le processu...
Convivialité (UX) pour les affichages et services numériques dans le processu...Convivialité (UX) pour les affichages et services numériques dans le processu...
Convivialité (UX) pour les affichages et services numériques dans le processu...
Immacon
 
Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016
Idean France
 
L'approche Bertin Ergonomie des MVP
L'approche Bertin Ergonomie des MVPL'approche Bertin Ergonomie des MVP
L'approche Bertin Ergonomie des MVP
Hugues Randriatsoa
 
Usages et Mise en Œuvre de Confluence Wiki - du Réseau Social à l'Intranet Co...
Usages et Mise en Œuvre de Confluence Wiki - du Réseau Social à l'Intranet Co...Usages et Mise en Œuvre de Confluence Wiki - du Réseau Social à l'Intranet Co...
Usages et Mise en Œuvre de Confluence Wiki - du Réseau Social à l'Intranet Co...
Kap IT
 
Flupa UX Days 2018 | Anthony Adam
Flupa UX Days 2018 | Anthony AdamFlupa UX Days 2018 | Anthony Adam
Flupa UX Days 2018 | Anthony Adam
Flupa
 

Similaire à Vers une nouvelle ère de vos expériences (20)

Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
 
Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)
 
2UNL - PARISWEB 2010
2UNL - PARISWEB 20102UNL - PARISWEB 2010
2UNL - PARISWEB 2010
 
Prenez le contrôle de votre Stratégie Digitale Multicanal
Prenez le contrôle de votre Stratégie Digitale MulticanalPrenez le contrôle de votre Stratégie Digitale Multicanal
Prenez le contrôle de votre Stratégie Digitale Multicanal
 
Appréhender et s'adapter aux mutations de l'économie numérique.
Appréhender et s'adapter aux mutations de l'économie numérique. Appréhender et s'adapter aux mutations de l'économie numérique.
Appréhender et s'adapter aux mutations de l'économie numérique.
 
Yannick DUPUIS
Yannick DUPUISYannick DUPUIS
Yannick DUPUIS
 
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...
 
[TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte![TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte!
 
JBL - ENSIM - Approche Architecture d'Entreprise
JBL - ENSIM - Approche Architecture d'EntrepriseJBL - ENSIM - Approche Architecture d'Entreprise
JBL - ENSIM - Approche Architecture d'Entreprise
 
L’accessibilité numérique est au cœur de la transformation digitale de Microsoft
L’accessibilité numérique est au cœur de la transformation digitale de MicrosoftL’accessibilité numérique est au cœur de la transformation digitale de Microsoft
L’accessibilité numérique est au cœur de la transformation digitale de Microsoft
 
L’accessibilité numérique est au cœur de la transformation digitale de Microsoft
L’accessibilité numérique est au cœur de la transformation digitale de MicrosoftL’accessibilité numérique est au cœur de la transformation digitale de Microsoft
L’accessibilité numérique est au cœur de la transformation digitale de Microsoft
 
Offre onepoint medias
Offre onepoint mediasOffre onepoint medias
Offre onepoint medias
 
Le Lean UX avec K2
Le Lean UX avec K2Le Lean UX avec K2
Le Lean UX avec K2
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
 
Le BTP fait sa révolution numérique - BIM et maquette numérique
Le BTP fait sa révolution numérique - BIM et maquette numériqueLe BTP fait sa révolution numérique - BIM et maquette numérique
Le BTP fait sa révolution numérique - BIM et maquette numérique
 
Convivialité (UX) pour les affichages et services numériques dans le processu...
Convivialité (UX) pour les affichages et services numériques dans le processu...Convivialité (UX) pour les affichages et services numériques dans le processu...
Convivialité (UX) pour les affichages et services numériques dans le processu...
 
Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016
 
L'approche Bertin Ergonomie des MVP
L'approche Bertin Ergonomie des MVPL'approche Bertin Ergonomie des MVP
L'approche Bertin Ergonomie des MVP
 
Usages et Mise en Œuvre de Confluence Wiki - du Réseau Social à l'Intranet Co...
Usages et Mise en Œuvre de Confluence Wiki - du Réseau Social à l'Intranet Co...Usages et Mise en Œuvre de Confluence Wiki - du Réseau Social à l'Intranet Co...
Usages et Mise en Œuvre de Confluence Wiki - du Réseau Social à l'Intranet Co...
 
Flupa UX Days 2018 | Anthony Adam
Flupa UX Days 2018 | Anthony AdamFlupa UX Days 2018 | Anthony Adam
Flupa UX Days 2018 | Anthony Adam
 

Plus de Fabernovel

GAFAnomics Tesla Volume 2 - Is Tesla the disruptor we need?
GAFAnomics Tesla Volume 2 -  Is Tesla the disruptor we need?GAFAnomics Tesla Volume 2 -  Is Tesla the disruptor we need?
GAFAnomics Tesla Volume 2 - Is Tesla the disruptor we need?
Fabernovel
 
Lancement de ReCOVery - Sortie de crise - Les nouveaux raisonnables
Lancement de ReCOVery - Sortie de crise - Les nouveaux raisonnablesLancement de ReCOVery - Sortie de crise - Les nouveaux raisonnables
Lancement de ReCOVery - Sortie de crise - Les nouveaux raisonnables
Fabernovel
 
[Extract] Study - Talent KPIs
[Extract] Study - Talent KPIs [Extract] Study - Talent KPIs
[Extract] Study - Talent KPIs
Fabernovel
 
Fabernovel analyse les tendances publicitaires du super bowl de 2020
Fabernovel analyse les tendances publicitaires du super bowl de 2020Fabernovel analyse les tendances publicitaires du super bowl de 2020
Fabernovel analyse les tendances publicitaires du super bowl de 2020
Fabernovel
 
Amazon is eating the world
Amazon is eating the worldAmazon is eating the world
Amazon is eating the world
Fabernovel
 
Gafanomics - Quarterly - Episode 4 (Q4FY19)
Gafanomics - Quarterly - Episode 4 (Q4FY19) Gafanomics - Quarterly - Episode 4 (Q4FY19)
Gafanomics - Quarterly - Episode 4 (Q4FY19)
Fabernovel
 
Fabernovel study on SoftBank
Fabernovel study on SoftBankFabernovel study on SoftBank
Fabernovel study on SoftBank
Fabernovel
 
The new retail: apocalypse or new era?
The new retail: apocalypse or new era?The new retail: apocalypse or new era?
The new retail: apocalypse or new era?
Fabernovel
 
L’aventure iOS - tvOS myCANAL
L’aventure iOS - tvOS myCANALL’aventure iOS - tvOS myCANAL
L’aventure iOS - tvOS myCANAL
Fabernovel
 
WeChat Social Ads Playbook
WeChat Social Ads PlaybookWeChat Social Ads Playbook
WeChat Social Ads Playbook
Fabernovel
 
[Extract] Study The We Company: is real estate a disruptable industry?
[Extract] Study The We Company: is real estate a disruptable industry?[Extract] Study The We Company: is real estate a disruptable industry?
[Extract] Study The We Company: is real estate a disruptable industry?
Fabernovel
 
Insight Report by Fabernovel - The Hidden consumption force of Overseas Chine...
Insight Report by Fabernovel - The Hidden consumption force of Overseas Chine...Insight Report by Fabernovel - The Hidden consumption force of Overseas Chine...
Insight Report by Fabernovel - The Hidden consumption force of Overseas Chine...
Fabernovel
 
Study Ardian & Fabernovel - The Augmented Infrastructure: Digital for climate?
Study Ardian & Fabernovel - The Augmented Infrastructure:  Digital for climate?Study Ardian & Fabernovel - The Augmented Infrastructure:  Digital for climate?
Study Ardian & Fabernovel - The Augmented Infrastructure: Digital for climate?
Fabernovel
 
Services urbains : faut il vraiment penser utilisateur ?
Services urbains : faut il vraiment penser utilisateur ?Services urbains : faut il vraiment penser utilisateur ?
Services urbains : faut il vraiment penser utilisateur ?
Fabernovel
 
[Fabernovel study] New economy, new KPI: the customer era
[Fabernovel study] New economy, new KPI:  the customer era[Fabernovel study] New economy, new KPI:  the customer era
[Fabernovel study] New economy, new KPI: the customer era
Fabernovel
 
Gafanomics - The Quarterly - Episode 2 (Q2FY19)
Gafanomics - The Quarterly - Episode 2 (Q2FY19)Gafanomics - The Quarterly - Episode 2 (Q2FY19)
Gafanomics - The Quarterly - Episode 2 (Q2FY19)
Fabernovel
 
The Future of Corporate Learning: from Training to Learning Experience
The Future of Corporate Learning: from Training to Learning ExperienceThe Future of Corporate Learning: from Training to Learning Experience
The Future of Corporate Learning: from Training to Learning Experience
Fabernovel
 
Gafanomics - The Quarterly - Episode 1 (Q1FY19)
Gafanomics - The Quarterly - Episode 1 (Q1FY19)Gafanomics - The Quarterly - Episode 1 (Q1FY19)
Gafanomics - The Quarterly - Episode 1 (Q1FY19)
Fabernovel
 
Slack, the future workplace
Slack, the future workplaceSlack, the future workplace
Slack, the future workplace
Fabernovel
 
WeChat, the shape of the connected China
WeChat, the shape of the connected ChinaWeChat, the shape of the connected China
WeChat, the shape of the connected China
Fabernovel
 

Plus de Fabernovel (20)

GAFAnomics Tesla Volume 2 - Is Tesla the disruptor we need?
GAFAnomics Tesla Volume 2 -  Is Tesla the disruptor we need?GAFAnomics Tesla Volume 2 -  Is Tesla the disruptor we need?
GAFAnomics Tesla Volume 2 - Is Tesla the disruptor we need?
 
Lancement de ReCOVery - Sortie de crise - Les nouveaux raisonnables
Lancement de ReCOVery - Sortie de crise - Les nouveaux raisonnablesLancement de ReCOVery - Sortie de crise - Les nouveaux raisonnables
Lancement de ReCOVery - Sortie de crise - Les nouveaux raisonnables
 
[Extract] Study - Talent KPIs
[Extract] Study - Talent KPIs [Extract] Study - Talent KPIs
[Extract] Study - Talent KPIs
 
Fabernovel analyse les tendances publicitaires du super bowl de 2020
Fabernovel analyse les tendances publicitaires du super bowl de 2020Fabernovel analyse les tendances publicitaires du super bowl de 2020
Fabernovel analyse les tendances publicitaires du super bowl de 2020
 
Amazon is eating the world
Amazon is eating the worldAmazon is eating the world
Amazon is eating the world
 
Gafanomics - Quarterly - Episode 4 (Q4FY19)
Gafanomics - Quarterly - Episode 4 (Q4FY19) Gafanomics - Quarterly - Episode 4 (Q4FY19)
Gafanomics - Quarterly - Episode 4 (Q4FY19)
 
Fabernovel study on SoftBank
Fabernovel study on SoftBankFabernovel study on SoftBank
Fabernovel study on SoftBank
 
The new retail: apocalypse or new era?
The new retail: apocalypse or new era?The new retail: apocalypse or new era?
The new retail: apocalypse or new era?
 
L’aventure iOS - tvOS myCANAL
L’aventure iOS - tvOS myCANALL’aventure iOS - tvOS myCANAL
L’aventure iOS - tvOS myCANAL
 
WeChat Social Ads Playbook
WeChat Social Ads PlaybookWeChat Social Ads Playbook
WeChat Social Ads Playbook
 
[Extract] Study The We Company: is real estate a disruptable industry?
[Extract] Study The We Company: is real estate a disruptable industry?[Extract] Study The We Company: is real estate a disruptable industry?
[Extract] Study The We Company: is real estate a disruptable industry?
 
Insight Report by Fabernovel - The Hidden consumption force of Overseas Chine...
Insight Report by Fabernovel - The Hidden consumption force of Overseas Chine...Insight Report by Fabernovel - The Hidden consumption force of Overseas Chine...
Insight Report by Fabernovel - The Hidden consumption force of Overseas Chine...
 
Study Ardian & Fabernovel - The Augmented Infrastructure: Digital for climate?
Study Ardian & Fabernovel - The Augmented Infrastructure:  Digital for climate?Study Ardian & Fabernovel - The Augmented Infrastructure:  Digital for climate?
Study Ardian & Fabernovel - The Augmented Infrastructure: Digital for climate?
 
Services urbains : faut il vraiment penser utilisateur ?
Services urbains : faut il vraiment penser utilisateur ?Services urbains : faut il vraiment penser utilisateur ?
Services urbains : faut il vraiment penser utilisateur ?
 
[Fabernovel study] New economy, new KPI: the customer era
[Fabernovel study] New economy, new KPI:  the customer era[Fabernovel study] New economy, new KPI:  the customer era
[Fabernovel study] New economy, new KPI: the customer era
 
Gafanomics - The Quarterly - Episode 2 (Q2FY19)
Gafanomics - The Quarterly - Episode 2 (Q2FY19)Gafanomics - The Quarterly - Episode 2 (Q2FY19)
Gafanomics - The Quarterly - Episode 2 (Q2FY19)
 
The Future of Corporate Learning: from Training to Learning Experience
The Future of Corporate Learning: from Training to Learning ExperienceThe Future of Corporate Learning: from Training to Learning Experience
The Future of Corporate Learning: from Training to Learning Experience
 
Gafanomics - The Quarterly - Episode 1 (Q1FY19)
Gafanomics - The Quarterly - Episode 1 (Q1FY19)Gafanomics - The Quarterly - Episode 1 (Q1FY19)
Gafanomics - The Quarterly - Episode 1 (Q1FY19)
 
Slack, the future workplace
Slack, the future workplaceSlack, the future workplace
Slack, the future workplace
 
WeChat, the shape of the connected China
WeChat, the shape of the connected ChinaWeChat, the shape of the connected China
WeChat, the shape of the connected China
 

Vers une nouvelle ère de vos expériences

  • 1. DESIGN SYSTEM B&B l Vers une nouvelle ère de vos expériences
  • 2. 2 Romain Petit, Head of Design ENGIE Digital Le design system, accélérateur de la transformation par le design chez ENGIE Digital Simon Gaurand, Coach Agile Senior FABERNOVEL Technologies et expériences à l’échelle : comment se lancer ? 3 temps forts Mathilde Maître, Head of Design FABERNOVEL Le design et son “système” fondamentaux et enjeux aujourd’hui
  • 4. 4 Le design et son “système” fondamentaux et enjeux :aujourd’hui Mathilde Maître, Head of Design FABERNOVEL
  • 5.
  • 7. 1851 Crystal Palace, 1ère Exposition universelle, Londres Construit en un temps record de 8 mois à partir d’unités modulaires standardisées. Le design est industriel par essence
  • 8. 1859 Chaise N° 14, Thonet Penser en grande série
  • 9. Le design Braun, Dieter Rams Simplicité, ordre et harmonie Chercher la cohérence d’une gamme
  • 10. Insuffler une vision globale Roger Tallon, le père du design de la SNCF Du train corail au TGV Duplex, l’eurostar, un même souci du détail confortable
  • 12. A l’ère du numérique
  • 13. Une perte de contrôle sur l’expérience globale... App SNCF App Ouigo App SNCF pro App SNCF En Gare 13
  • 14. ...alors que nous créons de plus en plus de points de contact (et ce n’est pas prêt de s’arrêter !) Un accroissement du nombre de devices et de points de contacts... … qui transforment le travail des équipes de conception de produits : De nouvelles contraintes et de nouveaux challenges : ● Concevoir pour des tailles de devices et d’écrans divers ● Etendre le périmètre des produits conçus et s’ouvrir à des nouveaux business ● Accroître la taille des équipes et les parties prenantes ● Produire toujours plus et plus vite ● Etc.
  • 15. La conception “one-shot” n’est pas durable !
  • 16. Fini le système D, place au Design System !
  • 17. Qu’est ce qu’un design system ? La boîte à outils à destination des nouveaux artisans, les “makers” de produits numériques qui leur permet : ● de gérer ce chaos en adoptant une approche de conception plus raisonnée ● de créer de meilleurs produits en utilisant un langage commun défini en amont Un Design System offre une bibliothèque de styles visuels et de composants documentés et publiés sous forme de code réutilisable pour les développeurs et d'outil(s) pour les designers. Il peut également intégrer des conseils sur l'accessibilité, ainsi que des outils rédactionnels. Il est utilisé lors des étapes : ● de prototypage rapide ● de conception et développement de nouveaux produits.
  • 18. Le langage unique de Google Material DesignEtudedecas Un portefeuille de services cohérent grâce au Design System : ● facilite la conception de tous les produits numériques ● accessible en ligne, bien documenté ● vivant : il est sans cesse complété et mis à jour
  • 19. Le langage unique de Google Material DesignEtudedecas
  • 20. Le langage unique de Google Material DesignEtudedecas
  • 21. Cette boîte à outil pour les concepteurs permet d’orchestrer la multitude et variété de points de contacts Ce langage unique permet de gagner en lisibilité pour les utilisateurs finaux et contribue à la montée en gamme des expériences. Le Design System remet de l’ordre et permet d’industrialiser la conception
  • 22. A l’ère du numériqueC Plus qu’une histoire de design, un asset stratégique
  • 23. C John Maeda Designer & Technologist Automattic
  • 24. Un asset stratégique au service de la transformation en cours Ces 3 entreprises utilise et ont conçu un Design System, au bon moment et en support de leur vision design : GOV.UK l’aboutissement de la transformation par le design débuté en 2010 Audi le fil conducteur d’une expérience continue et unifié de la voiture au produits numériques AirBnB le catalyseur d’un passage à l’échelle rapide et efficace
  • 25. Cas 1 Gov.uk Le Design System comme aboutissement d’une transformation par le design débutée en 2010
  • 26. Un Design System qui s’inscrit dans une vision plus globale de transformation 2013 - 2015 2017-2018Depuis 2010 Création d’un site GOV.UK qui a agrégé 2000 sites du gouvernement en 1 unique point de contact Elaboration et implémentation d’une stratégie de transformation par le design Lancement du Design System pour aligner tous les assets numériques
  • 27. … et l’impact est visible : £62 9 1.03 300+ Sources : https://www.gov.uk/performance http://www.internetactu.net/2015/02/17/gov-uk-limportant-nest-pas-dinnover-mais-de-faire-que-les-choses-marchent/
  • 28. Le Design System comme fil conducteur d’une expérience continue et unifiée : de la voiture aux produits numériques Cas 2 Audi
  • 29. Les 3 principes de design d’Audi, incarnation de l’expérience de bout en bout Les principes du Design System s’appliquent dans l’expérience actuelle (plateformes et interfaces dans l’habitacle) mais sont aussi pensées pour l’expérience future (véhicules autonomes)
  • 30. Des briques du Design System à l’image des voitures… et vice et versa. Les règles d’animation inscrites dans le Design System représentent la dynamique sportive des voitures Audi : accélération intense et décélération rapide
  • 31. Cas 3 AirBnB Le Design System comme catalyseur d’un passage à l’échelle rapide et efficace
  • 32. Une vision design très claire “Belong Anywhere.” Sur desktop, sur mobile ou entre des murs. Pour l’utilisateur final ou pour le collaborateur. L’expérience est simple, intuitive et incarne la confiance et l’hospitalité.
  • 33. Multitude de collaborateurs créant les assets digitaux Longue durée de vie des assets digitaux Karri Saarinen, principal designer AirBnB Design de produits numériques : moins de contraintes physiques Multitude de supports Un environnement risqué qui génère de l’hétérogénéité dans les expériences
  • 34. Créer un design system pour garder le cap Au cours de ces étapes, l’équipe Design Ops a posé les bases du design system et a sans cesse réitéré en fonction de leurs observations et des retours collaborateurs.
  • 35. Les bénéfices de l’utilisation du Design System pour AirBnB Karri Saarinen, principal designer AirBnB
  • 36. et, le rôle du designer ?
  • 37. L’ère de l’automatisation de la créativité ?
  • 38. ...ou plutôt : nouvel outil = nouveaux rôles Alex Schleifer VP Design, Airbnb DesignerOps Ces profils de designers sont fascinés par la façon dont le design fonctionne Ils ont envie de s’investir pour faire en sorte que le design passe à l’échelle dans une organisation. Designer Lead Ces designers sont les garants de la vision Design mais aussi des visionnaires qui permettent à chacun de se sentir en capacité de concevoir de nouveaux produits, services ou business.
  • 39. 39 Le design system, accélérateur de la transformation :par le design chez ENGIE Digital Romain Petit, Head of Design ENGIE Digital
  • 40. 40 Technologies et expériences à l’échelle : comment se lancer ? Simon Gaurand, Coach Agile Senior FABERNOVEL
  • 42. Le Design System est à considérer comme un produit à part entière. agilité.
  • 43. Il n’est pas hors sol. Il doit s’inscrire dans le réel
  • 44. Construire son business case auprès du top management : Design 234K€ / an Development 487,5K€ / an Il doit être sponsorisé : *Étude InVision
  • 45. Il doit être piloté par une équipe pluridisciplinaire : Designers Développeurs Product Owner Stakeholders
  • 46. Il doit embarquer ses utilisateurs sur le long-terme jamais fini. > créer une communauté d’ambassadeurs (futurs utilisateurs du design system) à embarquer dès le début > feedback loop > rendre votre design system contribuable (ex : Bootstrap)
  • 47. Il doit vous permettre de vous différencier Envoyer des signaux forts à votre marché afin de : leader et référence les talents
  • 48. Minimum Viable Product Et enfin… il doit être pensé MVP 3 mois ?
  • 49. En conclusion, ● Une étape obligatoire dans votre transformation vers l’homogénéisation de vos points de contacts ● Un passage de l’exploration à l’industrialisation ● Une libération de la valeur du designer vers l’empathie
  • 50.
  • 51. Marina Dislich Communication Manager marina.dislich@fabernovel.com Mathilde Maître Head of Design mathilde.maitre@fabernovel.com Simon Gaurand Coach Agile simon.gaurand@fabernovel.com Contacts Contributeurs : Clémentine Sonnic, Analyst Mathieu Micheneau, Lead UX Designer Benoît Talabot, Directeur de création Marine Chatras, Directrice artistique