Mon site sera-t-il compatible mobile ?

Mobile-first, au sens propre

Concevoir en partant du grand écran puis rétrécir donne toujours le même résultat : une colonne latérale qu'on ne sait pas où mettre et un menu à rallonge. On fait l'inverse. La maquette mobile est dessinée en premier, ce qui force à hiérarchiser le contenu au lieu de tout afficher.

Ce qu'on vérifie avant la mise en ligne

• Aucun débordement horizontal à 320 pixels, la largeur des plus petits téléphones encore en circulation.
• Les zones tactiles suffisamment grandes et espacées pour être touchées au pouce.
• Les tableaux et les blocs de code qui défilent dans leur propre cadre, sans faire glisser la page entière.
• Les formulaires avec le bon type de clavier : numérique pour un téléphone, courriel pour une adresse.
• La lisibilité réelle des textes, sans avoir à zoomer.

Responsive ne veut pas dire identique

Un bon site mobile n'est pas la version bureau réduite. Certains blocs changent d'ordre, certains tableaux deviennent des listes, certains menus se replient. Ce qui ne change jamais, c'est le contenu : Google compare les deux versions, et une information présente sur le bureau mais absente sur mobile cesse d'être prise en compte.

Le poids compte autant que la mise en page

Une page parfaitement adaptée mais lourde reste une mauvaise page mobile, parce qu'elle sera consultée en 4G dans la rue. Les images sont servies en format moderne et dimensionnées pour l'écran qui les demande, et on limite les scripts tiers, qui sont de très loin la première cause de lenteur sur téléphone.