03/03/2026
4 piliers du Web Design
Quelles différences entre accessibilité, ergonomie, UX (expérience utilisateur) et responsive ?
Lorsque l’on crée du contenu sur le web, on ne peut pas échapper aux réflexions autour du graphisme, de la mise en page, de la navigation, etc. C’est pourquoi on parle de web design, et celui-ci ne se limite pas qu'au visuel.
Découvrez 4 piliers du web design à ne pas confondre.
𝐀𝐜𝐜𝐞𝐬𝐬𝐢𝐛𝐢𝐥𝐢𝐭é
Votre contenu (par exemple un site web) doit être accessible à tous, y compris aux personnes en situation de handicap (visuel, moteur, auditif ou cognitif). Le contenu doit être compatible avec des dispositifs d’assistance tels que la synthèse vocale, des écrans aux contrastes spécifiques ou encore des claviers adaptés, parfois associés à un joystick pour naviguer sans souris.
Au niveau d'une page HTML, il existe des attributs, comme l’utilisation de 𝒂𝒓𝒊𝒂-𝒍𝒂𝒃𝒆𝒍, que l’on peut positionner sur un menu ou un bouton, ou encore l’attribut 𝒂𝒍𝒕 pour les images.
Ici, l’accent est mis sur les défis techniques de chacun.
𝐄𝐫𝐠𝐨𝐧𝐨𝐦𝐢𝐞
Un site ergonomique facilite l’accès à l’information et la compréhension des actions possibles sur une page. Pour le dire simplement, si l’on trouve facilement et rapidement l’information recherchée, ou si l’on peut effectuer des actions sans aide et sans ambiguïté, alors l’objectif est atteint.
Par exemple, sur un bouton d’action, on peut associer une icône, un libellé, une infobulle courte au survol de la souris et un « i » d’information pour en savoir plus. Cela permet de s’adresser à différents profils d’utilisateurs : celui qui comprend immédiatement le sens de l’icône et celui qui souhaite disposer d’un maximum d’informations avant de cliquer.
Ici, l’accent est mis sur la simplicité.
𝐔𝐗
La User Experience (UX), c’est-à-dire l’expérience utilisateur, place le visiteur au centre du défi à relever. Il s’agit de lui faire vivre une expérience, de créer une émotion ou d’ancrer un souvenir.
Cela se matérialise par la mise en place d’une séquence d’étapes, comme une expérience d’achat ou d’inscription. Tout doit être fluide, rassurant et cohérent.
On met l’accent sur les ressentis et les émotions.
𝐑𝐞𝐬𝐩𝐨𝐧𝐬𝐢𝐯𝐞
Un site est dit responsive lorsque son contenu s’adapte à toutes les tailles d’écran (écran géant, écran d’ordinateur, tablette, smartphone) ainsi qu’à toutes les orientations (verticale ou horizontale). On change la taille d'un élément, sa position ou on peut le masquer selon la dimension d'affichage. Pour cela, on utilise des règles css avec des media queries.
L’accent est mis sur la dimension d’affichage, fortement liée à la mobilité des internautes.
Comprendre ces différences permet de concevoir des interfaces inclusives, efficaces et engageantes, au service de tous les utilisateurs.
Et vous, lequel de ces piliers mérite d’être renforcé sur votre site ou votre application ?
