Design Systems : pourquoi les marques en ont besoin

Il existe plus d'un demi-million de marques, et seules certaines se démarquent. Pensez à ceux qui ont résisté à l'épreuve du temps, comme Disney, Nike ou Microsoft, et qui ont capturé un coin de votre esprit. Ils ont réussi à se différencier de leurs concurrents.

Souvent, c'est une image de marque forte qui nous fait nous souvenir de ces marques. De nos jours, la fonction d'un produit ou d'un service est généralement considérée comme acquise, et notre attention se déplace de la fonction à la forme. La conception d'un produit ou d'un service a le pouvoir de capter notre attention et de rester avec nous très longtemps. Les couleurs, les polices, les icônes, les images, le ton de la voix - toute l'expérience nous rappelle.

Chaque point de contact avec vos clients est l'occasion de leur dire qui vous êtes et ce que vous représentez. Mais lorsque vous travaillez avec plusieurs équipes, services et produits, comment procédez-vous de manière cohérente et évolutive ?

Présentation des systèmes de conception

Les systèmes de conception ont vu le jour pour nous aider à gérer des écosystèmes numériques de plus en plus complexes qui contiennent plus de produits, de services et de points de contact que jamais auparavant. Il s'agit d'une décision logique pour les grandes marques qui souhaitent offrir une expérience client (CX) cohérente, intensifier leurs efforts de conception, accélérer leurs flux de travail et améliorer la collaboration.

Un système de conception se résume à une bibliothèque centralisée composée d'un ensemble cohérent d'éléments et de composants de conception fonctionnels et réutilisables. Des motifs, pinceaux, composants, formes, illustrations et typographie aux instructions de dimensionnement, d'espacement, de boutons codés et de formulaires. Les lignes directrices, les valeurs et les exemples d'utilisation sont également des éléments importants d'un système de conception.

En plus de cela, DPDK ajoute un aperçu des fichiers de production basés sur la bibliothèque et les directives. En un mot, un système de conception dispose de tous les outils dont vos concepteurs et développeurs auraient besoin.

Les systèmes de conception réussis ne sont certainement pas statiques et doivent évoluer en permanence. Selon Forrester, les marques qui ont des systèmes de conception matures offrent une CX plus cohérente, ont des taux de satisfaction client plus élevés et mettent leurs produits sur le marché plus rapidement. Les trois principaux résultats obtenus par un système de conception idéal sont :

1. Cohérence

L'introduction d'un ensemble partagé de règles et de directives pour la construction et la (ré)utilisation des composants facilite la création d'expériences cohérentes sur toutes les plates-formes.

2. Efficacité

Il permet aux développeurs et aux concepteurs de réutiliser des éléments et des composants, au lieu d'avoir à créer des composants similaires à partir de zéro encore et encore. Les équipes ont plus de temps pour se concentrer sur ce qu'elles font le mieux, en créant le meilleur CX possible.

3. Évolutivité

Augmenter votre efficacité et votre cohérence vous aidera à créer des produits plus rapidement et mieux. La mise à l'échelle devient plus facile et moins chère.

Les systèmes de conception, lorsqu'ils sont bien faits, auront un impact énorme sur les performances, tant du côté de la marque que de l'entreprise. Pour montrer que je ne parle pas seulement ici, mais que je marche aussi, examinons de plus près le propre système de conception d'illustrations (IDS) de DPDK.

Passer la parole

Chez DPDK, nous sommes de fervents défenseurs des systèmes de conception et conseillons les marques sur leur importance et leur nécessité depuis plus de 15 ans. Bien que nous ayons construit le système de conception DPDK il y a quelque temps, notre IDS n'a été créé que lorsque notre équipe marketing a commencé et que notre blog a commencé à prendre forme. L'IDS est essentiellement un système qui se trouve dans ce système. J'ai donné une conférence sur la conception à grande échelle à Adobe MAX en novembre dernier, où notre système de conception est discuté en détail. Vous pouvez consulter le discours et les principaux plats à emporter ici.

Quoi qu'il en soit, les illustrations sont un excellent moyen d'animer les communications et de différencier votre marque. Et contrairement à la photographie de stock, ils sont uniques et créatifs. Cependant, le défi avec un style d'illustration est qu'il dépend souvent du créateur.

Nous voulions également que notre IDS résiste à l'épreuve du temps et ne repose pas sur un seul concepteur. C'est pourquoi un style d'illustration structuré avec lequel plusieurs designers peuvent travailler est essentiel. Un IDS garantit que le style reste cohérent et aide à évoluer de manière gérable.

