Les grands principes de l’ergonomie web et de l’UX Design

L’ergonomie web est la discipline qui adapte une interface en ligne à la façon dont les humains perçoivent, comprennent et agissent, pour qu’ils atteignent leur but avec le minimum d’effort et d’erreurs. Elle évalue ce qu’une page permet d’accomplir, pas son apparence.

Pour un responsable produit, la question est moins affaire de goût que de décision : savoir quels mécanismes gouvernent le comportement réel des utilisateurs, avec quelle grille faire évaluer son interface, quelles obligations s’imposent désormais en France, et sur quels indicateurs arbitrer quand dix corrections attendent et que le budget en couvre trois. Cet article déroule ces quatre points dans cet ordre, en partant des mécanismes pour aller vers la mesure.

En bref

– L’ergonomie se juge sur trois plans : l’efficacité, l’efficience et la satisfaction.

– Cinq mécanismes psychologiques expliquent l’essentiel de ce que l’on observe sur une interface, à commencer par le rapport entre le coût perçu d’une action et son bénéfice perçu.

– Deux grilles font référence pour évaluer une interface en France : les heuristiques de Jakob Nielsen et les critères de Dominique Scapin et Christian Bastien.

– L’accessibilité est la seule part de l’ergonomie opposable en droit français, et 95,9 % des pages d’accueil analysées en 2026 présentent au moins une anomalie détectable automatiquement (synthèse Urbilog, chiffres 2026).

– On mesure avant de corriger : taux de réussite, nombre d’erreurs, temps de tâche et satisfaction déclarée.

« Si quelque chose nécessite un fort investissement en temps – ou donne l’impression qu’il va le faire – il aura moins de probabilités d’être utilisé » Steve Krug

Ergonomie web, UX et UI : ce que recouvre exactement chaque terme

L’ergonomie décide de ce que l’interface fait faire à l’utilisateur, l’UI décide de ce à quoi elle ressemble, et l’UX désigne le ressenti global qui en résulte. Avant d’entrer dans les principes, il faut lever cette confusion : elle fausse la plupart des discussions d’équipe, parce que les trois sujets ne se pilotent ni par les mêmes personnes, ni avec les mêmes arbitrages.

Le mot vient de loin. Alain Wisner, médecin et l’un des fondateurs de l’ergonomie de langue française, la définissait comme l’ensemble des connaissances scientifiques sur l’humain nécessaires pour concevoir des outils et des dispositifs utilisables avec le maximum de confort, de sécurité et d’efficacité. L’ergonomie web n’est que l’application de ce programme à une interface en ligne : on adapte le produit à l’utilisateur, jamais l’inverse. C’est ce que recouvre l’expression design centré utilisateur, héritée des travaux d’interaction homme machine menés en laboratoire bien avant l’arrivée du web.

Une précision évite un contresens fréquent en entreprise. L’ergonomie d’une interface n’a rien à voir avec l’ergonomie du poste de travail sur écran, qui relève du Code du travail et de la prévention des risques professionnels (INRS, 2026). Le premier sujet concerne votre produit, le second concerne vos salariés, et les deux ne se traitent ni avec les mêmes personnes ni avec les mêmes budgets.

• Ergonomie : ce que l’utilisateur parvient à faire, et à quel prix en attention, en temps et en erreurs.
• UI, interface utilisateur : la forme donnée aux éléments, couleurs, typographie, espacements, états d’un bouton.
• UX, expérience utilisateur : ce que l’utilisateur retient de l’ensemble, y compris ce qui se passe avant et après l’écran.

Pourquoi connaître les principes de l’ergonomie web ?

En synergie avec l’étude des données web, l’analyse de l’ergonomie d’une site web nous apprend énormément sur ses usages, ses forces et ses faiblesses. Il ne faut jamais repartir d’une feuille blanche, le site actuel d’un organisme à beaucoup a lui apprendre. En recherche UX, il est commun de réaliser un audit ergonomique, ou encore audit UX. Couplé à des cartes de chaleur (aussi appelées heatmaps ou cartes de clics), il peut nous informer sur des éléments aussi divers que :

• Les usages de la page d’accueil :

• Remplit-elle un rôle de « carrefour » ?

• Sert-elle à pousser des offres promotionnelles ?

• Le moteur de recherche est-il suffisamment utilisé ?

