25.02.2013 - dernière mise à jour 27.03.2017

Les sites web deviennent "mobile"

Une tendance se dit "web adaptatif". Il s'agit d'une technologie adaptant la mise en page à la largeur de l'écran sur lequel l'internaute agit.

Le but de cette nouvelle méthode consiste à obtenir une expérience de consultation optimale, facilitant la lecture et la navigation sur l'écran - ceci depuis la largeur d'un moniteur d'ordinateur, jusqu'aux dimensions restrintes d'un smartphone.

La page est dotée de "points de rupture", des points prédéfinis dans la largeur du navigateur. En diminuant la largeur, lorsqu'un des points est atteint, le positionnement des éléments de la page va changer. Ils vont en général s'aligner à la verticale afin de se loger dans un espace moins large.

Vous pouvez faire l'expérience avec ce site: Si vous n'êtes pas sur un smartphone actuellement, minimisez la largeur de votre fenêtre et observez comment la grille va changer d'un "mode deux colonnes" en "mode une colonne".

L'avantage par rapport aux techniques précédentes, est la réalisation technique plus simple, donc plus rapide et moins cher. Jusqu'à présent, il fallait programmer une deuxième version du site adaptée aux besoins spécifiques de l'environnement mobile.

 

Référence

Pour l'agence dico mediadesign

• www.autohaus-isernhagen.com

 

 

écrit par

Julien Braastad-Tiffon