Workshop • Yohan Founs • Design system

Workshop • Yohan Founs • Design system

🎙 Yohan Founs 👥 2K 📅 2 octobre 2018 ⏱ 56 min 👁 194 📄 vulgarisation 🧭 2026-10-10
Disponible en : Français (actuel) English

Mots-clés

design systematomic designsystémiqueUX designméthodologie

Résumé

Dans cet atelier enregistré lors du GEN2018, Yohan Founs, créatif technologiste chez Adobe, propose une introduction aux design systems. Il commence par définir la notion de système comme un ensemble d’éléments en interaction concourant à une même finalité, puis introduit la métaphore atomique de Brad Frost, qui décompose l’interface en atomes, molécules, organismes, gabarits et pages. Il illustre cette approche avec des exemples concrets d’Apple, Google, IBM et Airbnb, montrant l’importance d’un référentiel partagé. Il aborde ensuite les problématiques d’industrialisation et d’homogénéisation des interfaces, évoquant le risque de perte de créativité. Pour approfondir, il recommande trois ouvrages fondamentaux : « The Design of Everyday Things » de Donald Norman, « The Elements of User Experience » de Jesse James Garrett, et « The Lean Startup » d’Eric Ries. En seconde partie, il introduit la pensée systémique à partir du « Macroscope » de Joël de Rosnay, en présentant les concepts de réservoirs, flux, vannes et boucles de rétroaction. Il applique ces notions à des cas concrets comme un site e-commerce et une application de tâches, démontrant l’intérêt de modéliser les systèmes pour améliorer la conception numérique.

186 mots

Évaluation critique

Valeur des informations & solidité de l’argumentation

L’exposé apporte une valeur certaine en reliant le design system à la pensée systémique, ce qui dépasse une simple présentation d’outils. L’argumentation est solide : l’orateur s’appuie sur des références établies (Brad Frost, Donald Norman, Joël de Rosnay) et illustre ses propos avec des exemples concrets et des analogies accessibles. Il soulève également des questions pertinentes sur les limites de l’industrialisation et de l’homogénéisation des interfaces, ce qui enrichit la réflexion critique. Cependant, l’argumentation reste essentiellement descriptive et ne propose pas de démonstration empirique des bénéfices des design systems, ce qui limite sa portée à un niveau conceptuel.

Rigueur scientifique, qualité des sources, adéquation du titre

La rigueur scientifique est correcte : les sources mentionnées sont reconnues dans le domaine du design et de la systémique, et l’orateur cite précisément les auteurs et ouvrages. Les exemples proviennent de grandes entreprises bien connues, ce qui renforce la crédibilité. Cependant, aucune donnée chiffrée ou étude n’est présentée pour étayer les affirmations. Le titre est en adéquation avec le contenu : l’atelier traite bien des design systems, et la mention « Workshop » est justifiée par le format interactif de la session.

196 mots

Adéquation titre / contenu

Le titre est fidèle : l'atelier traite bien des design systems, avec une ouverture sur la systémique.

Qualité & fiabilité

7/10

La présentation s'appuie sur des références reconnues (Brad Frost, Donald Norman, Joël de Rosnay) et propose une synthèse claire et structurée. Toutefois, elle reste une prise de parole experte sans démarche expérimentale ni validation scientifique formelle.

Moments clés

Sources citées

  • hoook.io - Site de Yohan Founs — Lien fourni dans la description de la vidéo
  • Atomic Design (Brad Frost) — Méthode décrite par Brad Frost, citée pour la métaphore atomique
  • The Design of Everyday Things (Donald Norman) — Ouvrage de référence en ergonomie et design, cité par l'intervenant
  • The Elements of User Experience (Jesse James Garrett) — Ouvrage de référence sur la conception UX, cité pour la stratégie projet
  • The Lean Startup (Eric Ries) — Ouvrage recommandé pour une approche itérative et expérimentale
  • Le Macroscope (Joël de Rosnay) — Ouvrage fondateur de la pensée systémique, cité pour la modélisation

Apport & nouveautés

Cette vidéo apporte une synthèse originale en établissant un pont entre les design systems, issus du design numérique, et la pensée systémique, issue de la théorie des systèmes. Elle offre une perspective élargie qui dépasse les simples aspects techniques et encourage une réflexion globale sur la finalité et les interactions au sein des projets numériques. L’exemple de modélisation d’un site e-commerce et d’une application de tâches illustre concrètement les concepts de réservoirs, flux et boucles de rétroaction, rendant la systémique accessible à un public de designers.

Pour aller plus loin :

138 mots

Profil radar

Le profil radar montre une bonne qualité dans l'ensemble, avec une prédominance de la quantité et de la fiabilité, mais un niveau technique modéré. La vidéo est riche en informations et s'appuie sur des sources crédibles, tout en restant accessible à un large public, ce qui se reflète dans le score de niveau technique plus faible.

Fiabilité 7/10