• Comment la navigation principale est-elle utilisée ?

• Pour une fiche produit / page carrefour :

• Les informations présentes sont-elles correctement hiérarchisées ?

• Les bannières sont-elles positionnées de manière pertinente ?

• Les pages de destination (ou landing pages) :

• Permettent-elles à l’utilisateur de rebondir vers d’autres offres ?

• Remplissent-elles leur rôle de génération de lead efficacement ?

• Un module particulier

• Est-il vu par les utilisateurs ?

• Est-il utilisé de manière pertinente ?

L’expérience utilisateur doit être réfléchie et optimisée sur 3 plans :

• Efficacité: permettre à l’utilisateur d’atteindre le résultat prévu

• Efficience : avec un effort et un temps minimum

• Satisfaction : en portant une évaluation subjective positive sur son expérience

Les grands principes de l’ergonomie web

L’objectif global de l’ergonome (ou UX Designer) est de réduire toutes les questions potentielles (dit « cognitive workload ») de l’utilisateur et de l’assister au maximum dans son parcours. L’ergonomie doit être adaptée à vos cibles, mais aussi à vos spécificités métier (messages marketing, différentes offres, éléments de réassurance ou d’urgence…).

Il existe beaucoup de méthodologies différentes à combiner à un audit ergonomique (Analyses de données quantitatives, tests utilisateurs, sondages en ligne…) et toutes peuvent mener à des résultats pertinents.

Les optimisations seront toujours basées sur le guidage (orienter l’œil et le doigt de l’utilisateur vers l’action (hiérarchisation des informations, position des call to action…)) et la persuasion (convaincre de passer l’étape suivante, vers notre objectif principal (transaction) ou secondaire (inscription à une newsletter)).

Pour convaincre l’utilisateur il faut :

• Informer

• Argumenter

• Rassurer

Il existe de nombreux principes psychologiques en ergonomie web, nous citerons les 5 majeurs à nos yeux :

• « Law of Pithiness » (loi de la concision) : Les êtres humains ordonnent leurs expériences d’une manière simple et symétrique, l’être humain préfère les choses claires et ordonnées et a peur de la complexité.

• « Law of Past Experience » (loi de l’expérience passée) : Nos expériences passées contribuent à l’interprétation de nos expériences actuelles. Comprendre que certains standards du web méritent d’être conservés (logo en haut à gauche, présence d’un footer…) et qu’il faudra innover sur d’autres terrains pour que l’utilisateur ne soit pas trop déboussolé.

• « Principle of Cost/Benefit Analysis » (principe de l’analyse coût/bénéfice) : Le comportement humain est très influencé par la relation entre le bénéfice perçu d’une action contre son coût perçu. Par exemple : est-ce que communiquer des informations personnelles (email, téléphone, adresse) vaut le prix de l’ebook que l’on me propose en leur échange ? Ici, le coût direct est gratuit, mais le coût perçu existe, et dépend de l’expérience de chacun, et de la perception de la valeur de cet ebook. Il faut donc penser à toutes les actions demandées à l’utilisateur comme un arbitrage avec la valeur que l’on lui offre.

• « Fitt’s Law » (Loi de Fitt) : Le temps requis pour bouger sa souris à un endroit est dépendant de la distance et la taille de la cible. Cela peut être utile pour prioriser ou non certains éléments sur une page. Cela permet d’engendrer des actions que l’on désire (générer un achat, rester sur le site) et aussi pour éloigner des actions indésirables (sortir d’un formulaire de leads, quitter le tunnel de d’achat…) de la part de l’utilisateur.

• « Facial Recognition » (Reconnaissance faciale) : En tant qu’êtres humains, nous sommes naturellement dans la recherche d’autres humains. Il a été prouvé qu’apporter des visuels avec des humains provoque des émotions et est presque toujours favorable à l’action et à attirer la sympathie.

Sur un site internet, les comportements d’un utilisateur sont naturels : les traces comportementales sont agrégées de manière continue et s’additionnent. Une croyance forte existe quant au comportement des internautes : il existerait un comportement « moyen de l’internaute ». Ce n’est pas vrai, l’internaute est souvent isolé et prend les décisions seul, son comportement dépend de très nombreux facteurs personnels (maîtrise de l’informatique, ressenti, temps disponible…). Il est uniquement possible de dégager des tendances par segment et groupement d’utilisateurs.

