Le suivi oculaire de NN/g a prouvé que les indices de clic faibles du design plat coûtent 22 % de temps en plus aux utilisateurs

En 2017, le design plat dominait le web, et avec lui sont apparues des interfaces dépouillées des indices qui signalent ce qui est cliquable : les liens bleus soulignés, les boutons en relief et les ombres portées ont cédé la place aux boutons fantômes et à un texte indiscernable du corps de texte. L'industrie débattait de ce compromis au gré des goûts — les designers défendaient l'apparence épurée, les spécialistes de l'utilisabilité avertissaient par des anecdotes que les utilisateurs se perdaient, et aucun des deux camps ne disposait de données.

Nielsen Norman Group a mené une expérience contrôlée de suivi oculaire pour remplacer l'opinion par la mesure. L'équipe a pris neuf pages réelles issues de six domaines — commerce électronique, association à but non lucratif, hôtellerie, voyage, technologie et finance — et en a réalisé deux versions qui ne différaient que par la force des signifiants. Soixante et onze utilisateurs web ordinaires, chacun affecté à une version, ont été chargés de trouver où ils cliqueraient, tandis qu'un équipement de suivi oculaire enregistrait leurs fixations et leur temps.

Les pages à signifiants faibles coûtaient un effort réel : les utilisateurs passaient 22 % de temps en plus et effectuaient 25 % de fixations en plus avant de trouver la cible, et six des neuf paires de pages montraient des schémas de regard différents — l'attention se dispersait sur la page parce que rien ne semblait cliquable avec assurance. Sur la page de bijoux fins, 86 % des utilisateurs de la version forte passaient du titre de section au lien « Shop Pearl », contre 50 % sur la version faible, où neuf utilisateurs sur 24 ont essayé de cliquer sur le titre lui-même.

Tout aussi précieux était le constat des cas où le design plat fonctionnait : trois paires de pages ne montraient aucune différence, et elles partageaient une faible densité d'information, des mises en page traditionnelles et des cibles à fort contraste. L'étude ne condamnait pas le design plat ; elle précisait quand il est sûr. Sa publication a suscité suffisamment de débats pour que NN/g publie des réponses aux critiques, et les conclusions ont alimenté les recommandations de l'entreprise sur le design plat pendant des années par la suite.

Trancher la guerre des goûts par la mesure : des paires de pages appariées ne différant que par les indices de cliquabilité, suivies par suivi oculaire sur des tâches de type « trouver le bouton »

Les paires appariées maintenaient constantes toutes les variables de conception sauf la force des signifiants, de sorte qu'une étude sur pages réelles pouvait revendiquer une causalité plutôt qu'une corrélation.

Les fixations et le temps de tâche traduisaient un débat esthétique en coûts d'effort que tout décideur pouvait comparer.

Un plan inter-sujets avec 71 utilisateurs affectés aléatoirement conférait aux différences une signification statistique (p < 0,05).

En publiant les conditions dans lesquelles les pages plates ne causaient aucun tort, l'étude donnait aux designers une réponse exploitable plutôt qu'un verdict à ignorer.

Les cartes de chaleur publiques rendaient l'effet visible d'un coup d'œil : les signifiants faibles dispersaient l'attention sur la page, signature d'utilisateurs en quête d'un bouton.

Quand une industrie débat au gré des goûts, isolez la variable contestée dans des paires appariées et publiez les chiffres ; le débat devient un problème soluble avec des conditions énoncées.

L'étude est devenue l'un des articles les plus débattus de NN/g : le lendemain de sa publication, elle a recueilli 354 points et 171 commentaires sur Hacker News, et le propre compte rendu de NN/g notait que l'article avait suscité « une quantité significative de débats sur le design plat », auquel il a répondu par une réponse publiée aux critiques. Les conclusions ont alimenté un programme de recherche plus large — des articles de suivi sur les cas où le design plat peut fonctionner, sur la manière dont une exposition à long terme diminue progressivement l'efficacité des utilisateurs, et sur ce dont aurait besoin une esthétique plate corrigée — transformant une expérience en point de référence durable pour les designers qui choisissent des styles visuels.