Le coût de compréhension client correspond à l'effort cognitif que les utilisateurs doivent fournir pour obtenir des informations. Sur le site web d'une entreprise, si les images sont nommées au hasard, sans explication contextuelle, lentes à charger ou déconnectées du thème de la page, les clients doivent passer du temps supplémentaire à deviner « ce que cette image veut dire », ce qui augmente inconsciemment le coût de compréhension. Alors, comment rédiger les ressources d'images – c'est-à-dire comment les concevoir, les nommer, les associer et les afficher – pour vraiment aider les clients à comprendre rapidement ? Voici des idées concrètes en cinq points clés.
1. Nommer les fichiers d'images avec une « sémantique humaine », éviter les codes machines
De nombreux sites web téléchargent directement des fichiers provenant d'appareils photo (comme IMG_20240301_1234.jpg ou photo_1.png). Ce type de nommage n'a aucun sens pour les moteurs de recherche ni pour les clients. Lorsque les clients voient le nom du fichier dans l'onglet du navigateur ou les outils de développement, ils ne peuvent pas déterminer le contenu de l'image. Recommandations :
- Utiliser des mots courts en pinyin chinois ou en anglais pour décrire le sujet de l'image, par exemple « shouye-banner-gongyi.jpg » ou « chanpin-jieshao-tu01.jpg ».
- Éviter les chiffres purs, les dates ou les combinaisons de lettres sans signification.
- Si le site a plusieurs versions linguistiques, utiliser des mots en anglais pour garantir l'universalité.
Bien que les clients ne voient généralement pas directement le nom du fichier, les moteurs de recherche le lisent, et les résultats de recherche sont une entrée importante pour que les clients comprennent le contenu de la page. Un nom de fichier clair peut indirectement réduire la difficulté pour les clients de découvrir et de comprendre l'image.
2. Le texte ALT doit être « une phrase explicative », pas un amas de mots-clés
Le texte ALT est le texte alternatif de l'image. Lorsque l'image ne se charge pas ou que le client utilise un lecteur d'écran, le texte ALT s'affiche directement. De nombreux sites d'entreprise écrivent le texte ALT comme une série de mots-clés (par exemple « entreprise, produit, service, cas »), et les clients ne savent toujours pas ce que représente l'image après l'avoir lu. La bonne pratique est :
- Résumer l'information clé de l'image en une phrase, par exemple « L'équipe de la société X discute d'un projet en salle de réunion » est plus clair que « discussion d'équipe ».
- Si l'image contient du texte ou des données, le texte ALT doit inclure les chiffres ou conclusions clés.
- Ne pas répéter le titre de la page ou de l'article dans le texte ALT, car le client connaît déjà le thème de la page.
Un bon texte ALT permet aux clients de comprendre le contexte même s'ils ne voient pas l'image, ce qui est particulièrement utile pour les utilisateurs sur mobile avec une connexion lente ou en environnement faible réseau.
3. La mise en page des images doit avoir une « logique de lecture », éviter la surcharge d'informations
Le processus de compréhension d'une image par le client est : « un coup d'œil → repérer les points importants → comprendre en combinant le texte ». Si la mise en page de l'image est complexe, les éléments sont encombrés et les annotations confuses, le client doit vérifier à plusieurs reprises. Principes de mise en page pour réduire le coût de compréhension :
- Assez d'espace blanc : laisser un espace suffisant entre les bords de l'image et les éléments internes pour que le regard du client ait des zones de repos.
- Mettre en évidence les points clés : pour les organigrammes ou les tableaux comparatifs, utiliser des couleurs, du gras ou des flèches pour indiquer le chemin critique.
- Utiliser avec parcimonie les GIF animés ou les carrousels : les GIF en lecture automatique ou les carrousels peuvent faire passer l'image avant que le client ait le temps de la voir, interrompant ainsi la compréhension. Si nécessaire, ajouter un contrôle manuel ou un temps d'arrêt plus long.
De plus, la taille et les proportions de l'image doivent s'adapter aux différents appareils, pour éviter qu'elle ne soit coupée ou déformée sur mobile, sinon le client doit zoomer pour voir, ce qui multiplie le coût de compréhension.
4. La vitesse de chargement des images affecte directement la « continuité de la compréhension »
Le processus de compréhension du client est continu. Si le texte de la page est déjà affiché mais que l'image tarde à apparaître, le client ressent une « anxiété d'attente » et peut même sauter l'image pour lire la suite, rendant l'information de l'image inutile. Méthodes pour optimiser la vitesse de chargement :
- Compresser la taille du fichier image tout en maintenant la qualité visuelle. En général, le format JPG est recommandé pour les photos, et PNG pour les icônes ou captures d'écran.
- Utiliser des balises d'image responsives pour charger différentes tailles d'image en fonction de la largeur de l'écran.
- Activer le chargement différé (lazy loading), mais avec une image de remplacement ou une couleur de fond pour éviter les grands espaces vides sur la page.
Chaque seconde de retard dans le chargement peut réduire la patience et l'efficacité de compréhension du client de plus de 10 %. C'est un facteur souvent négligé mais qui affecte réellement le coût de compréhension.
5. L'image et le texte doivent « se compléter mutuellement », pas « se répéter »
De nombreux sites d'entreprise ont des images et des textes qui se répètent fortement. Par exemple, le texte dit « Notre équipe est professionnelle », et à côté se trouve une photo d'équipe sans aucune information supplémentaire. Après avoir lu le texte, le client voit l'image et n'en tire rien de nouveau, ce qui donne l'impression de perdre du temps. Une meilleure approche est de faire en sorte que l'image fournisse des informations que le texte ne peut pas exprimer directement :
- Si le texte présente les fonctions d'un produit, l'image peut montrer un scénario d'utilisation ou des étapes d'opération.
- Si le texte donne des conclusions de données, l'image peut utiliser un graphique ou une infographie pour montrer les tendances et les comparaisons.
- Si le texte décrit la force de l'entreprise, l'image peut montrer l'environnement de bureau, le site de coopération ou les certificats de brevet (en respectant la confidentialité et la conformité).
Lorsque le client obtient de l'image un contenu que le texte ne peut pas exprimer directement, le coût de compréhension diminue réellement. En revanche, si l'image n'est qu'une « décoration », le client doit juger si elle mérite d'être vue, ce qui augmente la charge cognitive.
Résumé
Le cœur de la réduction du coût de compréhension client est de faire en sorte que l'image « parle d'elle-même », et qu'elle le fasse rapidement, précisément et sans effort. Du nommage du fichier au texte ALT, de la logique de mise en page à la vitesse de chargement, en passant par la répartition des rôles avec le texte, chaque étape peut être optimisée. Lors de la mise à jour des ressources d'images sur le site de l'entreprise, il est conseillé de vérifier ces cinq aspects un par un ; l'expérience de navigation des clients s'améliorera sensiblement. Si vous avez des doutes sur la mise en œuvre concrète d'un aspect, vous pouvez également l'ajuster en fonction des caractéristiques de votre secteur, l'objectif final étant que le client comprenne rapidement dès l'ouverture de la page, sans avoir à deviner constamment.