De plus, il a été prouvé que les utilisateurs ne lisent pas les pages web, mais les scannent – en cherchant des mots clés – Ils ont généralement une « mission » précise à accomplir sur un site et choisissent souvent la « première option satisfaisante » plutôt que d’étudier en profondeur chaque option possible. Les utilisateurs ont tendance à utiliser les outils sans avoir compris la manière de fonctionner sous-jacente, ils veulent juste un résultat. Tous ces principes sont primordiaux à avoir à l’esprit en créant ou en optimisant un site web, car l’utilisateur agit instinctivement et souvent très rapidement sur internet. Il faut penser les pages dans cette optique d’optimisation du temps et de l’effort de l’internaute.

L’importance des conventions existantes

Ces mécanismes psychologiques ont une conséquence immédiate sur les choix d’interface : plus une page respecte ce que l’utilisateur a déjà appris ailleurs, moins elle lui coûte d’effort. Un autre principe important en ergonomie web est de prendre avantage des conventions existantes ; elles sont répandues et facilitent la compréhension par l’utilisateur. Les règles de base du web doivent donc être respectées (logo en haut à gauche, navigation en barre, utilisation du panier d’achat, bouton « Play » d’une vidéo, barre de recherche, « footer » en bas de page…).

Ne pas respecter ces conventions peut mener à des percées, mais, la plupart du temps, cela mènera à du temps perdu. Ces conventions apportent de la valeur à un site et permettent de respecter la loi de l’expérience passée (« law of past experience »).

De plus, il est important de créer des hiérarchies visuelles efficaces. Etre sûr que l’apparence des éléments sur la page (indices visuels) rend compte fidèlement des relations entre ces éléments : quelles choses sont importantes/similaires, quels éléments sont liés…

Quelques conventions existantes d’ergonomie web :

• Les pages doivent être divisées en aires clairement définies, et les éléments virtuellement mis « dans des cases » pour offrir des repères visuels (comme on pourrait le voir dans un journal).

• Ce qui est cliquable doit être évident, en scannant la page, on cherche une variété d’indices visuels nous indiquant où cliquer (formes, localisation, couleurs)

• Les distractions doivent être éliminées (éviter de proposer trop d’invitations, de boutons, de couleurs…) et la désorganisation (manque d’alignement global dans la page) font fuir les utilisateurs.

• Le contenu doit permettre aux utilisateurs de « scanner » les pages, ils ont tendance à scanner des éléments comme les sous-titres, les paragraphes courts, les listes (bulletpoints) et les mots en gras. Le meilleur moyen d’être sûr de ne pas avoir fait d’erreur est de simplement tester la navigation dans son site.

En effet, avant de publier une page, il est simple de se mettre à la place de l’utilisateur et se demander :

• Qu’est-ce qu’il y a sur ce site ?

• Sur quelle page suis-je ? Quelles sont mes options de navigation à ce niveau sur le site ?

• Quelles sont les sections majeures que l’on peut consulter sur ce site ?

• Où suis-je dans l’arborescence du site ?

• Comment puis-je effectuer une recherche ?

Les conventions sur la page d’accueil

La page d’accueil étant particulière, il faut, pour respecter les conventions, penser à de nombreux éléments. Les principaux sont l’identité du site, la mission et la hiérarchie du site. Les secondaires sont la fonction de recherche, faire du « Teasing » (pour donner envie de rester et de continuer sa navigation), proposer des promotions, du contenu temporaire, des raccourcis (pour aller vers les pages les plus visitées), et éventuellement les fonctionnalités de compte utilisateur et le choix de la langue.

Pour expliquer la mission du site, il y a 3 moyens habituels :

• La « tagline» (le slogan) : Phrase explicative liée au logo.

• Le « welcome blurb » (bloc de bienvenue) : Bloc sur la page d’accueil décrivant l’activité.

• The « Learn more » (en savoir plus) : par exemple une vidéo explicative très simple et rapide.

Il faut aussi toujours penser son site avec la problématique de la vitesse à l’esprit, éviter les images trop volumineuses à charger, et toujours penser et contrôler les conséquences sur la version mobile (ou responsive) du site.

