Responsive design
Le responsive design est une conception qui adapte automatiquement la mise en page d’un site à la taille de l’écran : téléphone, tablette, ordinateur, écran large.
Mise en contexte
Une seule page, une seule adresse, un affichage réorganisé selon l’écran : colonnes empilées, menus repliés, images dimensionnées selon l’écran. C’est un prérequis du référencement (Google indexe la version mobile) et de l’expérience.
Nous concevons mobile en premier : les écrans sont dessinés pour le pouce, puis élargis. Chaque bloc de nos sites est vérifié à trois largeurs au minimum, en recette. Par exemple, sur ce site, les mêmes blocs administrables sont réorganisés du téléphone à l’écran large.
Le responsive ne dispense pas de penser les usages : un formulaire de terrain doit être conçu pour le mobile avant tout.
Questions fréquentes
Un site responsive suffit pour informer et convertir. Une application (PWA) est justifiée pour un usage répété, connecté, avec hors-ligne ou notifications.
Oui : navigateurs de bureau, iOS et Android, en conditions réelles de réseau, en plus des simulateurs.