Adaptative Design
Le design adaptatif est une technique du Responsive Design qui permet d’adapter l’affichage d’un site web en fonction des résolutions des appareils cibles.
C’est quoi ?
Le design adaptatif est une approche de conception qui consiste à adapter le rendu d’une page web à une résolution donnée. Ce qui donne lieu à la production de plusieurs versions différentes pour la même page web.
A quoi ça sert ?
Le design adaptatif sert à créer une version spécifique d’une page web à la taille de l’écran de l’appareil en question.
A quel moment faut-il le faire ?
Le design adaptatif est appliqué lors de la conception de différentes pages du site.
Pourquoi faut-il le faire ?
Le design adaptatif permet de :
- Assurer une manipulation rapide du site, puisqu’il garde la même structure d’un écran à un autre : Desktop ou smartphone ou tablette, etc.
- Assurer une mise à jour facile du site, ce qui entraîne une réduction dans les coûts de maintenance.
- Améliorer l’indexation et le référencement naturel du site.
- Concevoir un site adaptatif avec une URL unique, avec le même contenu et le même code source. Ce qui facilite le suivi et l’analyse du ranking et de la conversion du site.
- Créer des pages web ergonomiques et intuitives quel que soit le terminal utilisé.
- Le contenu de la page reste le même. Toutefois, sa qualité est optimisée pour pouvoir s’afficher convenablement sur tous les supports.
- Offrir une navigation fluide et confortable sur tous les appareils.
Comment ça se fait ?
La taille d’un site adaptatif est liée à celle de l’écran et non pas à celle du navigateur. A cet effet, l’UX Designer crée différentes mises en pages pour différentes résolutions d’écrans.
Tout d’abord, le site adaptatif détecte les dimensions de l’écran cible, à travers CSS3 Media Queries. Ensuite, le système choisit la version la plus adaptée aux dimensions du terminal.
La conception des meilleurs sites adaptatifs est fondée sur l’emploi du CSS, des grilles fluides et des images adaptatives.
by 
