Responsive

Un site responsive adapte sa mise en page à la taille de l'écran. Les colonnes deviennent des lignes, le menu se replie, les images se redimensionnent. Le même site, réorganisé, pas un site séparé.

Pour un commerce de proximité, la majorité des visites vient du téléphone — souvent nettement plus des deux tiers. C'est logique : on cherche un restaurant en marchant, un garage depuis le bord de la route, un coiffeur depuis le canapé.

Google l'a acté depuis longtemps : il classe les sites d'après leur version mobile, y compris pour les recherches faites sur ordinateur. Un site correct sur grand écran et pénible sur téléphone est un site mal classé, même auprès des visiteurs qui ne verront jamais la version mobile.

Vous le repérez en dix secondes sur votre téléphone :

- il faut zoomer pour lire le texte ; - il faut faire glisser la page horizontalement ; - les boutons sont trop petits ou trop serrés pour le pouce ; - le numéro de téléphone n'est pas cliquable.

Ce dernier point est celui qui coûte le plus. Un client qui doit mémoriser dix chiffres, sortir de son navigateur et les retaper appelle beaucoup moins souvent qu'un client qui touche un bouton.

Un site peut être techniquement responsive et rester mauvais sur téléphone. Les vraies questions sont : combien de temps met-il à s'afficher sur une connexion moyenne, et l'information essentielle — ouvert ou fermé, le téléphone, l'adresse — est-elle visible sans faire défiler ?

Un menu de restaurant en PDF est le cas d'école : la page est responsive, le PDF ne l'est pas, et le client zoome pendant deux minutes avant d'abandonner.

Ouvrez votre site sur votre téléphone, en 4G plutôt qu'en wifi. Chronométrez l'affichage. Essayez d'appeler et de trouver l'adresse sans zoomer. Si l'un des trois vous agace, il agace vos clients.

Tous les sites produits par SesamWeb sont conçus à partir de l'écran de téléphone, pas adaptés après coup : c'est l'écran majoritaire, il mérite d'être le point de départ.