Construire un système de conception d'illustrations

Lorsque vous créez un système de conception, vous partez toujours d'une vision. Vous devez répondre à quelques questions importantes comme qui vous êtes et ce que vous représentez. Ensuite, vous traduisez les réponses à ces questions dans votre identité visuelle.

Notre objectif était d'avoir un style d'illustration unique, simple, coloré et pouvant couvrir de nombreux sujets de l'industrie numérique. L'évolutivité était également un aspect important. Les illustrations devaient pouvoir être décomposées et reconstruites de différentes manières.

Nous avons commencé avec des éléments graphiques de base, des personnages simples et beaucoup de tests et d'apprentissage. A partir de là, nous avons développé une première version rudimentaire de l'IDS. Les premiers PDF avec lesquels nous avons commencé consistaient en des lignes directrices, des caractères, des objets, des formes, des pinceaux et un mélange de motifs.

Finalement, ceux-ci ont mûri en une bibliothèque Adobe XD en direct à laquelle chaque concepteur de DPDK peut accéder et utiliser. Les éléments de cette bibliothèque sont comme des blocs Lego que les concepteurs peuvent facilement créer de nouvelles illustrations. Si les composants ne sont pas fournis dans la bibliothèque, les concepteurs peuvent créer et ajouter de nouveaux éléments. L'IDS donne à nos designers la liberté créative de concevoir "à l'intérieur de la boîte" et d'expérimenter tout en préservant notre style d'illustration.

L'équipe marketing, quant à elle, utilise des illustrations pour donner vie à notre marque. Cela va plus loin que la publication de contenu sur le blog. Vous pouvez voir l'IDS en action à chaque point de contact, en ligne et hors ligne, et pour la communication externe et interne.

Pensez aux livres blancs que nous préparons, aux présentations que nous créons pour les réunions ou aux publipostages qui sont envoyés. L'IDS est également utilisé pour la marque employeur et les événements internes. Le style unique et son application étendue nous aident à nous différencier de nos concurrents.

Les couleurs de l'inclusion

Un système de conception doit évoluer en permanence. Un feedback régulier est un aspect important pour assurer le progrès. C'est pourquoi nous organisons des sessions d'examen mensuelles où les concepteurs peuvent présenter de nouvelles idées et discuter de ce qui peut être amélioré en termes de conceptions précédentes.

Lorsque nous avons pris un engagement extérieur en matière d'égalité, de diversité et d'inclusion en 2020, nous avons rapidement réalisé que nos illustrations devaient refléter un groupe diversifié de personnes. Nous sommes un groupe international chez DPDK et cela n'a pas été reflété dans l'IDS ni représentatif du monde dans lequel nous vivons.

Les premières illustrations ont été dessinées sur un fond blanc qui se traduisait par des personnages se retrouvant avec des tons de peau principalement blancs. Dans un effort pour manifester des conceptions plus inclusives, nous avons commencé à expérimenter différentes couleurs comme le rouge, le jaune et le vert. Mais nous avons reconnu que ce n'était pas la voie à suivre.

En utilisant des photos réelles et en nous inspirant de notre propre équipe, nous avons finalement décidé d'utiliser des couleurs réalistes et d'opter pour des tons naturels. Avec un ensemble de lignes directrices, nous avons déterminé les dimensions, les proportions et les couleurs de peau des personnages. Avec cela, nos personnages ont évolué en figures diverses avec une gamme de couleurs de peau, de tenues à la mode et de coiffures. À travers nos illustrations, vous pouvez voir qui est DPDK en tant qu'agence, ainsi que notre vision du monde.

Le résultat

Travailler avec l'IDS nous fait gagner en moyenne deux heures par illustration (selon la complexité). Multipliez cela par quatre et vous avez déjà libéré un designer pour une journée de travail. C'est énorme. De cette façon, nos designers ont plus de temps pour être créatifs et se concentrer sur le design et l'artisanat, plutôt que d'avoir à passer du temps sur le travail manuel et les tâches répétitives.

Je n'ai pas à m'inquiéter des incohérences ou de la libération de ressources car plus de dix concepteurs différents ont déjà travaillé avec l'IDS et l'ont fait évoluer davantage. Et notre équipe marketing est en mesure de publier du contenu et de lancer des campagnes rapidement. En résumé, nos efforts IDS ont fait passer l'image de marque de DPDK à un niveau supérieur et ont aidé notre équipe à faire évoluer rapidement les résultats et à créer des expériences sur la marque.

Êtes-vous prêt à doter votre équipe d'un système de conception évolutif ?

Lire l'article complet ici