Site Internet Qualité

Site adapté aux smart phone

Adapter un site Internet aux consultations mobiles est une opération relativement peu coûteuse pemettant d'offrir à tous les "mobinautes" une version de site adaptée aux caractéristiques de ce mode de consultation.

Adapter son site aux smart-phones et tablettes


Les plus de l'adaptation d'un site web aux mobiles

  • Fonctionne sur la plupart des smart phones récents,
  • Offrir une ergonomie, un graphisme réellement adaptés,
  • Continuer à administrer et à gérer le contenu en même temps que le site web via le même module d'administration,
  • Transpose l'intégralité du contenu du site dans une version adaptée,
  • Nécessite le budget le moins élevé par rapport aux 2 autres solutions envisagées.

Les moins de l'adaptation d'un site web aux mobiles

  • Ne modifie pas les fichiers et éléments téléchargés par le mobile à par rapport au site web classique, autrement dit si vos pages sont lourdes, elles le resteront dans la version mobile. Or le temps de chargement des pages est un frein aux consultations mobiles,
  • Aucune comparaison possible avec les possibilités offertes en termes d'ergonomie et d'animation par des applications mobiles,
  • Pas de consultation possible hors connexion réseau contrairement aux applications qui le permettent dans la plupart des cas.

Le principe de l'adaptation d'un site web aux mobiles

Le principe est simple : en fonction de la taille de l'écran on applique aux pages web un schéma de mise en forme différent et adapté :

  • Aux consultations classiques,
  • Aux consultations via smart phone.

Ce principe repose sur l'application des "media queries" qui permettent d'appliquer une feuille de mise en forme (ou CSS) particulière aux mobiles. Cette feuile de mis en forme spécifique permet généralement de conserver le graphisme du site web et de réaliser des adaptations répondant aux contraintes ergonomiques liées aux consultations mobiles.

  • Agrandissement de la taille d'affichage des polices,
  • Agrandissement des surfaces cliquables des boutons et des liens,
  • Affichage d'éléments placés côte à côte en version web les uns sous les autres en versions mobiles,
  • Réduction de la taille d'affichage des images, animations, vidéos pour qu'elles s'affichent dans leur intégralité sur la largeur disponible,
  • Modifications ou suppressions de types animations ou vidéos,...

Un exemple de site adapté au mobile

Notre propre site www.site-internet-qualite.fr bénéficie d'une adaptation à la consultation sur mobile. Nous vous invitons à naviguer sur de site avec un spart phone et à comparer le graphisme et l'ergonomie proposés par rapport à notre site Internet.

L'affichage de la version adaptée mobile étant basée sur la largeur du navigateur, vous pouvez aisément simuler la consultation mobile directement depuis votre ordinateur en réduisant la largeur de un navigateur web moderne (Safari, Chrome, Firefox,...) ; dès lors que vous serez passé sous un seuil de 640 pixels, vous basculerez en affichage type mobile.