Le but étant évidemment qu’une personne avec une expérience moyenne puisse réussir à comprendre le site, à y naviguer, et à accomplir quelque chose sans plus de difficultés que cela le mérite, et qu’il puisse le mémoriser.

Avec quelle grille évaluer l’ergonomie d’une interface ?

Les deux grilles d’évaluation les plus utilisées en France sont les heuristiques de Jakob Nielsen et les critères ergonomiques de Dominique Scapin et Christian Bastien. Respecter les conventions web et connaître les mécanismes ne suffit pas à trancher un désaccord en réunion sur la place d’un menu ou l’utilité d’un moteur de recherche interne : il faut une grille partagée, qui transforme une impression en constat opposable.

Les critères de Scapin et Bastien analysent une interface selon des dimensions nommées : le guidage, la charge de travail, le contrôle explicite, l’adaptabilité, la gestion des erreurs, l’homogénéité et la cohérence, et la signifiance des codes et dénominations. Derrière la dimension « charge de travail » se joue la charge cognitive : tout ce que l’interface oblige l’utilisateur à retenir, comparer ou deviner. L’intérêt pour une équipe produit est direct. Une anomalie ne se formule plus « cette page est confuse » mais « le guidage est insuffisant à la troisième étape du tunnel ». La discussion change alors de nature : elle porte sur un critère, pas sur un avis.

Le cours IHM du laboratoire LIRIS retient ainsi 12 règles d’ergonomie web et l’ouvrage Qualité web en détaille 226 sous forme de bonnes pratiques vérifiables. Le nombre importe peu : ce qui compte est de choisir un référentiel et de s’y tenir d’une évaluation à l’autre, pour que les résultats restent comparables dans le temps.

Trois décisions se prennent avant de commencer une évaluation :

• Le périmètre : deux ou trois parcours réels (l’inscription, la commande, la recherche d’une information), jamais « le site » en entier.
• Le nombre d’évaluateurs : deux personnes évaluent séparément, puis confrontent leurs relevés. Une seule passe laisse toujours des angles morts.
• La cotation de la sévérité : chaque anomalie reçoit un niveau, de la gêne mineure au point bloquant. Sans cotation, la restitution devient une liste de doléances impossible à arbitrer.

La restitution suit la même logique : une anomalie par ligne, le critère violé, la capture d’écran, le niveau de sévérité. Un modèle de checklist d’audit évite de repartir d’une page blanche à chaque évaluation et garantit que deux évaluateurs regardent bien les mêmes choses.

L’accessibilité, la part de l’ergonomie qui est devenue une obligation

En France, l’accessibilité numérique n’est plus une bonne pratique parmi d’autres : elle repose sur l’article 47 de la loi n° 2005-102 du 11 février 2005 et sur le RGAA, le référentiel général d’amélioration de l’accessibilité édité par la DINUM, dont la quatrième version est en vigueur (accessibilite.numerique.gouv.fr et info.gouv.fr, cadre légal). Parmi tous les critères que les grilles d’évaluation examinent, c’est le seul qui soit opposable, et c’est aussi celui que la majorité des sites échouent à respecter.

Le périmètre s’est élargi. La loi de 2005 visait les services de communication publique en ligne de l’État, des collectivités territoriales et des établissements publics qui en dépendent. L’European Accessibility Act, transposé en droit français, s’applique depuis le 28 juin 2025 aux nouveaux services de plusieurs secteurs privés, dont le commerce en ligne, la banque, le transport et la billetterie ; les produits et services existants avant cette date disposent d’un délai jusqu’au 28 juin 2030. Au niveau européen, la WCAG et la norme EN 301 549 servent de références de conformité.

Les chiffres disent où regarder en premier. En 2026, 95,9 % des pages d’accueil du premier million présentent au moins une anomalie WCAG 2 détectable automatiquement, contre 94,8 % en 2025, avec 56,1 erreurs par page en moyenne, soit 10,1 % de plus qu’en 2025 (Urbilog, 2026). Les défauts se concentrent sur cinq points :

• Texte à contraste insuffisant : 83,9 % des pages concernées.
• Images sans alternative textuelle : 53,1 %.
• Champs de formulaire sans label : 51 %.
• Liens vides : 46,3 %.
• Boutons vides : 30,6 %.

