Introduction : « ça fait chargé » n'est pas un diagnostic

C'est le retour le plus fréquent en revue de design, et le moins actionnable. Une interface « fait chargé », sans que personne ne sache dire précisément quel élément retirer, ni pourquoi. Le jugement reste intuitif, donc impossible à trancher entre deux avis opposés.

La recherche en charge cognitive propose une sortie à ce blocage : des critères mesurables, pas seulement une impression. De quoi transformer un débat de goût en revue de design objectivable.

Ce que la recherche appelle vraiment « densité »

Le repère le plus cité reste la loi de Miller : la mémoire de travail humaine retient en moyenne 7±2 éléments à la fois. Au-delà, chaque élément supplémentaire affiché à l'écran entre en concurrence directe avec les autres pour cette capacité limitée.

La différence entre charge utile et charge parasite

Nielsen Norman Group pose une distinction utile pour trancher les débats de revue. La charge intrinsèque est l'effort nécessaire pour comprendre une information nouvelle et légitime — elle est souhaitable, on ne cherche pas à la supprimer. La charge extrinsèque est l'effort parasite ajouté par une mauvaise organisation de l'écran — elle, doit être éliminée.

Cette distinction change la question posée en revue. Ce n'est plus « cet élément est-il utile ? », presque toujours répondu par oui. C'est « cet élément ajoute-t-il de la compréhension, ou seulement du bruit à traiter avant d'atteindre l'information utile ? ».

Les déterminants que la recherche a isolés

Des travaux en perception visuelle s'y attaquent directement, notamment ceux de Rosenholtz et ses co-auteurs. Ils identifient cinq facteurs mesurables plutôt qu'une impression globale de fouillis.

Cinq facteurs, pas une seule note

  • Densité globale → nombre d'éléments affichés rapporté à l'espace disponible
  • Densité locale → concentration d'éléments dans une même zone, indépendamment du reste de l'écran
  • Groupement → les éléments liés sont-ils visuellement rapprochés, ou dispersés sans logique apparente
  • Contraste figure-fond → un élément se détache-t-il clairement de son arrière-plan, ou se confond-il avec lui
  • Variabilité colorimétrique → nombre de couleurs distinctes en concurrence sur un même écran

Aucun de ces cinq facteurs ne se mesure au jugé de manière fiable. Mais chacun peut se transformer en question de revue simple, applicable sans outillage lourd.

Construire une grille de mesure applicable en revue de design

L'objectif n'est pas de calculer un score scientifique exact — MeasuringU le reconnaît elle-même, aucune métrique de clutter standardisée n'existe encore pour le web. L'objectif est de remplacer une intuition par une grille de questions partagée par toute l'équipe.

La grille en cinq questions

Combien d'éléments interactifs ou informatifs sont visibles simultanément sur cet écran, sans défilement ? Existe-t-il une zone où cette densité dépasse nettement le reste de l'écran ? Les éléments qui appartiennent à une même tâche sont-ils regroupés visuellement, ou séparés par d'autres blocs ? Le texte et les icônes se détachent-ils nettement de leur fond, à distance normale de lecture ? Combien de couleurs différentes portent une signification sur cet écran, au-delà de la charte graphique neutre ?

Une réponse imprécise ou débattue à l'une de ces cinq questions signale un point de friction réel — pas une préférence esthétique entre deux designers.

Appliquer la grille : un cas typique de tableau de bord

Prenons un tableau de bord SaaS classique, celui qu'on croise dans la plupart des back-offices. Une vingtaine de métriques affichées d'un bloc, sans hiérarchie visuelle entre elles. La première question de la grille suffit déjà à isoler le problème. Vingt éléments visibles simultanément dépasse largement les 7±2 que la mémoire de travail peut traiter sans effort.

Ce que le diagnostic change concrètement

La réponse n'est pas de tout retirer. C'est de regrouper les métriques par tâche réelle de l'utilisateur — surveillance quotidienne d'un côté, analyse ponctuelle de l'autre. Puis de ne garder en haut d'écran que ce que la charge intrinsèque de la tâche du jour exige vraiment. Le reste peut rester accessible, mais un niveau plus bas, sans polluer la première lecture.

