UX & Design
Apr 7, 20264 min de lectureLa Checklist Mobile-First que Chaque Site Devrait Avoir
EP
Enzo P.
Founder, Roast My Site
62% de tout le trafic web est mobile. Pourtant, la plupart des sites sont encore conçus sur des moniteurs desktop et "rendus responsives" en tant qu'afterthought. Voici la checklist définitive pour une expérience mobile qui convertit.
Typographie
☐Taille de police de base minimum 16px
☐Interlignage 1.5-1.7 pour le corps du texte
☐Titres pas plus larges que 2.5rem sur mobile
☐Contraste suffisant — minimum WCAG AA
Boutons & Zones Tactiles
☐Taille de zone tactile minimum 44x44px
☐Au moins 8px d'espacement entre les zones tactiles adjacentes
☐CTA principal visible sans défilement sur la fenêtre mobile
☐Pas d'états uniquement au survol (il n'y a pas de survol sur tactile)
Formulaires
☐Types d'entrée corrects (type="email", type="tel") pour déclencher les bons claviers
☐Attributs d'autocomplétion sur les champs nom et email
☐Bouton de soumission visible quand le clavier est ouvert
☐Libellés au-dessus des champs, pas uniquement des placeholders
Navigation
☐Menu hamburger ou barre de navigation inférieure (5 éléments max)
☐Le logo renvoie à la page d'accueil
☐Pas de menus déroulants nécessitant le survol
Performance
☐Images optimisées et servies en format WebP
☐Core Web Vitals : LCP sous 2,5s sur réseau mobile
☐Pas de scripts bloquant le rendu
Mise en Page
☐Mise en page en colonne unique en dessous de 768px
☐Pas de débordement horizontal
☐L'en-tête fixe ne consomme pas plus de 10% de la hauteur de la fenêtre
Protocole de Test
Ne vous contentez pas de redimensionner votre navigateur. Testez sur un vrai appareil. Testez avec votre pouce non dominant. Si vous pouvez accomplir votre action de conversion principale en une main, vous passez le test.
Partager