Le Design System constitue un ensemble de règles UX et UI qui englobent à la fois la charte graphique, la structure des interfaces mais aussi la charte éditoriale.
Contrairement à la charte graphique, le Design System est amené à évoluer selon les projets : l’émergence de nouveaux besoins utilisateurs ou un changement de l’identité visuelle de l’entreprise peuvent, par exemple, être à l’origine d’une évolution du Design System.
Chez Adeliom, nous avons très vite compris l’intérêt du Design System, pour vous comme pour nous.
C’est pourquoi nous avons pour habitude de travailler avec ce système de référence qui nous permet de gagner en efficacité et en productivité.
Par ailleurs, compte tenu de notre expertise en UX, vous proposer des supports digitaux répondant aux critères du Responsive Web Design (RWD) est une évidence : le Design System assure justement une déclinaison en RWD de qualité avec un respect parfait des proportions
L’objectif premier du Design System est de mettre en place une expérience utilisateur cohérente aussi bien graphiquement, que fonctionnellement qu’éditorialement.
En effet, le Design System regroupe à la fois :
⇒ En ce sens, le Design System assure une cohérence graphique.
⇒ En ce sens, le Design System assure une cohérence fonctionnelle.
⇒ En ce sens, le Design System assure une cohérence éditoriale.
Le Design System repose sur le principe des gabarits de pages : nous distinguons les gabarits types des gabarits spécifiques. Cela nous permet de créer des pages types construites de la même façon, offrant ainsi à la fois un gain de temps considérable et une cohérence visuelle pour l’utilisateur.
Par ailleurs, en réfléchissant en termes de composants, construire les pages est bien plus rapide : il suffit de piocher dans la stylesheet.
Nous le savons, votre support digital n’est pas figé et est très certainement amené à évoluer. Le Design System apporte une réponse pertinente sur ce plan là également.
En effet, en utilisant les stylesheets en phase de création et les fichiers de configuration en phase de développement (suivant rigoureusement le même principe que la stylesheet), nous vous offrons une flexibilité maximale permettant de modifier simplement des composants, d’en ajouter, de remanier certaines pages ou même d’en ajouter de nouvelles.
Ainsi, finis les chantiers des évolutions : le Design System s’adapte à l’évolution des besoins, que ce soit les vôtres ou ceux de vos utilisateurs.
Le concept du design atomique, né de l’ergonome et web designer américain Brad Frost, est une nouvelle manière de penser l’architecture de vos pages web. Adapté au contexte actuel et à celui de demain, “l’atomic design” repense entièrement la manière de développer vos interfaces non pas par page, mais par des éléments d’interface et de systèmes de composants ou éléments modulaires.
Plus simplement, hier, nous créions le design de votre site web écran par écran (un design pour le web, un autre pour le mobile, et ainsi de suite). Aujourd’hui, pour optimiser le temps et l’étape de création, notre agence créée les éléments principaux de l’interface (les boutons, les blocs de texte, les bannières, etc.) pour ensuite les assembler en fonction de chaque page.
Le Design System nous permet donc de gagner en efficacité, rapidité et productivité et vous permet de bénéficier de supports digitaux cohérents dans leur intégralité et d’une grande flexibilité en cas d’évolutions : vous l’aurez compris, le Design System, c’est du gagnant-gagnant !
Envie de tester un projet en Design System ? Contactez notre agence à Strasbourg, Paris ou Aix-Marseille.