Chiffre clé : un contraste de texte insuffisant touche plus de huit pages d’accueil sur dix. C’est le défaut le plus répandu du web, et l’un des moins coûteux à corriger.

Pour une équipe produit, la lecture est encourageante : ces cinq défauts se détectent par outillage, se corrigent en intégration et ne demandent aucune refonte graphique. Un label de formulaire manquant ou une alternative textuelle absente se règlent dans le gabarit, pas dans une maquette. Si vous voulez creuser le sujet, notre article sur l’accessibilité web détaille les critères et la démarche de mise en conformité.

Lisibilité, mobile et vitesse : les trois frictions les plus répandues

Le contraste insuffisant, l’affichage mobile dégradé et le temps de chargement sont les trois défauts que l’on retrouve le plus souvent au moment d’un audit, et ce sont aussi les trois plus faciles à objectiver. Les chiffres d’accessibilité désignent des zones de friction qui dépassent largement le cadre réglementaire et concernent tous les sites, publics comme privés.

Ces trois points ont une qualité rare : ils se vérifient sans compétence de design et sans réunion.

• La lisibilité se contrôle avec un outil de rapport de contraste et une lecture à taille réelle sur un écran non calibré. Le texte gris clair sur fond blanc reste le premier suspect, comme le montrent les chiffres de la section précédente.
• Le mobile se contrôle en refaisant le parcours principal sur un téléphone, avec une main, en marchant. Les zones de clic trop petites, le menu replié qui masque la navigation et les formulaires impraticables apparaissent en moins de deux minutes.
• La vitesse se contrôle sur les pages d’entrée réelles, pas sur la page d’accueil, et sur une connexion dégradée. Les images non optimisées restent la cause la plus fréquente.

Le point de décision vient ensuite. Une friction ne vaut d’être corrigée que si elle se voit dans les usages, et c’est la mesure qui le dit. Une page lente dont personne ne sort n’est pas votre priorité du trimestre.

Mesurer l’ergonomie, puis décider quoi corriger en premier

Un benchmark d’ergonomie se mesure sur quatre indicateurs : le taux de réussite d’une tâche, le nombre d’erreurs, le temps passé sur la tâche et la satisfaction déclarée (Baymard, 2026). Constater une friction ne dit pas encore combien elle coûte, ni si elle passe avant les autres : c’est le rôle de la mesure.

Les indicateurs à suivre et ce qu’ils disent vraiment

Deux familles d’indicateurs coexistent et ne répondent pas à la même question. Les indicateurs de tâche se relèvent en test, sur un petit nombre d’utilisateurs à qui l’on confie une mission précise. Les indicateurs d’usage se relèvent en analytics, sur l’ensemble du trafic, et signalent un problème sans jamais en donner la cause.

• Indicateurs de tâche : taux de réussite, nombre d’erreurs, temps de tâche, satisfaction déclarée. Ils disent si la tâche passe et à quel coût.
• Indicateurs d’usage : taux de rebond, pages vues par visite, temps de connexion, taux de conversion, taux d’abandon de panier, les cinq que France Num recommande de suivre pour mesurer l’efficacité d’un site. Ils disent où ça coince, à grande échelle.

Un benchmark sert surtout à suivre l’effet d’une refonte dans le temps, ce qui en fait une évaluation sommative plutôt que diagnostique. Autrement dit, il vous dira que la version B fait mieux que la version A, pas pourquoi.

À noter : conservez des tâches identiques d’une campagne à l’autre, faute de quoi les résultats ne se comparent plus, et résistez à la tentation d’optimiser ce qui est facile à mesurer plutôt que ce qui compte pour l’utilisateur. La question du rendement d’ensemble se pose à part, et notre article sur mesurer le retour sur investissement de l’expérience utilisateur propose une méthode pour la traiter.

Arbitrer entre plusieurs corrections

Un audit sérieux remonte toujours plus d’anomalies que le trimestre ne peut en absorber. La priorisation se joue sur trois variables, et la troisième est la plus souvent oubliée.

• La fréquence d’exposition : combien d’utilisateurs rencontrent réellement l’anomalie, et à quelle étape du parcours.
• La sévérité constatée : la gêne ralentit, le point bloquant fait abandonner. Les deux ne se traitent pas au même rythme.
• Le coût de correction : un défaut de contraste se corrige dans une feuille de style, une architecture de navigation se refait sur plusieurs mois.

