Lorsqu'il s'agit de choisir une image de couverture pour un article, beaucoup pensent d'abord à trouver une jolie image. Mais pour l'équipe éditoriale d'un site d'entreprise, l'illustration de couverture joue plutôt le rôle de point d'entrée informationnel : lorsque le lecteur la voit dans une liste, un résultat de recherche ou une carte de partage, il doit pouvoir déterminer rapidement à quel service l'article se rapporte et s'il vaut la peine d'être ouvert. La question « quelles informations placer dans une illustration de service » n'appelle donc pas une réponse consistant à tout y entasser, mais à sélectionner un petit nombre d'éléments compréhensibles en petit format.
Définir d'abord la mission de l'illustration
Une illustration de service apparaît généralement à trois endroits : la vignette dans une page de liste, l'image principale en haut de la page de détail, et la carte miniature lors d'un partage. Ces trois emplacements ont en commun un format limité et un temps d'attention très court. La première mission de l'illustration est donc d'être « identifiable », la seconde seulement d'être « esthétique ».
Pour juger si une illustration est adaptée, une méthode simple consiste à la réduire à la taille réellement affichée dans la liste, à la montrer à un collègue qui ne connaît pas l'article et à lui demander « de quel type de service parle cet article, selon vous ? ». Si la personne ne peut pas répondre, c'est que l'information portée par l'image est insuffisante ou trop confuse.
Informations adaptées à une illustration de service
Dans un espace limité, les catégories suivantes sont relativement stables et méritent d'être priorisées.
Nom du service ou action principale
Si l'article porte sur un service précis, faire apparaître le nom du service ou une action qui le représente est plus efficace qu'un motif abstrait. Le nom doit correspondre à celui utilisé dans la console, la navigation et le titre de l'article, afin d'éviter qu'un même service soit désigné de trois ou quatre façons différentes selon les pages.
Prenons l'exemple d'un site d'entreprise proposant un service d'« installation et mise en service d'équipements » : si ces mots apparaissent sur la couverture, le lecteur pourra le distinguer, dès la liste, d'un service de « choix des équipements » ou de « maintenance après-vente ». Ce nom n'est ici qu'un exemple ; il convient de se référer aux intitulés réellement utilisés sur le site.
Public visé ou contexte d'usage
Un même service peut s'adresser à des clients différents. Indiquer le public ou le contexte dans l'illustration aide le lecteur à déterminer si l'article le concerne. Par exemple, un service destiné à un atelier d'usine et un service destiné à un bureau peuvent utiliser des éléments d'environnement correspondants.
Ces éléments de contexte doivent être réels et courants, sans mise en scène excessive. Une photo où l'on distingue un établi, un équipement ou un environnement de travail sera souvent plus compréhensible qu'un fond uni avec une icône.
Identité de marque
La couverture d'un article sur un site d'entreprise peut conserver une identité de marque unifiée, par exemple un logo à position fixe ou un bloc de couleur uniforme. Cela permet aux articles d'une même rubrique de former un ensemble visuel dans la liste, plutôt que d'avoir chacun un style différent.
L'identité de marque ne doit pas être trop grande. Si le logo occupe la majeure partie de l'image, l'information sur le service est évincée et le lecteur ne perçoit plus le contenu de l'article.
Éléments auxiliaires cohérents avec le sujet
Icônes, lignes, blocs de couleur et autres éléments auxiliaires peuvent servir à distinguer les rubriques ou les types d'articles, mais ils doivent rester au service du sujet. Par exemple, un article de type « mode opératoire » pourra comporter des outils ou des éléments évoquant des étapes, tandis qu'un article explicatif utilisera une photo de contexte. Trop d'éléments auxiliaires transforment l'illustration en collage et augmentent au contraire l'effort de compréhension.
Informations à éviter dans une illustration de service
Les contenus suivants apportent généralement peu de bénéfices dans une couverture, voire induisent en erreur.
- De longs blocs de texte : illisibles en format vignette, ils surchargent l'image.
- Des prix précis ou des informations promotionnelles : en cas de modification, tous les articles utilisant cette illustration doivent être mis à jour, ce qui entraîne un coût de maintenance élevé.
- Des formulations promettant des résultats non vérifiés : l'illustration fait aussi partie du contenu public, elle ne doit pas contenir de promesses d'effet non confirmées.
- Des images décoratives sans lien avec l'article : elles répondent seulement à la question « y a-t-il une image ? », pas à celle de la compréhension du contenu.
- Des images de source incertaine : l'utilisation d'images sur un site d'entreprise doit être juridiquement vérifiée, pour éviter un remplacement ou un retrait ultérieur.
Méthode de préparation et de nommage des illustrations
Une fois les informations définies, encore faut-il que l'illustration puisse être utilisée durablement par l'équipe. On peut procéder dans l'ordre suivant.
- Lister d'abord le nom standard du service sur le site, les contextes courants et la rubrique correspondante, comme base des informations à faire figurer, afin de ne pas recommencer à chaque fois.
- Préparer les dimensions selon l'usage : la vignette de liste, l'image d'en-tête de la page de détail et la carte de partage peuvent avoir des ratios différents. Vérifier à l'avance les exigences de chaque emplacement pour éviter d'étirer une même image.
- Nommer les fichiers avec le nom du service et l'usage, par exemple « installation-mise-en-service-couverture-liste », pour faciliter la recherche et le remplacement dans la médiathèque.
- Conserver une à deux images alternatives pour un même service ; en cas de nombreux articles, on peut alterner, tout en gardant un style cohérent.
- Compresser les images avant de les téléverser, pour éviter que des fichiers trop lourds ne ralentissent le chargement ; les paramètres de compression peuvent être ajustés selon le rendu réel.
Liste de vérification avant publication
Après le téléversement de l'illustration, il est conseillé de faire quelques vérifications avant publication. Elles ne nécessitent aucun outil supplémentaire : il suffit d'ouvrir la page.
- Réduire la couverture à la taille réelle de la liste et vérifier que le nom du service ou l'élément principal reste lisible.
- Vérifier que les informations de l'illustration correspondent au titre et au contenu de l'article, pour éviter tout décalage.
- Contrôler que l'image n'est pas déformée et que le recadrage n'a pas coupé une partie essentielle.
- S'assurer que le texte alternatif de l'image est renseigné et qu'il explique le lien entre l'image et l'article.
- Regarder une fois sur mobile et une fois sur ordinateur, pour vérifier que la vignette n'est pas masquée par des éléments d'interface.
Adapter l'illustration selon le type d'article
Toutes les illustrations de service ne doivent pas suivre un modèle unique. On peut ajuster l'accent selon le type d'article : pour un article de présentation de service, privilégier le nom du service et le contexte ; pour un article de type mode opératoire, privilégier une action ou des éléments d'outillage ; pour une FAQ, adopter un style visuel questions-réponses uniforme pour les distinguer ; pour un article de refonte de site ou de réorganisation de contenu, orienter l'illustration vers des éléments de type documentation ou liste.
L'objectif est de permettre au lecteur de distinguer approximativement le type d'article dès la page de liste, sans avoir à lire chaque titre.
Si le style des couvertures d'articles du site est actuellement hétérogène, on peut commencer par les une ou deux services les plus fréquents, unifier leurs informations d'illustration, leurs dimensions et leur nommage, puis étendre progressivement aux autres services. Noter au fur et à mesure les illustrations à remplacer est plus facile à mettre en œuvre qu'une refonte globale en une seule fois.
