Design Systems : de quoi s'agit-il et en avez-vous besoin ?

Dernière mise à jour le 21 novembre 2019

L'uniformité sur le web a une connotation négative. Il est souvent synonyme d'ennuyeux, pas original, voire copié. Mais lorsqu'il s'agit de l'uniformité de votre site, c'est une toute autre histoire ; celui de la fiabilité, de la prévoyance, du soin et de l'organisation. Le design joue un rôle de plus en plus important chaque année. Ainsi, il peut devenir une tâche ardue de maintenir la conception des différents éléments de votre produit en harmonie les uns avec les autres. Pour aider à cela, le concept d'un système de conception a émergé. Mais qu'est-ce qu'un système de conception ? Mon entreprise en a-t-elle même besoin ? En quoi est-ce différent d'un guide de style ? Toutes ces questions (et bien d'autres) trouveront une réponse dans cet article.

Qu'est-ce qu'un système de conception ?

Un système de conception est simplement un moyen évolutif d'implémenter la conception sur une variété d'éléments à travers vos produits. Il doit contenir une documentation, des principes et des règles clairs qui définissent l'objectif, l'apparence, la convivialité et l'utilisation des éléments à utiliser dans votre produit.

Le but de votre système de conception est de vous aider à créer le produit final. Dans cet esprit, cela devrait vous faciliter la tâche, à vous ou à votre équipe, en utilisant des éléments prédéfinis réutilisables et modulaires. Cela vous permet de combiner des éléments de différentes manières pour créer des produits avec une sensation cohérente, même lorsqu'ils peuvent avoir des objectifs différents .

Ce n'est pas quelque chose que vous voulez précipiter. Votre système de conception doit être le guide pour la construction de projets actuels et futurs pour votre entreprise, vous voulez donc passer du temps à le concevoir.

Cela ne signifie pas que votre système de conception est gravé dans le marbre une fois que vous l'avez créé. Il doit être considéré comme un projet continu sur lequel vous travaillez, en voyant ce qui fonctionne et ce qui ne fonctionne pas et en l'améliorant. Cela signifie que cela ne se fera pas en quelques jours. Cela nécessite une analyse approfondie de vos objectifs en tant qu'entreprise et des étapes que vous suivrez pour livrer un produit à vos clients.

Guide de style du système de conception VS

Jusqu'à présent, il peut sembler qu'un système de conception n'est qu'un nouveau nom pour un guide de style. Après un guide de style couvre plusieurs des mêmes éléments tels que la couleur, le style et la typographie. Alors, quelle est la difference? Plutôt que de les considérer en opposition les uns aux autres, un guide de style peut faire partie d'un système de conception. Bien qu'il décrive de nombreux éléments qui entrent dans la conception, il manque les processus qui les ont créés, les outils qui les ont créés et la façon dont tous ces éléments fonctionnent ensemble.

Un système de conception met en contexte votre conception d'une manière différente d'un guide de style. À l'aide de votre système de conception, vous pouvez créer les blocs de construction de vos produits en suivant les règles, les processus et les outils décrits. Cela diffère des ensembles de propriétés de base que vos éléments suivent. Vous pouvez considérer votre guide de style comme un sous-produit de votre système de conception, couvrant une petite partie de l'image plus grande. Considérons cet exemple :

Les briques Lego fabriquées aujourd'hui sont toujours compatibles avec les briques Lego fabriquées en 1958. Elles sont l'un des plus grands exemples de pièces interchangeables qui peuvent être utilisées pour construire une variété de choses étonnantes. La société Lego a fabriqué une variété d'ensembles au cours de l'année qui vous permettent de construire presque tout ce que votre cœur désire. Un guide de style peut être comparé à la liste de briques fournie dans chaque package. Il vous indique combien de briques sont incluses, leurs couleurs, leurs tailles et leur numéro de pièce. Un système de conception est comme le guide d'instructions pour construire ce que votre ensemble est censé être. Il décrit quelles pièces vont où et comment elles doivent être assemblées pour construire votre création, sauf qu'au lieu de vous dire comment construire une chose, il vous montre comment construire plusieurs structures différentes en utilisant le même ensemble exact de briques. Savoir comment ils s'emboîtent et pourquoi ils le font peut même vous aider à créer quelque chose d'entièrement nouveau à partir des mêmes pièces.

Bien que liés, un guide de style et un système de conception sont deux choses différentes qui jouent des rôles très différents en matière de conception.

Pourquoi ai-je besoin d'un système de conception ?

Maintenant que nous savons ce que sont les systèmes de conception et quelle est la différence entre eux et les guides de style, vous vous demandez peut-être si vous en avez vraiment besoin. Après tout, vous ne construisez peut-être qu'un ou deux sites Web ou vous n'avez peut-être qu'un seul produit de base. Construire un système de conception est certainement un engagement de temps important; Pouvez-vous vraiment justifier le temps passé ? Si vous souhaitez améliorer l'un des éléments suivants, cela pourrait être pour vous.

Cohérence

Si vous souhaitez avoir une apparence cohérente sur votre produit ou votre site, vous pouvez bénéficier d'un système de conception. Imaginez un site qui utilise plusieurs frameworks pour se construire. Ils peuvent avoir des styles de boutons différents, des polices d'en-tête et plusieurs autres éléments qui ne sont pas cohérents. Cela semble très disparate et cela peut donner l'impression qu'un site est de très mauvaise qualité pour un client. Avec un système de conception, votre équipe aura plus d'instructions sur l'apparence, la sensation et le comportement exacts d'un élément.

Efficacité

Que vous ayez une grande équipe composée de designers et de développeurs, ou que vous soyez seul, un système de conception peut vous rendre plus efficace. Avoir des éléments prédéfinis que vous pouvez assembler vous fera gagner du temps et vous aidera à travailler plus rapidement. Cela est encore plus vrai lorsque vous envisagez de construire un nouveau projet. Fini le temps perdu à regarder les cadres, les couleurs, la typographie, tout est là dans votre système de conception.

Unité dans l'équipe

Si vous travaillez avec une équipe, un système de conception peut servir de guide pour la conception au lieu que chacun crée le sien. Son utilisation conduit à moins de questions sur la façon de mettre en œuvre une conception. Tout le monde a une ressource centrale à laquelle se référer qui guidera les décisions qu'ils prennent concernant le produit. Ceci est particulièrement utile pour les personnes qui ont besoin d'être rapidement mises au courant, comme les nouveaux employés, les télétravailleurs et les pigistes.

Si vous souhaitez augmenter l'un de ces domaines, la création d'un système de conception pour votre entreprise peut être considérée comme du temps bien investi.

Qui utilise un design system ?

Avec toutes ces discussions sur les systèmes de conception et leur importance, qui les utilise même ? De nombreuses grandes entreprises bien connues utilisent un système de conception et les rendent même accessibles au public. En voici quelques-unes :

• Courant de Microsoft
• Conception matérielle de Google
• Polaris de Shopify
• Photon de Firefox

Même le gouvernement des États-Unis a son propre système de conception. Notez qu'il s'agit plus qu'une simple bibliothèque de composants, mais qu'il inclut également les principes et les objectifs qui ont façonné le système de conception lui-même.

Vous n'avez pas besoin d'être une grande entreprise pour en créer une. En avoir un même lorsque vous êtes petit vous aidera à le mettre en œuvre et à le maintenir au fur et à mesure de votre croissance. C'est un outil quotidien permettant à votre organisation de rester cohérente, organisée et efficace. Alors, arrêtez de perdre du temps à réinventer la roue pour chaque projet et réfléchissez sérieusement à la création d'un système de conception.

Auteur : Taj R.