Responsive Web Design
Le responsive web design (RWD) désigne l’ensemble des techniques permettant à une interface web de s’ajuster automatiquement à n’importe quelle résolution d’écran.
C’est quoi ?
Le responsive web design est une approche de conception qui consiste à adapter la mise en forme du contenu numérique aux différentes résolutions des différents supports : desktop, Smartphone, tablette, iPhone, etc.
A quoi ça sert ?
Le responsive web design vise à redimensionner automatiquement la taille de l’interface IHM, selon la taille du terminal cible. Cette technique conserve le même contenu mais elle l’affiche d’une manière différente en fonction de la taille de l’écran.
A quel moment faut-il le faire ?
Le responsive web design est appliqué lors de la phase de conception.
Pourquoi faut-il le faire ?
Un site responsive permet de :
- Garantir une meilleure accessibilité du site.
- Faciliter la maintenance du site.
- Optimiser la navigation sur tous les supports.
- Développer une seule version du site pour Desktop et mobile.
- Créer un site mobile-friendly.
- Améliorer le référencement du site et son ranking sur les résultats de recherche sur mobile.
- Assurer une expérience utilisateur souple et fluide.
Comment ça se fait ?
La création d’un site responsive suit certaines directives :
- comprendre le profil de l’internaute cible : il est judicieux d’établir des personas pour le public visé. Cela aide à constituer une idée sur son intention de recherche et ses attentes.
- éviter de surcharger la page web avec des informations inutiles.
- garder la même structure des éléments sur toutes les pages.
- simplifier la mise en forme de l’interface web à travers :
- l’utilisation des standards du web : HTML 5 et CSS 3 et le respect des normes W3C. Cela permet d’alléger le code et d’optimiser son temps de chargement.
- l’utilisation des media queries : ce sont des règles CSS 3 dédiées pour la création d’une page web responsive.
- prévoir des images adaptatives qui s’affichent harmonieusement avec les autres éléments de la page web.
by 
