SlideShare une entreprise Scribd logo
1  sur  28
Télécharger pour lire hors ligne
JEUDI 12 SEPTEMBRE 2019
Gabriel Saint-Martin
UX Designer @UX Republic
5 ans d’expérience
Sommaire
● Définition du design system
● Ses avantages et inconvénients
● Le pattern, à l’origine du design system
● Définition de la création
● Mon avis (et le vôtre)
QU’EST CE QU’UN
DESIGN SYSTEM ?
● Bibliothèque de composants et
iconographie
● Règles d'utilisation
● Code source
● Règles d’ergonomie
● Règles éditoriales...
● Partagée à tous les concepteurs au sein
d’une marque
QU’EST CE QU’UN
DESIGN SYSTEM ?
C'est une bibliothèque de composants,
d'iconographie et règles d'utilisation allant
jusqu'au code, partagée à tous les concepteurs au
sein d’une marque, des designer au développeur,
accompagnée de règles d’ergonomies
UN OUTIL PARFAIT POUR
UNE ORGANISATION
● Design consistant sur l’ensemble des
plateformes
● Composants réutilisables faciles à maintenir
● Communication facilitée entre les équipes
● Une production plus rapide
● Tests plus simples et fréquents
UN OUTIL PARFAIT POUR
UNE ORGANISATION
● Design consistant sur l’ensemble des
plateformes
● Composants réutilisables faciles à maintenir
● Communication facilitée entre les équipes
● Un production plus rapide
● Des tests plus simples et fréquents
“When people can be confident of what will happen, they
can rely on the product. Consistency helps to build trust.”
Alla Kholmatova, Design Systems
UN OUTIL FACILITATEUR
POUR LE DESIGNER
● Gain de temps pour la conception
d’interface
● Augmentation du temps de cerveau
disponible pour des problèmes importants
● Permet de réfléchir plus longuement aux
usages et aux attentes des utilisateurs
ET POUR INNOVER ?
● Un univers digital toujours en mouvement
● Toujours chercher de meilleures solutions
aux problèmes
● Pour réussir à sortir sentiers battus, il faut
faire preuve de créativité, d’imagination, de
réflexion...
Un design system est il un
frein à la créativité ?
QUELQUES ARGUMENTS
● Le concepteur est contraint par des règles
déjà établies
● Ayant déjà des solutions, il n'a aucune raison
d'aller chercher de nouvelles solutions
innovantes
AVANT LA DESIGN SYSTEM,
LE PATTERN
● Traduction : patron de conception
● Existe dans l'architecture, la couture,
l’industrie… tous les domaines
LE PATTERN, PAS
ORIGINAL PAR NATURE
● La meilleure solution connue à un problème
de conception récurrent
● Un design system est un assemblage de
composants et de pattern
LE PATTERN LANGUAGE
PAR C.ALEXANDER
● Selon lui, l'idée qu'il puisse y avoir une
création ou une invention originale et
individuelle dans le domaine de la
conception est fausse
● Création ≠ création originale
● Définition d’original : “qui paraît ne dériver
de rien d'antérieur, qui est unique”
Est ce que l'utilisation d’un design
system permet de créer quelque
chose d'original, d'unique ?
QUELLE DÉFINITION POUR
LA CRÉATION ?
● Associer la créativité et l’originalité avec le
domaine des arts,
● Dans le monde de l’entreprise, l’originalité
n’est souvent pas le maître mot
QUELLE CRÉATION EN
ENTREPRISE ?
Une idée doit être :
● Appropriée au contexte, aux problèmes
● Actionnable et utile
● Avoir une influence sur les objectifs de
l’entreprise.
On associe donc à la créativité l’efficacité.
Est ce que l'utilisation de d’un design
sytem permet de créer quelque
chose d’unique ?
Du point de vue d’une organisation,
unique peut être pas mais efficace
Du point de vue d’un UX Designer,
efficace oui, unique parfois
Du point de vue d’un artiste,
unique non, efficace pourquoi ?
Du point de vue d’un UI Designer,
unique, pas sûr, efficace oui
Du point de vue d’un développeur,
je ne sais pas
Et vous, votre point de vue ?
Appel à témoignages
26
Mes sources
Retrouvez toutes mes sources et
inspirations en cliquant sur ce lien
➜ PROCHAIN MEETUP ON ESPÈRE EN PRÉSENTIEL...
DES QUESTIONS ?
Qualité - Pragmatisme - Intimité Client - Partage
Copyright © UX-REPUBLIC 2020
Merci !
Qualité • Pragmatisme • Intimité Client • Partage
hello@ux-republic.com

Contenu connexe

Similaire à UX lightning talks #4 : Design patterns et créativité

Innovation vue-par-22 novembre2012
Innovation vue-par-22 novembre2012Innovation vue-par-22 novembre2012
Innovation vue-par-22 novembre2012
Pascal Flamand
 
memoire Nathanael Delahaye
memoire Nathanael Delahayememoire Nathanael Delahaye
memoire Nathanael Delahaye
Nathana Delahaye
 

