Qu'est-ce que l’Adaptive Web Design ?

La prolifération des outils mobiles de communication web que sont les smartphones et tablettes a fortement impacté la manière dont Google, mais aussi les autres moteurs de recherche, analyse la qualité d’un site web. C’est désormais un fait avéré, Google préfère les sites « mobile friendly », comprenez « un site internet dont l’ergonomie, l’affichage et la création ont été pensés pour une navigation optimisée et un affichage optimal de ses contenus (textes, images, vidéos), sur les différents formats de smartphone ».

Il existe différentes techniques de développement de site pour atteindre ces objectifs de bonne expérience utilisateur (également appelé UX Design) : le développement Responsive Web Design et le développement en Adaptive Web Design (ou développement en Design Adaptatif).

Création de site en adaptive design

Site web et Adaptive design

Jusqu’il y a peu, les agences web développaient plusieurs sites destinés à des formats différents d’écran. On a vu se démultiplier les sites mobiles, les sites pour ordinateurs et d’autres spécifiques aux tablettes mais cette technique fut rapidement abandonnée car elles s’avéraient relativement couteuses et chronophages. En effet, trois sites impliquent trois maintenances, trois hébergements et de nombreuses heures de remplissage et mises à jour.

Ces dernières années, la meilleure réponse fut de réaliser les sites en Responsive Design affichant des contenus spécifiques aux appareils mobiles et autres écrans. Cette technique qui vise à ne construire qu’une seule version de site web et d’en adapter l’affichage par la programmation de feuilles de style (CSS) appelées suivant la taille des écrans ou du type d’appareil.

L’adaptive design, ou Design Adaptatif, est une évolution du Responsive Design pensé pour offrir la meilleure Expérience Utilisateur en fonction du support utilisé pour consulter le site.

Tous les sites en adaptative design se doivent d'être responsive, mais un site en responsive design n’est pas obligatoirement Adaptive Design. Il peut néanmoins suffire à offrir une bonne expérience Utilisateur pour la plupart des petits sites.

Web Design et développement « Mobile First » !

Toutes les agences web ne maîtrisent pas encore le développement de sites en design adaptatif car il requiert des compétences un peu plus poussées que pour la réalisation pages html ou la génération de site web avec des CMS automatisés.

Certes, imaginer et créer des mises en page tenant en compte les différents types et formats d’écran est un travail fastidieux pour le web designer mai peut également imposer des réflexions stratégiques adaptées pour le webmarketeur ou le référenceur. En effet, si les cibles prospects sont les mêmes : atteindre de futurs clients ou acheteurs, le type d’audience, qu’il s’agisse internaute ou d’un mobinaute (utilisateur d’appareil mobile) implique une ergonomie de site différente adaptée à la taille de chaque écran.

Adaptive Web Design et référencement

La question d’investir dans un site web performant en référencement naturel, entendez « optimisé pour se positionner dans les premiers résultats de recherche de Google » ne se pose plus. Toute création de site web se doit de tenir compte des critères de qualité imposés par les moteurs de recherche dans leurs algorithmes d’analyse de sites. Non seulement le développement de site en Adaptive Web Design ne déroge pas à la règle mais il est celui qui se rapproche le plus des critères de qualités de Google.

Les dernières statistiques sont impressionnantes : en 2019, le trafic Internet mondial via ordinateur représentait 46% des utilisateurs alors que le nombre de mobinautes atteignait les 54%.

Les experts estiment que la recherche et l’utilisation des mobiles devraient atteindre 61% du trafic Internet mondial en 2021 et s’envoler vers les 75 % d’ici 2025.

Il faut néanmoins raison garder car si la majorité du trafic Internet mondial évolue vers une utilisation mobile, le temps passé sur un site web via un ordinateur reste plus élevé que le temps passé sur le même site depuis un appareil mobile. La raison en est simple : bien que le développement de sites en adaptive Web design apporte un grand confort d’utilisation au visiteur du site, c’est sa version « grand écran » qui en facilitera la lecture et le meilleur taux de conversion des call to action qui y sont placés.

Il est donc important pour les entreprises de s’adapter aux évolutions comportementales des internautes et d’investir dans un site web qui réponde favorablement à leurs attentes et nouvelles habitudes.

Les sites développés en Adaptive Design Google bénéficient d’un meilleur taux de performances vu que la plupart des comportements et affichages sont gérés depuis le serveur dans lequel est hébergé le site et non plus par le navigateur web (Chrome, Firefox, Safari, ...)

Ainsi, ce qui est développé pour la version mobile du site internet et son référencement, par exemple le développement de site en AMP (Accelerated Mobile Page) ne sera utilisé que lors d’un appel du site depuis un smartphone ou une tablette. Il en est de même pour les images qui, sur les grands écrans d’ordinateurs seront de grande taille alors que sur smartphone l’image affichée (pour autant que le site ait été développé en ce sens) sera une vignette générée par le site, ce qui en facilitera le téléchargement par la réduction de son poids, sur laquelle sera inséré un lien permettant d’ouvrir l’image originale dans un format plus grand. Si le temps de chargement de la grand image est plus important, l’internaute ayant « initié » sa demande, il sera plus enclin à attendre son affichage.

Un autre élément non négligeable est la venue récente de la recherche vocale sur smartphone telle que proposée par Google ou Amazon. Les recherches vocales sur smartphone ont le vent en poupe et seuls les sites présents dans les premiers résultats seront éligibles pour apporter une réponse à ces demandes.