Un design system est-il rentable à votre taille ?
Les design systems sont présentés comme inévitables. En dessous d'une certaine taille, ce sont surtout de belles façons documentées de ne pas livrer.
L'argumentaire en faveur d'un design system est convaincant et globalement vrai à grande échelle : interface cohérente, livraison plus rapide, décisions qu'on ne rejoue pas. La question que personne ne pose est à partir de quelle taille son coût de maintenance devient inférieur à l'incohérence qu'il évite.
Les signaux de rentabilité
- Plus d'une surface produit. Un simple site vitrine n'a pas besoin d'un système ; un site plus une application plus un portail client, si.
- Plus de deux personnes qui construisent de l'interface. En dessous, les conventions vivent dans leur tête et restent cohérentes gratuitement.
- Des débats récurrents sur le même composant. Si les variantes de boutons sont redessinées chaque trimestre, le système se rentabilise rien qu'en débats évités.
- La fréquence des arrivées. Si de nouveaux contributeurs rejoignent régulièrement, des composants documentés sont ce qui leur permet de livrer en semaine une plutôt qu'en semaine quatre.
Par quoi commencer
- Les tokens : couleurs, espacements, échelle typographique, arrondis. C'est 80 % de la cohérence visuelle pour 10 % du travail.
- Les cinq composants présents sur chaque écran — bouton, champ, carte, fenêtre modale, navigation. Pas les exotiques.
- Les règles d'usage, pas seulement l'apparence. Quand utiliser chaque variante compte plus que son allure.
- L'accessibilité intégrée au niveau du composant, pour qu'elle ne puisse pas être oubliée écran par écran.
Éviter le musée
Le mode de défaillance, c'est une belle bibliothèque que personne n'utilise parce qu'elle est en retard sur le produit. Gardez le système dans le même dépôt que le produit, laissez-le grandir à partir d'écrans réels plutôt qu'en avance sur eux, et supprimez les composants inutilisés. Un système de quarante composants dont huit servent n'est pas un système : c'est une dette de maintenance bien documentée.
- 2+ personnes construisant l'interface
- 5 composants à traiter en premier
- 80% de la cohérence issue des seuls tokens
Questions fréquentes
Bibliothèque existante ou composants maison ?
Partez d'une bibliothèque open source mature et personnalisez-la. Construire les primitives de zéro — menus accessibles, sélecteurs de date, fenêtres modales — représente des mois de travail réellement difficile à réussir et sans aucune différenciation.
Comment garder designers et développeurs synchronisés ?
Une source unique pour les tokens, générée vers les deux outils plutôt que maintenue deux fois. La synchronisation manuelle des valeurs de couleur entre fichiers de design et code dérive en quelques semaines, sans exception.
À lire ensuite
Vous voulez la même chose pour votre entreprise ? Voir ce que nous faisons.