10 exemples de content design publié
Le content design peut être assimilé à un glossaire géant qui renferme tous les composants UI (boutons, images, icônes, etc) et les guidelines, tels que les guides de style, la charte graphique, les critères SEO, les règles d’UX writing, le tone of voice, etc, qui réglementent la création d’un contenu accessible, efficace et parfaitement centré sur l’utilisateur. Le content design définit les instructions à suivre pour façonner le contenu conformément aux objectifs business de l’entreprise et aux profils des clients ciblés.
La création d’un content design performant devient plus aisée avec l’évolution croissante de plusieurs design systems. Consultez dans cet article 10 exemples captivants de content design publiés.
Qu’est ce que le content design ?
Le content design system permet de structurer les ressources nécessaires à la conception de contenus digitaux, selon un concept de conception atomique : Atomic Design. Ce concept est introduit par le webdesigner Brad Frost, dans l’objectif de repenser la manière de conception d’une interface ihm comme étant une simple page web et d’adopter une approche plus souple qui repose sur l’imbrication des composants, de la manière suivante:
- L’atome représente le composant le plus granulaire dans l’interface utilisateur comme le bouton.
- La molécule désigne un groupe d’atomes, comme l’outil de pagination.
- L’organisme est un groupe de molécules.
- Le template sert à structurer les éléments précédents dans un layout.
- La page est la version ergonomique et complète du template, qui représente l’interface finale.
Cette hiérarchie permet aux parties prenantes (le designer UX, le designer UI, l’UX writer, le développeur, le stratège de contenu, le designer d’interaction, l’architecte de l’information, etc) de développer, plus aisément, des interfaces plus cohérentes et plus faciles à faire évoluer.
De ce fait, les designers de contenu ne seront plus obligés de recréer certains composants UI, à chaque nouveau projet. Grâce à la réutilisation des composants, ils peuvent bénéficier d’un gain de temps considérable, qu’ils peuvent l’exploiter pour se concentrer pleinement sur le développement d’interfaces ihm ergonomiques, qui délivrent une expérience utilisateur optimale.
Par ailleurs, les concepteurs de contenu se réfèrent à un guide de contenu unique, qui normalise la création de copies adaptées aux caractéristiques de l’audience ciblée. Cela concerne par exemple :
- Le formatage des champs numériques et des champs de date.
- Les règles de capitalisation des textes.
- Les règles de ponctuation.
- Les règles d’abréviation, etc.
Ces guidelines permettent de :
- Créer une copie parfaitement lisible, avec un contenu facilement compréhensible.
- Concevoir une interface utilisateur conviviale, qui assure une navigation intuitive, une accessibilité facile et une interaction fluide.
- Créer une expérience utilisateur plus immersive.
Avec l’évolution constante des performances des design systems, les designers de contenu peuvent développer en continu leur engouement pour la création d’un contenu innovant. Découvrez dans ce qui suit quelques exemples passionnants de content design qui donnent libre cours à la créativité.
10 exemples intéressants de content design publié
Mailchimp content style guide
Mailchimp content style guide a été élaboré par les employés de l’entreprise dans le but de partager un guide de style de contenu consistant avec toutes les équipes prenantes. Il s’agit d’un guide parfaitement structuré selon les types de contenus à développer : contenu technique, Newsletters, contenu légal, contenu pour les réseaux sociaux, etc.
Le content style guide de Mailchimp fédère ses équipes autour d’un langage commun, qu’ils utilisent pour créer des contenus centrés sur l’utilisateur. Le but étant d’acquérir des clients grâce à des contenus ciblés et personnalisés selon leurs caractéristiques.
Ce guide de contenu est aussi accessible au grand public. Ainsi, les acteurs intéressés (qui n’appartiennent pas à l’organisation de Mailchimp) peuvent s’y référer sans aucun problème. En contrepartie, Mailchimp demande uniquement une simple recommandation.
Apple style guide
Apple style guide est un référentiel complet qui offre toutes les ressources nécessaires (des modèles, des guidelines, des symboles, etc) pour concevoir des applications subtiles qui s’alignent parfaitement sur tous les terminaux d’Apple : macOS, tvOS, iphone, ipad, etc,
Le guide style d’Apple offre aux développeurs des notes de support et une documentation minutieusement détaillée, afin de les aider à utiliser les outils de développement en toute fluidité. Le human interface guidelines d’Apple sert aussi à produire de superbes applications accessibles à tous les segments du public visé.
Microsoft Writing style guide
Le writing style guide de Microsoft indique le style d’écriture à adopter pour créer des contenus concluants portant sur le thème de technologie informatique. Ce guide renseigne sur les bonnes terminologies et le ton de voix le plus approprié pour se conformer aux différents supports : support papier ou digital (site internet, application, chatbot, etc).
Le content design system de Microsoft renferme des conseils variés, qui sont formulés de manière simple et facile à comprendre. Notamment, ces conseils indiquent les bonnes règles à suivre (concernant par exemple la ponctuation, la capitalisation et la mise en forme du texte) pour créer un contenu orienté utilisateur.
Dans la perspective de rendre la création d’un content design system moins laborieuse, Microsoft propose à cet effet un outil open source et multiplateforme, appelé Fluent Design System. Cet outil de conception offre aux développeurs et aux designers toutes les ressources nécessaires (des guides de style, des guides d’iconographie, des polices de caractères) pour créer des expériences utilisateur percutantes sur tous les terminaux, tels que les dispositifs de Microsoft, iOS, macOS et Android.
Le Material design
Le Material Design est un concept mis au point par Google, pendant sa conférence Google I/O, le 25 juin 2014. Ce content design définit l’ensemble de règles de conception définies par le géant du web pour uniformiser l’apparence visuelle de ses interfaces sur tous les supports : desktop, smartphone, tablette, etc.
Le material design abonde en composants et guidelines pour créer une expérience utilisateur fluide. Cette bibliothèque rassemble des grilles responsives, une librairie géante d’icônes, des couleurs, des contours, etc. Il y a tous les éléments nécessaires pour créer des interfaces user friendly, intuitives et épurées.
Le Material design s’inspire du papier et de l’encre pour créer une connexion optimale entre le monde physique et le monde digital. D’un autre côté, ce guide de style reproduit certains aspects du Flat Design, comme le minimalisme, la lisibilité et la légèreté, dans l’objectif de concevoir des interfaces à la fois agréables et efficaces.
Salesforce Lightning content style guide
Salesforce Lightning content style guide rassemble toutes les ressources nécessaires pour créer des interfaces ihm conformes aux règles de conception adoptées par Salesforce.
Le content design system de Salesforce permet aux développeurs de se concentrer sur leur cœur de métier, en mettant à leur disposition des guides de style, des guides de balisage, une documentation complète des composants Lightning, pour implémenter des fonctionnalités consistantes à l’image des produits de Salesforce.
D’un autre côté, le Lightning content design system offre aux designers des composants réutilisables et des guidelines de conception pour se pencher sur la conception d’une expérience digitale unique, relative aux produits de Salesforce.
Content design d’Intuit
Intuit met son système de conception de contenu à la disposition des rédacteurs, des développeurs et tous les acteurs impliqués dans la création de contenu pour son organisation.
Notamment, le content design system d’Intuit renferme : les règles d’accessibilité et d’inclusion, les règles d’optimisation SEO, les guides de style, les modèles de contenus (que la communauté optimise de façon continue, dans le but de renforcer le principe de réutilisation des contenus), en plus d’autres documentations, afin de produire des copies agréablement accessibles à tous les clients de cette fintech.
Le guide de ton de voix de Monzo
Le guide de ton de voix de Monzo renferme le jargon de mots, d’expressions et le ton utilisé par cette néobanque, pour communiquer en toute fluidité avec sa communauté. Monzo partage avec le grand public, les bonnes pratiques et les conseils qui permettent de créer un contenu parfaitement centré sur l’utilisateur, qui parle sa langue et assure de transmettre le message de manière très explicite.
Le guide de contenu de Monzo est ventilé en des sections qui mettent en lumière les principales consignes à suivre (telles que la simplicité, la positivité, la transparence et l’inclusion), pour dissiper la complexité du jargon technique financier et simplifier l’information à tous les clients.
Atlassian writing style
Atlassian writing style englobe le ton of voice de la marque, ses valeurs et ses guidelines pour développer des produits Atlassian de qualité. Notamment, ce content design system englobe :
- Les règles grammaticales requises pour créer un contenu clair et cohérent.
- Les codes couleurs à respecter pour concevoir des interfaces utilisateur qui délivrent une expérience spécifique aux produits d’Atlassian.
- Le vocabulaire à utiliser pour produire des contenus Atlassian homogènes.
- Des patterns réutilisables qui assurent aux content designers de concevoir des interfaces fonctionnelles, qui permettent aux usagers d’atteindre efficacement leurs objectifs.
- Des règles d’accessibilité pour concevoir des produits digitaux performants, qui peuvent être utilisés confortablement par tous les utilisateurs.
A travers son content design system, Atlassian vise à favoriser le partage des flux d’informations et à outiller les membres de son équipe par les outils requis pour dépasser leurs limites et relever ensemble les mêmes défis.
Le content design system de Shopify
Le content design system de Shopify partage les guidelines adoptés par cette entreprise pour créer un contenu d’interface percutant et garant d’une excellente expérience utilisateur.
Dans ce guide de contenu Shopify met en lumière :
- Les meilleures stratégies pour créer un contenu user-friendly, permettant aux utilisateurs d’interagir de manière plus fluide avec les produits et les services de la marque.
- Les meilleurs guides de contenus à respecter pour la conception de certains composants UI spécifiques.
- Le guide du ton de voix employé par Shopify, qui reflète son identité et ses valeurs.
- Les guidelines d’accessibilité qui permettent de produire des copies accessibles à tout le monde. Ces directives mettent en valeur les bonnes astuces pour éviter l’exclusion de certaines catégories d’utilisateurs, telles que les personnes handicapées et à développer un contenu nettement inclusif.
- Les règles grammaticales à respecter pour communiquer avec l’audience de Shopify, à travers une copie appropriée à leur langage. Cela concerne par exemple, les conditions d’usage de la voix active ou passive, les règles de capitalisation, etc.
- Les règles de nommage des produits et des fonctionnalités.
- Le vocabulaire à utiliser, qui doit être familier aux utilisateurs et dépourvu de termes techniques ambigus.
- Les guidelines pour la rédaction d’une documentation d’aide pour expliquer aux utilisateurs comment utiliser convenablement l’application ou la fonctionnalité développée.
Le content design system d’Uber
Le content design system d’Uber englobe des patterns, des composants d’interface utilisateur, des guides de support, des règles d’accessibilité, des langages, etc, qui permettent de créer une expérience utilisateur familière au public cible. A travers son content design system, Uber vise à développer la synergie de son équipe pour se concentrer sur une conception agile de solutions performantes et adaptées à différents contextes d’usage : déplacement, commande de repas, réservation de marchandises, etc.
Grâce à la réutilisation des composants, l’équipe d’Uber bénéficie de meilleures conditions pour inventer des solutions créatives, permettant de créer une connexion optimale entre le monde virtuel et physique et d’assurer une meilleure satisfaction des clients.
Uber utilise Figma pour maintenir une documentation complète et constamment à jour. Cette documentation favorise l’apprentissage et la collaboration entre les membres de l’équipe. Ce qui se traduit automatiquement par une meilleure efficacité collective.
Mot de la fin
L’interaction avec l’interface utilisateur, la conception graphique et le contenu forment un ensemble uni qui assure de composer une expérience digitale mémorable. A cet effet, le content design représente l’approche requise pour associer tous les guides nécessaires pour créer un contenu stratégique, qui s’aligne à la fois aux objectifs de l’entreprise et aux attentes des utilisateurs.
Le content design permet d’optimiser la collaboration des designers de contenu et d’unifier leur vision des objectifs à atteindre, tout en utilisant le même langage. Ce langage unifié permet au rédacteur de créer des copies efficaces, au designer UI de concevoir des interfaces graphiques agréables, au designer d’interaction de créer des interactions conviviales, etc. Tout dans le but de créer une expérience utilisateur cohérente.
Il existe plusieurs exemples de content design publiés par des acteurs d’envergure dans le secteur du digital, qui peuvent être très utiles pour la création d’applications et de sites plus performants.
by 
