Skip to main content
Le « responsive » est la capacité d’un site internet à s’adapter à l’écran de l’utilisateur. A l’heure des smartphone pliables, de la navigation web sur sa télévision ou encore sur son frigo connecté, le responsive est devenu une véritable priorité.
Le site d’Audi, lancé au début des années 2000, est régulièrement présenté comme l’un des premiers grands sites capables d’adapter sa mise en page à la taille de la fenêtre.
Le terme « responsive web design », tel qu’on l’utilise aujourd’hui, a toutefois été popularisé en 2010 par le designer Ethan Marcotte. Il désigne une approche combinant notamment des mises en page flexibles, des images adaptables et des règles permettant de modifier la présentation selon l’espace disponible.
En 2001, on ne prévoyait pas (encore) de consulter un site internet sur un téléphone, ou même une télévision. On codait donc le site internet dans une taille unique qui était celle de la majorité des écrans de l’époque.
Pourquoi est-ce important de rendre son site « responsive » ?
La raison principale est l’expérience utilisateur, également appelée UX.
Un site doit rester agréable et facile à utiliser sur un ordinateur, une tablette ou un smartphone. Les textes doivent être lisibles, les boutons suffisamment grands, les images correctement dimensionnées et la navigation simple à utiliser.
L’interface utilisateur, ou UI, concerne principalement l’apparence et les éléments avec lesquels l’internaute interagit. L’UX correspond plus largement à l’expérience vécue pendant toute la navigation.
Prenons par exemple les bouteilles de ketchup. Ci-dessus, la bouteille de gauche respecte des règles de design, elle est élégante, originale et il y a donc toutes les fonctionnalités d’une bouteille de ketchup : elle peut contenir de la sauce, elle a un bouchon et peut permettre à la sauce de s’écouler. C’est ce que l’on pourrait appeler : UI, l’interface utilisateur. Elle est conçue à partir d’idées.
A droite, la bouteille de ketchup a été conçue d’une autre manière. A la place d’être construite à base d’idées, elle est conçue selon l’expérience de l’utilisateur. Sa forme, son orientation et son bouchon permettent d’améliorer l’expérience que l’on a du produit : c’est plus facile et donc CQFD : mieux !
Un site internet doit être réalisé à partir de l’expérience utilisateur et pour se faire : le responsive est un passage obligé.
Une importance qui dépasse le confort visuel
Un site responsive ne doit pas uniquement « rentrer » dans un écran plus petit. Son contenu, ses menus, ses formulaires et ses boutons doivent rester faciles à consulter et à utiliser, y compris sur un écran tactile ou lorsqu’un utilisateur agrandit la page.
Cette adaptation est également importante pour le référencement. Google utilise principalement la version mobile des sites pour analyser leur contenu et déterminer leur présence dans les résultats de recherche. Le responsive design est d’ailleurs la solution recommandée par Google, car il permet de proposer le même contenu et les mêmes adresses sur tous les appareils.
Un site peut donc sembler correctement affiché sur mobile sans être réellement bien optimisé. Il reste nécessaire de tester sa lisibilité, sa navigation, sa vitesse et ses principales fonctionnalités sur plusieurs tailles d’écran.
ℹ️ Article mis à jour le 5 août 2026
Initialement publié en 2019, cet article a été actualisé afin de tenir compte de l’évolution des usages mobiles et des pratiques actuelles en matière de conception web.
Le principe reste inchangé : un site responsive doit offrir une expérience claire, confortable et fonctionnelle, quelle que soit la taille de l’écran utilisé.
