Après Bootstrap, les design systems fleurissent
Twitter était en avance avec Bootstrap, mais les grands comptes internationaux rattrapent leur retard à grand renfort de dollars et d’Open Source.
tl;dr
Les Design System sont important pour les développeurs et designers dans la création d'interfaces graphiques. Un Design System est un kit de design digital qui rassemble des règles autour de la couleur, de la typographie, de la structuration de page, des composants et des règles de langage. Les grandes entreprises investissent des sommes considérables pour fournir des outils de Design System remarquables et vecteurs de communication.
I. Pourquoi parlons-nous de Design Systems ?
Lorsque vous êtes développeur, vous pensez framework, à savoir cadre de développement, découpage des strates de votre application (Model, View, Controller), API/Webservices, templates…
Désormais, il est possible d'appliquer cette réflexion au design et à l’ergonomie des interfaces avec le Design System ; à la différence près que l’on parle d’image, de brand donc… Directement en lien avec l’Atomic design et la charte graphique digitale. Le Design System permet à une entreprise de structurer l’environnement graphique de ses développements d’applications et sites Internet.
Un Design System est un kit de design digital, rassemblant des règles autour de la couleur, de la typographie, de structuration de page, des composants ou encore des règles de langage. C’est la version digitale de votre charte graphique, accompagnée de documentation technique puisqu’il y est souvent question de HTML, de CSS et de javascript.
Les grands groupes, notamment américains ont investi des sommes colossales pour fournir aux professionnels des outils à la fois remarquables mais également vecteurs de communication. Car, quand les entreprises choisissent l’un de ses outils, elles gagnent du temps, ce qui engendre des économies, elles participent également au rayonnement de l’image de ces grandes entreprises.
II. Quelques Design Systems
Il faut tout de même le dire, il s’agit aussi d’une formidable opportunité que d’éviter d’avoir à refaire ce qui existe déjà et que de nombreux designers, à la solde de ces grands groupes ont mis en Open Source. Voici donc les Design Systems méritent d’être vus… car même les sites Internet qui les présentent sont de véritables oeuvres d’art.
Material Design by Google
Material Design est le second à être arrivé sur le marché, notamment avec le succès d’AngularJS et d’Angular Material. Ce Design System est surement celui qui aura demandé le plus d’énergie car à l’époque, aucun référentiel n’était aussi abouti.
Apache License 2.0
Lightning Design System by Salesforce
Un ensemble d’une grande qualité mais qui ne constitue qu’une belle source d’inspiration de part la nature de sa licence. Toutefois, la richesse des composants et la documentation méritent d’être appréciées.
Licence BSD 3-Clause
Carbon Design System by IBM
L’un des plus complet du moment, intégrant les problématiques d’accessibilité, les icônes et de nombreux composants pour les applications web.
Apache License 2.0
Atlassian
Attention, la licence n’est valable que si vous développez des produits/services en lien avec les produits et services d’Atlassian. De plus, vous ne pouvez pas le modifier.
Bootstrap
Bootstrap est à la base un framework mais l’évolution du marché le transforme progressivement. La version 4 reste un point de départ incontournable, surtout lorsqu’il s’agit de créer le Design System d’une Start-up ou d’une ETI et que le budget n’est pas infini.
MIT License
A propos de l'auteur
Olivier est un passionné d’innovation, avec plus de 20 ans d’expérience, il est devenu un véritable ninja de l’optimisation des performances business des entreprises.
Sa créativité débordante lui permet d’aborder chaque projet avec une vision unique et authentique. C’est un magicien avéré de l’efficacité, capable de transformer chaque défi en une opportunité pour les entreprises qui font appel à lui.
A propos de Nimiscient
Nimiscient accompagne les entreprises dans leurs recherches de performance au travers des applications connectées et intelligentes.
Ainsi, nous aoportons les meilleurs leviers de productivité au cœur des entreprises grâce aux nouvelles technologies, à l’innovation et la créativité.