Similaire à UX lightning talks #4 : Design patterns et créativité (20)

Innovation vue-par-22 novembre2012
Innovation vue-par-22 novembre2012Innovation vue-par-22 novembre2012
Innovation vue-par-22 novembre2012
 
Human Talk - Faire du design par composant avec l'Atomic Design
Human Talk - Faire du design par composant avec l'Atomic DesignHuman Talk - Faire du design par composant avec l'Atomic Design
Human Talk - Faire du design par composant avec l'Atomic Design
 
Construire un produit open source, en mode lean, agile et open standards
Construire un produit open source, en mode lean, agile et open standardsConstruire un produit open source, en mode lean, agile et open standards
Construire un produit open source, en mode lean, agile et open standards
 
Faire du design par composant avec l'Atomic Design
Faire du design par composant avec l'Atomic DesignFaire du design par composant avec l'Atomic Design
Faire du design par composant avec l'Atomic Design
 
Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009Grosjean Agile User Experience XP DAY France 2009
Grosjean Agile User Experience XP DAY France 2009
 
FLUPA2015-R.CASTAING-LA RESPONSABILITÉ DE PENSER DESIGN
FLUPA2015-R.CASTAING-LA RESPONSABILITÉ DE PENSER DESIGNFLUPA2015-R.CASTAING-LA RESPONSABILITÉ DE PENSER DESIGN
FLUPA2015-R.CASTAING-LA RESPONSABILITÉ DE PENSER DESIGN
 
Le rôle de l’architecte Agile - Mathieu Boisvert
Le rôle de l’architecte Agile - Mathieu BoisvertLe rôle de l’architecte Agile - Mathieu Boisvert
Le rôle de l’architecte Agile - Mathieu Boisvert
 
Minke initiation au design thinking
Minke initiation au design thinkingMinke initiation au design thinking
Minke initiation au design thinking
 
Lean UX et Scrum
Lean UX et ScrumLean UX et Scrum
Lean UX et Scrum
 
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
 
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
 
Design, ergonomie et IHM : études complémentaires pour favoriser les activité...
Design, ergonomie et IHM : études complémentaires pour favoriser les activité...Design, ergonomie et IHM : études complémentaires pour favoriser les activité...
Design, ergonomie et IHM : études complémentaires pour favoriser les activité...
 
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
 
Le product designer by Thiga
Le product designer by ThigaLe product designer by Thiga
Le product designer by Thiga
 
(Re) Cadrage en équipe agile (Intégrer Scrum et Design Thinking : REX)
(Re) Cadrage en équipe agile (Intégrer Scrum et Design Thinking : REX)(Re) Cadrage en équipe agile (Intégrer Scrum et Design Thinking : REX)
(Re) Cadrage en équipe agile (Intégrer Scrum et Design Thinking : REX)
 
Construire son système d'exploitation
Construire son système d'exploitationConstruire son système d'exploitation
Construire son système d'exploitation
 
Agile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UXAgile Wake Up #3 : Lean UX
Agile Wake Up #3 : Lean UX
 
Design in startup / scale-up
Design in startup / scale-upDesign in startup / scale-up
Design in startup / scale-up
 
memoire Nathanael Delahaye
memoire Nathanael Delahayememoire Nathanael Delahaye
memoire Nathanael Delahaye
 
Le design thinking en bilbiothèque
Le design thinking en bilbiothèqueLe design thinking en bilbiothèque
Le design thinking en bilbiothèque
 

Plus de UX Republic Bordeaux

Plus de UX Republic Bordeaux (9)

UX lightning talks #3 : Privacy is the new black
UX lightning talks #3 : Privacy is the new blackUX lightning talks #3 : Privacy is the new black
UX lightning talks #3 : Privacy is the new black
 
UX lightning talks #2 : accessibilité
UX lightning talks #2 : accessibilité UX lightning talks #2 : accessibilité
UX lightning talks #2 : accessibilité
 
UX lightning talks #1 : Design de fiction
UX lightning talks #1 : Design de fictionUX lightning talks #1 : Design de fiction
UX lightning talks #1 : Design de fiction
 
Soirée client 1 an - UX Republic Bordeaux
Soirée client 1 an - UX Republic BordeauxSoirée client 1 an - UX Republic Bordeaux
Soirée client 1 an - UX Republic Bordeaux
 
Star d'UX bordeaux #5 - service design et design persuasif
Star d'UX bordeaux #5 - service design et design persuasifStar d'UX bordeaux #5 - service design et design persuasif
Star d'UX bordeaux #5 - service design et design persuasif
 
Star d'UX bordeaux #4 - l'UX future
Star d'UX bordeaux #4 - l'UX futureStar d'UX bordeaux #4 - l'UX future
Star d'UX bordeaux #4 - l'UX future
 
Star d'UX bordeaux #3 - recherche utilisateurs et autres merveilles
Star d'UX bordeaux #3 - recherche utilisateurs et autres merveillesStar d'UX bordeaux #3 - recherche utilisateurs et autres merveilles
Star d'UX bordeaux #3 - recherche utilisateurs et autres merveilles
 
