Regardez autour de vous dans un train : des écrans tenus d’une main, des pouces qui défilent. C’est ainsi que la majorité de vos visiteurs rencontrent votre marque. Concevoir mobile first, ce n’est pas « adapter » un site desktop en petit — c’est partir de l’écran le plus contraint pour forcer les vrais choix, puis enrichir vers les grands formats.
La contrainte comme outil de hiérarchisation
Sur 375 pixels de large, impossible de tout dire. Le mobile first oblige à trancher : quel est le message essentiel de cette page ? Quelle est l’action attendue ? Ce travail de priorisation bénéficie ensuite à toutes les tailles d’écran — les sites pensés mobile d’abord sont presque toujours plus clairs en desktop que l’inverse.
La zone du pouce, loi physique de l’interface
Sur un grand écran de smartphone tenu d’une main, le pouce atteint confortablement le tiers inférieur ; le haut de l’écran relève de l’alpinisme digital. D’où des choix désormais standards : navigation et actions principales en bas, cibles tactiles d’au moins 44 pixels, espacement suffisant pour éviter les faux clics, gestes naturels (balayage, tirer pour rafraîchir) là où on les attend.
Les réflexes qui changent tout
- Un formulaire = le bon clavier (numérique pour un téléphone) et l’autocomplétion activée
- Des textes lisibles sans zoom : 16 px minimum, contrastes vérifiés en plein soleil
- Des médias sobres : chaque mégaoctet se paie en 4G — visez moins de 2,5 s d’affichage
- Tester sur de vrais téléphones, pas seulement dans le simulateur du navigateur
Et n’oubliez pas que Google indexe votre site dans sa version mobile : ce que vous masquez « pour faire propre » sur petit écran disparaît aussi de votre référencement. Le mobile n’est plus un canal secondaire ; c’est votre première vitrine. Chez AGCI, chaque maquette naît en 375 pixels — venez voir ce que ça change.
ChatGPT
Mistral
Claude
Perplexity
Grok 