Le principe de l’analyse coût bénéfice exposé plus haut vaut aussi pour vous : chaque correction est un arbitrage entre ce qu’elle vous demande et ce qu’elle rend. Accepter de laisser des anomalies mineures en l’état fait partie de la méthode, à condition de les avoir cotées et tracées. Ces logiques de séquencement valent aussi pour le reste de la feuille de route, et l’on retrouve les mêmes cadres d’arbitrage pour prioriser les chantiers d’une feuille de route produit.

Le cas des applications métier et des produits SaaS

Sur une application métier ou un produit SaaS, l’ergonomie ne se juge pas à la première visite mais à la centième : l’enjeu se déplace de la découverte vers la répétition d’une même tâche par un utilisateur contraint. Tout ce qui précède vaut pour un site que l’on visite librement. Sur un produit utilisé toute la journée pour travailler, plusieurs priorités s’inversent.

• La densité d’information devient un avantage. Obliger un utilisateur expert à parcourir quatre écrans aérés là où un tableau dense suffisait lui coûte du temps à chaque répétition.
• La découvrabilité compte moins que la vitesse d’exécution. Un raccourci clavier invisible pour un nouveau venu peut faire gagner plusieurs heures par mois à un utilisateur quotidien. La loi de Fitts, formulée par le psychologue américain Paul Fitts, y prend un relief particulier : sur une action répétée cent fois par jour, la taille et l’éloignement d’une cible se paient en heures cumulées.
• La gestion des erreurs devient centrale. Sur un site vitrine, une erreur fait perdre un visiteur. Sur un outil métier, elle fait perdre une saisie, parfois une journée de travail.
• L’adaptabilité prend le pas sur l’uniformité. Les critères de Scapin et Bastien nomment précisément ces deux dimensions, l’adaptabilité et la charge de travail, qui sont les plus discriminantes pour un usage expert et répétitif.

La conséquence pratique est simple : les tests d’utilisabilité menés avec des personnes découvrant le produit ne suffisent pas. Il faut observer des utilisateurs en poste, sur leurs vraies données, à leur rythme habituel, sans quoi vous n’évaluez que l’accueil du produit et jamais son usage réel.

En savoir plus : l’observation en poste change aussi ce que l’on regarde. Sur un site, on suit le comportement de scan, cette lecture en diagonale à la recherche d’un repère. Sur un outil métier, on suit des séquences apprises par coeur, où le moindre déplacement d’un bouton coûte une réadaptation collective.

Quatre idées reçues qui font prendre de mauvaises décisions

La règle des 3 clics et la ligne de flottaison sont les deux règles les plus citées en ergonomie web, et les deux qui résistent le moins à l’observation des usages réels. Reste à désamorcer les raccourcis qui circulent dans les équipes et qui orientent les arbitrages dans la mauvaise direction.

• « L’information doit être accessible en trois clics. » La règle est encore présentée comme une norme du métier, y compris dans les fiches d’orientation professionnelle (fiche métier Ergonome Web du CIDJ). Aucun des référentiels d’évaluation cités plus haut ne la retient parmi ses critères. Ce qui fait abandonner un utilisateur n’est pas le nombre de clics, c’est l’incertitude sur la direction à prendre : cinq clics évidents valent mieux que deux clics au jugé.
• « Tout doit tenir au-dessus de la ligne de flottaison. » Le défilement est un geste acquis depuis longtemps. Ce qui doit se trouver en haut de page, c’est de quoi comprendre où l’on est et qu’il y a une suite, pas la totalité de l’offre compressée.
• « Refaire l’interface règlera le problème. » Une refonte remplace un jeu d’anomalies connues par un jeu d’anomalies inconnues. Sans évaluation préalable ni mesure de départ, vous ne saurez même pas si vous avez progressé.
• « L’accessibilité, c’est pour plus tard. » Reportée, elle se paie au prix fort : reprendre après coup des milliers de gabarits, d’images et de champs coûte sans commune mesure avec le fait de poser la règle dès le premier composant. Le report est le seul choix qui rende le chantier réellement cher.

Questions fréquentes sur l’ergonomie web

 Quelques questions reviennent systématiquement dès qu’une équipe se saisit du sujet, et elles portent moins sur la discipline que sur la façon de l’organiser.