Star d'UX bordeaux #2 - la tribU(X)ne libre
Star d'UX bordeaux #2 - la tribU(X)ne libreStar d'UX bordeaux #2 - la tribU(X)ne libre
Star d'UX bordeaux #2 - la tribU(X)ne libre
 
Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion
 

UX lightning talks #4 : Design patterns et créativité

  • 2. Gabriel Saint-Martin UX Designer @UX Republic 5 ans d’expérience
  • 3. Sommaire ● Définition du design system ● Ses avantages et inconvénients ● Le pattern, à l’origine du design system ● Définition de la création ● Mon avis (et le vôtre)
  • 4. QU’EST CE QU’UN DESIGN SYSTEM ? ● Bibliothèque de composants et iconographie ● Règles d'utilisation ● Code source ● Règles d’ergonomie ● Règles éditoriales... ● Partagée à tous les concepteurs au sein d’une marque
  • 5. QU’EST CE QU’UN DESIGN SYSTEM ? C'est une bibliothèque de composants, d'iconographie et règles d'utilisation allant jusqu'au code, partagée à tous les concepteurs au sein d’une marque, des designer au développeur, accompagnée de règles d’ergonomies
  • 6. UN OUTIL PARFAIT POUR UNE ORGANISATION ● Design consistant sur l’ensemble des plateformes ● Composants réutilisables faciles à maintenir ● Communication facilitée entre les équipes ● Une production plus rapide ● Tests plus simples et fréquents
  • 7. UN OUTIL PARFAIT POUR UNE ORGANISATION ● Design consistant sur l’ensemble des plateformes ● Composants réutilisables faciles à maintenir ● Communication facilitée entre les équipes ● Un production plus rapide ● Des tests plus simples et fréquents
  • 8. “When people can be confident of what will happen, they can rely on the product. Consistency helps to build trust.” Alla Kholmatova, Design Systems
  • 9. UN OUTIL FACILITATEUR POUR LE DESIGNER ● Gain de temps pour la conception d’interface ● Augmentation du temps de cerveau disponible pour des problèmes importants ● Permet de réfléchir plus longuement aux usages et aux attentes des utilisateurs
  • 10. ET POUR INNOVER ? ● Un univers digital toujours en mouvement ● Toujours chercher de meilleures solutions aux problèmes ● Pour réussir à sortir sentiers battus, il faut faire preuve de créativité, d’imagination, de réflexion...
  • 11. Un design system est il un frein à la créativité ?
  • 12. QUELQUES ARGUMENTS ● Le concepteur est contraint par des règles déjà établies ● Ayant déjà des solutions, il n'a aucune raison d'aller chercher de nouvelles solutions innovantes
  • 13. AVANT LA DESIGN SYSTEM, LE PATTERN ● Traduction : patron de conception ● Existe dans l'architecture, la couture, l’industrie… tous les domaines
  • 14. LE PATTERN, PAS ORIGINAL PAR NATURE ● La meilleure solution connue à un problème de conception récurrent ● Un design system est un assemblage de composants et de pattern
  • 15. LE PATTERN LANGUAGE PAR C.ALEXANDER ● Selon lui, l'idée qu'il puisse y avoir une création ou une invention originale et individuelle dans le domaine de la conception est fausse ● Création ≠ création originale ● Définition d’original : “qui paraît ne dériver de rien d'antérieur, qui est unique”
  • 16. Est ce que l'utilisation d’un design system permet de créer quelque chose d'original, d'unique ?
  • 17. QUELLE DÉFINITION POUR LA CRÉATION ? ● Associer la créativité et l’originalité avec le domaine des arts, ● Dans le monde de l’entreprise, l’originalité n’est souvent pas le maître mot
  • 18. QUELLE CRÉATION EN ENTREPRISE ? Une idée doit être : ● Appropriée au contexte, aux problèmes ● Actionnable et utile ● Avoir une influence sur les objectifs de l’entreprise. On associe donc à la créativité l’efficacité.
  • 19. Est ce que l'utilisation de d’un design sytem permet de créer quelque chose d’unique ?
  • 20. Du point de vue d’une organisation, unique peut être pas mais efficace
  • 21. Du point de vue d’un UX Designer, efficace oui, unique parfois
  • 22. Du point de vue d’un artiste, unique non, efficace pourquoi ?
  • 23. Du point de vue d’un UI Designer, unique, pas sûr, efficace oui
  • 24. Du point de vue d’un développeur, je ne sais pas
  • 25. Et vous, votre point de vue ? Appel à témoignages
  • 26. 26 Mes sources Retrouvez toutes mes sources et inspirations en cliquant sur ce lien
  • 27. ➜ PROCHAIN MEETUP ON ESPÈRE EN PRÉSENTIEL... DES QUESTIONS ?
  • 28. Qualité - Pragmatisme - Intimité Client - Partage Copyright © UX-REPUBLIC 2020 Merci ! Qualité • Pragmatisme • Intimité Client • Partage hello@ux-republic.com