• Design UI
  • Ergonomie
  • Maintenabilité
  • Productivité
Contacter nos designers
  • Approche composants

    L'approche design system consiste à la mise en place d'un référentiel unique de composants. Le paradigme composant est porté par tous les frameworks frontend modernes tels que ReactJS, AngularJS ou Vue. De plus, des briques open source telles que Storybook qui facilitent la mise en oeuvre d'un design system sont déployables très facilement.

  • Developer friendly

    Mettre en place un design system c'est avant tout simplifier le travail de l'équipe de développement. Chaque composant est traité de manière unitaire. Il devient alors bien plus simple de constituer de nouvelles pages pour son application avec une intervention minime de la part de son équipe créative.

  • Ergonomie consistante et unifiée

    La conception d'interfaces ergonomiques et unifiée est un enjeu clé aujourd'hui. Grâce au design system, votre équipe technique pourra produire elle même ses propres pages en respectant les principes d'ergonomie préalablement définis par vos designers.

Comment en est on arrivés au design system ?

L'ancètre du design system a été popularisé par Twitter et s'appelait Bootstrap. Il s'agissait de la bibliothèque de composants la plus populaire dans les années 2010. Elle présentait l'avantage de facilement embarquer tout un ensemble de briques à utiliser sur le front de son application afin d'accélérer le développement.

Airbnb s'est ensuite approprié la démarche associée, dite de “design system”. En effet, très grands utilisateurs de ReactJS, ils ont tout de suite perçue l'importance de l'approche composants. Cependant, dans des applications aussi volumineuses, il devient rapidement complexe de propager un branding ou encore de modifier le comportement de tous les composants identiques. Ils ont donc décidé de tendre vers une démarche proche de celle que proposait Bootstrap mais avec leur propre librairie de composants.

Quand réaliser un design system ?

Proposer une UI (interface utilisateur) unifiée

Les design system permettent de designer des UI unifiées car les parcours seront conçus sur base des composants disponibles dans le design system.

Proposer un produit en marque blanche

De plus en plus de produits en SaaS proposent de la marque blanche. Ceci peut s'avérer complexe à mettre en place, en particulier lorsque l'on veut offrir de la flexibilité sur la personnalisation. Le design system résout cette problématique en vous permettant d'injecter des variables qui seront par la suite votre marge de manoeuvre pour modifier à la fois le branding de l'application, mais également des comportements adaptés au public. Vous pourrez par exemple proposer une expérience de navigation différente selon que votre public soit très sensible aux applications ou au contraire plutôt novice.

Homogénéiser un parc applicatif varié

Le design system est également la meilleure manière de conduire une stratégie d'homogénéisation de son parc applicatif. Le fait de partager une bibliothèque de composants au sein de toutes vos applications vous offre l'opportunité de centraliser en une seule base de code l'ensemble de votre branding. Vous pourrez ainsi faire évoluer votre parc à moindres frais et vous assurer une cohérence et une consistance, aussi bien graphique qu'au niveau des comportements.

Pour des back office

Les applications de type back office sont l'exemple même des applications qui réutilisent toujours les mêmes briques. Des tableaux, des menus, des blocs d'information, des dashboard. En dehors des règles métiers et des données qui y figurent, chaque page réutilise des composants similaires. Ceci peut rapidement devenir ingérable lorsque l'application prend de l'ampleur. Grâce au design system, le développement de l'application revient à assembler des légo. Les cycles de développement sont réduits et la phase de recettage est également plus aisée.

Vous souhaitez mettre en place un design system pour votre projet ?
Organisons une entrevue pour identifier la meilleure manière de vous aider à mettre en oeuvre le projet.

Prendre rendez-vous

Rationaliser la conception

Appliquez des propriétés, visualisez le comportement, changez le style ou visualisez un comportement responsive. Autant de possibilités qui rendent la démarche vertueuse, voir indispensable dès que vous avez de grandes ambitions de développement.

Vous voulez en savoir plus sur le design system ?

Nous avons abordé le sujet dans le blog ! Les articles suivant vous permettront d'approfondir le sujet.

design, design sprint

Le design sprint : retour d'expérience après 2 années de pratique

Après plus de 30 design sprints réalisés au sein de l'agence sur les 2 dernières années, que penser de la méthodo de GVenture ? Peut elle être améliorée ?
Voir l'article

Contactez-nous

Envie de démarrer un projet ensemble?

Votre message a été envoyé

Remplissez tous les champs

Toutes les demandes de recrutements se font uniquement sur notre site de recrutement : Welcome To The Jungle

POSTULER SUR WELCOME TO THE JUNGLE