La grille ne dit jamais quoi retirer à l'aveugle. Elle indique où porte l'attention en premier, avant même d'ouvrir un débat esthétique sur les couleurs ou les espacements.

Les trois leviers pour réduire la densité perçue

Une fois un point de friction identifié, NN/g propose trois leviers concrets, dans un ordre de priorité utile. Éliminer d'abord : retirer les liens redondants, les images décoratives sans fonction, les effets typographiques qui n'apportent aucune information. Le calcul est simple, tout élément qui ne porte pas de sens direct consomme quand même de l'attention.

S'appuyer sur l'existant plutôt que réinventer

Le deuxième levier consiste à réutiliser des modèles mentaux déjà installés chez l'utilisateur. Les mêmes libellés, les mêmes emplacements que ceux déjà rencontrés ailleurs sur le web. Un utilisateur qui reconnaît un pattern n'a plus à l'apprendre, seulement à l'exécuter.

Le troisième levier décharge directement l'utilisateur d'une tâche mentale. Préremplir un champ déjà renseigné ailleurs, proposer une valeur par défaut sensée, afficher une image plutôt qu'un paragraphe à lire. Chacun de ces trois leviers a un coût d'implémentation différent — mais tous les trois réduisent la charge sans retirer d'information réelle.

Ce qu'une grille ne remplace jamais

Une grille de densité objective un diagnostic, elle ne prédit pas le ressenti réel d'un utilisateur donné. Un utilisateur neuro-atypique peut ressentir comme écrasante une densité qu'un autre traverse sans effort conscient. La grille aide à repérer les écrans à risque, pas à remplacer l'observation d'un usage réel.

C'est la même limite que celle qu'on documente pour la conception pour l'accessibilité. Un score qui rassure sur le papier ne dispense jamais de vérification réelle. Il faut toujours regarder comment un écran se comporte face à un utilisateur concret, en session.

Conclusion : remplacer une opinion par une question vérifiable

La densité d'une interface reste largement affaire de contexte. Un tableau de bord destiné à un expert peut assumer une densité qu'une page d'accueil grand public ne peut pas se permettre. La grille ne dicte pas de seuil universel, tout comme la loi de Hick ne dicte pas de nombre magique d'options dans un menu.

Ce que la grille change, c'est la nature du débat. Elle remplace « je trouve que ça fait chargé » par cinq questions vérifiables. Applicables par n'importe qui dans l'équipe — designer, développeur ou product manager. Personne n'a besoin d'attendre un test utilisateur complet pour trancher un premier arbitrage.

Questions fréquentes

Qu'est-ce que la loi de Miller en UX ?
Formulée par le psychologue George Miller, elle établit que la mémoire de travail humaine retient en moyenne 7±2 éléments simultanément — au-delà, chaque élément supplémentaire affiché entre en concurrence directe avec les autres pour cette capacité limitée.
Quelle est la différence entre charge cognitive intrinsèque et extrinsèque ?
La charge intrinsèque est l'effort nécessaire pour comprendre une information nouvelle et légitime — elle est souhaitable. La charge extrinsèque est l'effort parasite ajouté par une mauvaise organisation de l'écran — elle doit être éliminée.
Quels sont les cinq facteurs qui déterminent la densité perçue d'une interface ?
D'après les travaux de Rosenholtz et ses co-auteurs sur la complexité visuelle : la densité globale, la densité locale, le groupement des éléments liés, le contraste figure-fond, et la variabilité colorimétrique.
Existe-t-il une métrique standardisée pour mesurer le clutter d'un site web ?
Non : MeasuringU le reconnaît elle-même, aucune métrique de clutter standardisée n'existe encore pour le web. L'objectif d'une grille de densité est de remplacer une intuition par des questions partagées, pas de produire un score scientifique exact.
Certains liens sont des liens d'affiliation, si vous effectuez un achat auprès de ceux-ci, nous pouvons percevoir une commission.