Définir le design d’information : donner du sens avant de choisir la forme
Le design d’information ne consiste pas seulement à rendre une page attrayante ou à transformer des chiffres en graphiques. Il vise à organiser des contenus pour qu’une personne puisse les comprendre, les interpréter et s’en servir. Cette démarche associe donc le travail sur le sens à celui de la présentation visuelle.
Une équipe qui prépare un tableau de bord, un formulaire ou une infographie doit d’abord déterminer ce que les données veulent dire. Elle choisit ensuite comment les présenter. Sans cette première étape, même une mise en page soignée risque de produire une information ambiguë, difficile à vérifier ou mal adaptée à son public.
La création du contenu précède sa représentation graphique
La première fonction du design d’information consiste à construire un contenu cohérent. Cela suppose de vérifier les éléments disponibles, de préciser les termes employés, de distinguer les faits des interprétations et de décider quelles questions le document doit aider à résoudre. Le résultat peut prendre la forme d’un article, d’une procédure, d’un parcours numérique ou d’un ensemble de données commentées.
Imaginons une médiathèque qui souhaite expliquer les nouvelles modalités d’emprunt. Avant de choisir les couleurs d’une affiche, son équipe doit établir les règles exactes : durée des prêts, nombre de documents autorisés, modalités de renouvellement et démarches en cas de retard. Ces informations sont le fond du message. Si elles sont contradictoires, une typographie élégante ne corrigera pas le problème.
La clarification demande aussi de hiérarchiser ce qui compte pour le lecteur. Une règle essentielle ne doit pas être enfouie parmi des précisions secondaires. Une synthèse bien construite rassemble l’essentiel sans supprimer les conditions qui changent réellement la réponse. Le travail éditorial consiste donc à sélectionner, reformuler et ordonner, plutôt qu’à simplement raccourcir.
La forme visuelle facilite la lecture et l’interprétation
Une fois le contenu défini, la présentation aide à repérer les relations entre ses éléments. La hiérarchie visuelle s’appuie notamment sur la taille des caractères, les titres, les espaces, les contrastes et la position des informations. Elle indique au lecteur où commencer, ce qui est prioritaire et quels détails méritent une attention supplémentaire.
Un graphique, par exemple, peut rendre une évolution plus immédiatement perceptible qu’un long paragraphe de valeurs. Mais son choix dépend de la question posée : comparer des catégories ne revient pas à montrer une évolution dans le temps. La visualisation doit rendre la relation visible sans exagérer les différences ni masquer les limites des données.
Une affiche de transport, un plan de bâtiment et un tableau de suivi n’utilisent pas les mêmes codes, car ils ne répondent pas au même besoin. La signalétique privilégie le repérage rapide dans un lieu ; un rapport autorise une lecture plus approfondie. Dans chaque cas, la lisibilité dépend autant de l’organisation que des caractères ou des couleurs.
Pour analyser un document, on peut séparer ses choix de fond et de forme sans les opposer. Le tableau ci-dessous illustre comment ces deux dimensions se complètent dans des situations courantes.
Repères entre contenu et forme :
| Situation | Question de fond | Choix de présentation |
|---|---|---|
| Affiche de service | Quelle action est attendue ? | Consigne principale mise en évidence |
| Graphique de fréquentation | Quelle évolution faut-il comparer ? | Échelle et type de graphique adaptés |
| Formulaire en ligne | Quelles informations sont nécessaires ? | Champs regroupés selon les étapes |
| Guide pratique | Quelles règles s’appliquent au lecteur ? | Rubriques et exemples ordonnés |
Cette distinction révèle pourquoi le design d’information dépasse la décoration graphique. Pour passer des principes aux choix concrets, il faut maintenant examiner la méthode qui transforme une intention en support compréhensible.
Concevoir une visualisation claire : de la question aux données utiles
Quand le contenu est défini, l’étape suivante consiste à choisir une représentation adaptée à l’usage. Une visualisation utile ne montre pas tout ce qui est disponible : elle aide à répondre à une question précise. Cette discipline protège le lecteur contre les graphiques séduisants, mais incapables d’éclairer une décision.
Partir du besoin du lecteur plutôt que du logiciel
Une équipe peut être tentée de commencer par les fonctionnalités de son outil de création. Pourtant, le premier repère devrait être la situation du lecteur : cherche-t-il une valeur précise, compare-t-il plusieurs options, ou veut-il comprendre une tendance ? Cette question oriente la sélection des données et le niveau de détail nécessaire.
Prenons le cas hypothétique d’un service municipal qui veut informer les habitants sur la collecte des déchets. Si le besoin principal consiste à connaître le jour de passage dans chaque rue, une carte ou une liste organisée par secteur sera probablement plus utile qu’un graphique circulaire. Si l’objectif est plutôt de montrer l’évolution du tri, une série chronologique peut mieux faire ressortir les changements.
La même règle s’applique aux textes. Un lecteur qui cherche une démarche urgente doit voir immédiatement les conditions d’accès, les pièces demandées et le canal de contact. Les explications de contexte restent utiles, mais elles ne doivent pas repousser l’action recherchée. La pédagogie naît de cette adéquation entre l’information, l’ordre de lecture et le besoin réel.
Pour éviter les choix automatiques, une équipe peut établir une courte liste de vérifications avant de dessiner le support :
- Question concrète à laquelle le document doit répondre
- Public concerné et connaissances déjà acquises
- Données nécessaires, unités et période observée
- Limites ou conditions susceptibles de modifier l’interprétation
- Action attendue après la consultation du support
Ces repères empêchent notamment de confondre abondance d’informations et clarté. Si une donnée ne contribue ni à répondre à la question ni à éviter un malentendu, son affichage mérite d’être réexaminé.
Choisir un format qui respecte la nature des informations
Le format doit découler de la relation que l’on veut faire comprendre. Un tableau favorise la recherche d’une valeur exacte, tandis qu’un graphique facilite certaines comparaisons. Une carte sert à situer des éléments dans l’espace, à condition que la géographie soit réellement pertinente pour la question traitée.
Dans une représentation chiffrée, les unités et les périodes doivent rester visibles. Une barre représentant une quantité sans préciser s’il s’agit de personnes, de pourcentages ou de dossiers peut être comprise de plusieurs façons. De même, une comparaison entre deux années ne permet pas nécessairement de conclure à une tendance durable, surtout si le contexte a changé.
Les couleurs peuvent distinguer des catégories, mais elles ne devraient pas être l’unique moyen de transmettre une différence importante. Des libellés, des formes ou des motifs complémentaires aident les personnes qui distinguent moins bien certaines couleurs. Pour favoriser l’accessibilité, le contraste doit aussi rendre les éléments essentiels repérables sur écran et à l’impression.
Un test simple consiste à demander à une personne qui n’a pas participé au projet d’expliquer ce qu’elle comprend. Si elle lit les chiffres correctement, mais tire une conclusion erronée, le problème se situe peut-être dans le cadrage, les légendes ou les comparaisons retenues. La clarté se vérifie dans l’usage, pas seulement dans l’intention du concepteur.
Ces décisions donnent une forme intelligible aux données, mais un service numérique ajoute une autre difficulté : le lecteur doit aussi pouvoir se déplacer entre les contenus sans perdre le fil.
Relier design d’information, architecture et interaction numérique
Une représentation bien conçue ne suffit pas toujours : dans un produit numérique, les personnes consultent plusieurs écrans et accomplissent des actions. Le design d’information doit alors s’accorder avec l’architecture de l’information et le design d’interaction. Ces disciplines sont proches, mais elles répondent à des questions différentes.
Organiser les contenus à l’échelle du service
L’architecture de l’information définit la structure générale d’un site ou d’une application. Elle organise les contenus, les catégories et les fonctionnalités pour que les personnes puissent trouver un chemin pertinent. Elle s’intéresse à l’ensemble du dispositif, et pas seulement à l’apparence d’un écran particulier.
Dans l’exemple d’un portail municipal, l’architecture détermine où se trouvent les démarches, les actualités et les informations locales. Le design d’information travaille ensuite la présentation de chaque page : quels éléments doivent être visibles en premier, comment expliquer les conditions et où placer les détails complémentaires. Un menu bien rangé ne compense pas une page dont le message reste confus.
Cette organisation demande des choix éditoriaux. Des rubriques portant des noms trop proches compliquent l’orientation ; des catégories trop générales obligent le lecteur à ouvrir plusieurs pages. Les intitulés doivent employer un vocabulaire que le public reconnaît, plutôt que le langage interne de l’organisation. La cohérence entre menu, titres et contenu réduit les hésitations.
Rendre le parcours prévisible et les actions compréhensibles
Le design d’interaction porte sur la manière dont une personne avance dans un service : ouvrir une page, sélectionner une option, corriger une erreur ou reprendre une démarche. Un parcours peut suivre des étapes linéaires, proposer une navigation par filtres, guider un choix ou suggérer des contenus associés. Le dispositif doit rendre ces mouvements compréhensibles et prévisibles.
Dans un formulaire de demande d’aide, par exemple, le découpage en étapes peut éviter de présenter trop de champs à la fois. Mais il doit aussi indiquer la progression, permettre de revenir en arrière et expliquer les conséquences d’une réponse. Sinon, l’interface paraît simple à l’écran, tout en laissant l’usager incertain sur ce qui lui reste à faire.
Le tableau suivant distingue les questions auxquelles répondent ces trois domaines de conception, sans prétendre tracer des frontières absolues. Dans un projet réel, les équipes les abordent souvent ensemble.
Rôles des disciplines numériques :
| Discipline | Échelle principale | Question de conception | Exemple de livrable |
|---|---|---|---|
| Architecture de l’information | Ensemble du service | Où et comment organiser les contenus ? | Arborescence ou structure de navigation |
| Design d’information | Contenu et écran | Comment rendre le message lisible ? | Page, graphique ou maquette d’écran |
| Design d’interaction | Parcours et actions | Comment l’usager avance-t-il ? | Scénario ou prototype fonctionnel |
| Ergonomie numérique | Usage du dispositif | Les tâches sont-elles réalisables aisément ? | Analyse et recommandations d’usage |
Une maquette fonctionnelle peut préciser l’emplacement des composants et leur rôle, tandis qu’une maquette graphique travaille leur apparence et leur identité. Les deux vues doivent rester cohérentes : une action importante ne devrait pas être visuellement reléguée, et une information indispensable ne devrait pas disparaître au fil du parcours.
Cette coordination devient particulièrement utile lorsque le support doit servir des publics variés. Elle conduit naturellement à examiner l’accessibilité, la signalétique et les tests qui révèlent les obstacles avant la mise en service.
Améliorer lisibilité et accessibilité dans tous les supports
Quand un contenu s’adresse à des personnes différentes, la clarté ne peut pas dépendre d’une seule manière de lire ou de percevoir. Le design d’information doit tenir compte des contraintes visuelles, cognitives, linguistiques et matérielles. Cela concerne aussi bien un écran qu’un document imprimé ou une signalétique dans un lieu public.
Réduire les obstacles sans appauvrir le contenu
La lisibilité commence par des choix concrets : titres informatifs, phrases directes, termes définis et paragraphes organisés autour d’une idée. Un jargon peut être nécessaire dans un contexte spécialisé, mais il doit alors être expliqué. Simplifier ne signifie pas supprimer les nuances utiles ; cela signifie rendre les nuances repérables.
La présentation joue également un rôle. Des contrastes suffisants, une taille de texte confortable et des espaces bien répartis facilitent le repérage. Dans un document numérique, une structure de titres logique aide les personnes qui naviguent à l’aide d’outils d’assistance. Les textes associés aux images doivent décrire leur fonction ou leur information, plutôt que répéter mécaniquement leur apparence.
Le principe de transparence relatif aux données personnelles, rappelé par la CNIL, exige une information concise, compréhensible et accessible dans des termes clairs. Cette exigence prend une forme pratique dans un formulaire : expliquer pourquoi une donnée est demandée, préciser son usage et ne pas dissimuler une condition importante dans un texte secondaire.
Dans un espace physique, la signalétique doit répondre aux besoins du déplacement. Un panneau directionnel doit se distinguer des informations décoratives, employer des mots reconnaissables et apparaître au moment où le choix d’itinéraire se présente. Un plan placé trop tard ou un pictogramme ambigu ne résout pas le problème de circulation, même s’il est graphiquement réussi.
Tester le document auprès des personnes concernées
La validation doit porter sur la compréhension, pas seulement sur l’apparence. Une équipe peut demander à des lecteurs de retrouver une information, d’expliquer une consigne ou de réaliser une tâche. Leurs hésitations indiquent où la hiérarchie, le vocabulaire ou la navigation doit être retravaillé.
Pour un service hypothétique de réservation de salle, on peut observer si les usagers trouvent les créneaux disponibles, comprennent les conditions et savent confirmer leur demande. Si plusieurs personnes manquent le même bouton, l’équipe doit examiner sa position et son libellé. Si elles interprètent différemment une règle, la formulation ou son emplacement mérite une révision.
Les tests ne remplacent pas les règles de conception, mais ils confrontent les hypothèses à des usages réels. Des retours provenant de personnes ayant des niveaux de familiarité différents révèlent souvent des difficultés que l’équipe ne remarque plus, parce qu’elle connaît déjà le fonctionnement du service.
Une revue pratique peut réunir plusieurs critères, afin d’éviter qu’un seul aspect visuel masque une faiblesse de contenu :
- Compréhension immédiate de l’objectif du support
- Repérage des informations prioritaires sans détour inutile
- Lecture possible sans dépendre uniquement des couleurs
- Explication claire des termes, données et conditions
- Parcours réalisable avec les outils et supports prévus
Le résultat recherché n’est pas une uniformité graphique, mais une expérience où chacun peut trouver le bon renseignement, en saisir la portée et agir avec moins d’incertitude. Pour y parvenir, la dernière étape consiste à intégrer ces critères dès le début du projet, plutôt qu’à les ajouter après coup.
Intégrer le design d’information dès la conception d’un projet
Une fois les exigences de compréhension et d’accessibilité explicitées, elles peuvent guider toute la conception. Il est plus efficace de travailler le contenu, la structure et les écrans ensemble que de demander, à la fin, une retouche graphique destinée à compenser des choix mal établis.
Faire collaborer les métiers autour du même objectif
Un projet d’information mobilise souvent des profils complémentaires : spécialistes du contenu, designers, développeurs, experts métier et personnes chargées de l’expérience utilisateur. Leur collaboration aide à détecter les contradictions tôt. Le spécialiste métier vérifie la justesse des règles, le concepteur organise leur présentation et l’équipe technique évalue leur fonctionnement dans le produit.
Une méthode simple consiste à formuler l’objectif en termes d’usage : que doit comprendre ou accomplir la personne après avoir consulté ce support ? À partir de cette question, l’équipe peut produire une structure éditoriale, esquisser une maquette fonctionnelle, puis tester les choix auprès d’utilisateurs. Le parcours et le contenu évoluent ensemble au lieu de se succéder sans échange.
Les wireframes rendent cette collaboration concrète. Ils montrent la disposition et les fonctions des éléments avant que les détails graphiques ne captent toute l’attention. Une équipe peut alors vérifier si le titre annonce réellement le contenu, si les aides apparaissent au bon moment et si une action reste visible dans les différentes étapes.
Suivre la qualité après la mise en ligne
La conception ne s’arrête pas à la publication. Les questions adressées au support, les erreurs répétées dans un formulaire ou les passages souvent abandonnés peuvent signaler un problème de compréhension. Ces observations doivent être interprétées avec prudence : elles indiquent une piste à examiner, pas nécessairement une cause unique.
Une amélioration peut porter sur un mot, une légende, la place d’une consigne ou l’ordre des étapes. Pour savoir si la modification aide réellement, l’équipe peut comparer les retours et refaire des tests ciblés. Elle doit toutefois conserver le contexte des données observées et éviter de transformer une variation isolée en conclusion générale.
Les contenus évoluent également lorsque les règles ou les services changent. Une procédure périmée peut devenir trompeuse même si son graphisme reste impeccable. Il est donc utile de désigner les personnes responsables de la mise à jour et de vérifier, à intervalles adaptés, que les exemples, liens internes et consignes correspondent toujours au fonctionnement réel.
À l’échelle d’une organisation, cette approche transforme le design d’information en compétence transversale. Elle concerne la rédaction, la visualisation, l’ergonomie, l’architecture des contenus et la manière de présenter une décision. Chaque support devient ainsi une occasion de rendre le fonctionnement d’un service plus compréhensible, plutôt qu’un simple exercice de mise en page.
Un document solide associe enfin exactitude, ordre et forme : les données sont contextualisées, les choix visuels servent la compréhension et le parcours répond à un besoin réel. C’est cette cohérence qui permet à l’information de soutenir une action sans imposer au lecteur un effort inutile.
Mieux comprendre le design, pour innover plus juste
Qu'il s'agisse de design produit, graphique, d'intérieur, de mode ou d'architecture, chaque repère compris est un pas de plus vers des créations plus utiles, plus durables et plus agréables à vivre. La théorie ne remplace jamais les tests réels, mais elle permet d'aborder chaque projet avec plus de clarté.
Pour aller plus loin
- Observer comment les usagers vivent réellement avec l'objet ou l'espace conçu
- Tester chaque évolution avant de la généraliser
- S'appuyer sur des repères reconnus plutôt que sur la seule intuition
- Avancer par itérations, sans jamais figer le design trop tôt
